Publish Vulpes Preview 15 sources for desktop, Android and Tundra
Share Gaia assets and adapters, keep private profiles and development documents local, and update both public READMEs.
This commit is contained in:
OverSu
parent
93e3a48004
commit
b38dea0597
25901 changed files with 9982925 additions and 369 deletions
305
gaia/apps/camera/js/controllers/preview-gallery.js
Executable file
305
gaia/apps/camera/js/controllers/preview-gallery.js
Executable file
|
|
@ -0,0 +1,305 @@
|
|||
define(function(require, exports, module) {
|
||||
'use strict';
|
||||
|
||||
/**
|
||||
* Dependencies
|
||||
*/
|
||||
|
||||
var debug = require('debug')('controller:preview-gallery');
|
||||
var StringUtils = require('lib/string-utils');
|
||||
var bindAll = require('lib/bind-all');
|
||||
var PreviewGalleryView = require('views/preview-gallery');
|
||||
var CustomDialog = require('CustomDialog');
|
||||
|
||||
/**
|
||||
* Exports
|
||||
*/
|
||||
|
||||
module.exports = function(app) { return new PreviewGalleryController(app); };
|
||||
module.exports.PreviewGalleryController = PreviewGalleryController;
|
||||
|
||||
function PreviewGalleryController(app) {
|
||||
bindAll(this);
|
||||
this.app = app;
|
||||
this.require = app.require;
|
||||
this.settings = app.settings;
|
||||
this.dialog = app.dialog || CustomDialog; // test hook
|
||||
this.resizeImageAndSave = app.resizeImageAndSave;
|
||||
this.currentItemIndex = 0;
|
||||
this.bindEvents();
|
||||
debug('initialized');
|
||||
}
|
||||
|
||||
PreviewGalleryController.prototype.bindEvents = function() {
|
||||
this.app.on('media:configured', this.updatePreviewGallery);
|
||||
this.app.on('media:deleted', this.updatePreviewGallery);
|
||||
this.app.on('preview', this.openPreview);
|
||||
this.app.on('hidden', this.closePreview);
|
||||
|
||||
debug('events bound');
|
||||
};
|
||||
|
||||
PreviewGalleryController.prototype.resetPreviewGallery = function(items) {
|
||||
this.items = items;
|
||||
};
|
||||
|
||||
PreviewGalleryController.prototype.openPreview = function() {
|
||||
// If we're handling a pick activity the preview gallery is not used
|
||||
if (this.app.activity.pick || this.view || this.app.hidden) {
|
||||
return;
|
||||
}
|
||||
|
||||
var maxPreviewSize = window.CONFIG_MAX_IMAGE_PIXEL_SIZE;
|
||||
|
||||
this.view = new PreviewGalleryView();
|
||||
this.view.maxPreviewSize = maxPreviewSize;
|
||||
this.view.render().appendTo(this.app.el);
|
||||
|
||||
this.view.on('click:gallery', this.onGalleryButtonClick);
|
||||
this.view.on('click:share', this.shareCurrentItem);
|
||||
this.view.on('click:delete', this.deleteCurrentItem);
|
||||
this.view.on('click:back', this.closePreview);
|
||||
this.view.on('swipe', this.handleSwipe);
|
||||
this.view.on('click:options', this.onOptionsClick);
|
||||
this.view.on('loadingvideo', this.app.firer('busy'));
|
||||
this.view.on('playingvideo', this.app.firer('ready'));
|
||||
|
||||
// If lockscreen is locked, hide all control buttons
|
||||
var secureMode = this.app.inSecureMode;
|
||||
this.view.set('secure-mode', secureMode);
|
||||
this.view.open();
|
||||
|
||||
this.previewItem();
|
||||
this.app.emit('previewgallery:opened');
|
||||
};
|
||||
|
||||
PreviewGalleryController.prototype.closePreview = function() {
|
||||
if (this.view) {
|
||||
this.currentItemIndex = 0;
|
||||
this.view.close();
|
||||
this.view.destroy();
|
||||
this.view = null;
|
||||
}
|
||||
|
||||
this.app.emit('previewgallery:closed');
|
||||
};
|
||||
|
||||
/**
|
||||
* Open the gallery app when the
|
||||
* gallery button is pressed.
|
||||
*
|
||||
* @private
|
||||
*/
|
||||
PreviewGalleryController.prototype.onGalleryButtonClick = function() {
|
||||
// Can't launch the gallery if the lockscreen is locked.
|
||||
// The button shouldn't even be visible in this case, but
|
||||
// let's be really sure here.
|
||||
if (this.app.inSecureMode) {
|
||||
return;
|
||||
}
|
||||
|
||||
var MozActivity = window.MozActivity;
|
||||
|
||||
// Launch the gallery with an activity
|
||||
this.mozActivity = new MozActivity({
|
||||
name: 'browse',
|
||||
data: { type: 'photos' }
|
||||
});
|
||||
};
|
||||
|
||||
PreviewGalleryController.prototype.onOptionsClick = function() {
|
||||
if (this.app.inSecureMode) {
|
||||
return;
|
||||
}
|
||||
|
||||
this.view.showOptionsMenu();
|
||||
};
|
||||
|
||||
PreviewGalleryController.prototype.shareCurrentItem = function() {
|
||||
var index = this.currentItemIndex;
|
||||
var item = this.items[index];
|
||||
|
||||
if (this.app.inSecureMode || !item || item.resizing) {
|
||||
return;
|
||||
}
|
||||
|
||||
var type = item.isVideo ? 'video/*' : 'image/*';
|
||||
var filename = StringUtils.lastPathComponent(item.filepath);
|
||||
|
||||
var launchShareActivity = function(blob) {
|
||||
var activity = new window.MozActivity({
|
||||
name: 'share',
|
||||
data: {
|
||||
type: type,
|
||||
number: 1,
|
||||
blobs: [blob],
|
||||
filenames: [filename],
|
||||
filepaths: [item.filepath] /* temporary hack for bluetooth app */
|
||||
}
|
||||
});
|
||||
activity.onerror = function(e) {
|
||||
console.warn('Share activity error:', activity.error.name);
|
||||
};
|
||||
};
|
||||
|
||||
if (item.isVideo) {
|
||||
launchShareActivity(item.blob);
|
||||
return;
|
||||
}
|
||||
|
||||
var self = this;
|
||||
|
||||
item.resizing = true;
|
||||
this.app.emit('busy', 'resizingImage');
|
||||
|
||||
// Resize the image to the maximum pixel size for share activities.
|
||||
// If no maximum is specified (value is `0`), then simply rotate
|
||||
// (if needed) and re-save the image prior to launching the activity.
|
||||
var maxSize = this.settings.activity.get('maxSharePixelSize');
|
||||
this.require(['lib/resize-image-and-save'], function(resize) {
|
||||
if (!self.resizeImageAndSave) {
|
||||
self.resizeImageAndSave = resize;
|
||||
}
|
||||
self.resizeImageAndSave({
|
||||
blob: item.blob,
|
||||
size: maxSize,
|
||||
}, function(resizedBlob) {
|
||||
// Update the cached preview to reflect the new size of the saved
|
||||
// image; it will also rotate the image based on the EXIF data before
|
||||
// saving, so we should adjust for that
|
||||
if (resizedBlob !== item.blob) {
|
||||
item.blob = resizedBlob;
|
||||
if (maxSize && maxSize.width && maxSize.height) {
|
||||
item.width = maxSize.width;
|
||||
item.height = maxSize.height;
|
||||
} else if (item.rotation === 90 || item.rotation === 270) {
|
||||
var tmp = item.width;
|
||||
item.width = item.height;
|
||||
item.height = tmp;
|
||||
}
|
||||
delete item.rotation;
|
||||
}
|
||||
delete item.resizing;
|
||||
self.app.emit('ready');
|
||||
launchShareActivity(resizedBlob);
|
||||
});
|
||||
});
|
||||
};
|
||||
|
||||
/**
|
||||
* Delete the current item
|
||||
* when the delete button is pressed.
|
||||
*
|
||||
* @private
|
||||
*/
|
||||
PreviewGalleryController.prototype.deleteCurrentItem = function() {
|
||||
// The button should be gone,but
|
||||
// hard exit from this function just in case.
|
||||
if (this.app.inSecureMode) { return; }
|
||||
|
||||
var index = this.currentItemIndex;
|
||||
var item = this.items[index];
|
||||
var filepath = item.filepath;
|
||||
var dialog = this.dialog;
|
||||
var self = this;
|
||||
var msg;
|
||||
|
||||
if (item.isVideo) {
|
||||
msg = 'delete-video?';
|
||||
}
|
||||
else {
|
||||
msg = 'delete-photo?';
|
||||
}
|
||||
|
||||
dialog.show('', msg, {
|
||||
title: 'cancel',
|
||||
callback: closeDialog
|
||||
}, {
|
||||
title: 'delete',
|
||||
callback: deleteItem,
|
||||
recommend: false
|
||||
});
|
||||
|
||||
function closeDialog() {
|
||||
dialog.hide();
|
||||
}
|
||||
|
||||
function deleteItem() {
|
||||
dialog.hide();
|
||||
|
||||
// Actually delete the file
|
||||
if (item.isVideo) {
|
||||
self.app.emit('previewgallery:deletevideo', filepath);
|
||||
} else {
|
||||
self.app.emit('previewgallery:deletepicture', filepath);
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
/**
|
||||
* Update the preview with the latest recent item
|
||||
* after deleting images/videos.
|
||||
*
|
||||
* @param {String} index
|
||||
*/
|
||||
PreviewGalleryController.prototype.updatePreviewGallery = function(items) {
|
||||
// Remove the item from the array of items
|
||||
if (items) {
|
||||
this.items = items;
|
||||
}
|
||||
|
||||
// If there are no more items, go back to the camera
|
||||
if (this.items.length === 0) {
|
||||
this.closePreview();
|
||||
}
|
||||
else {
|
||||
if (this.currentItemIndex === this.items.length) {
|
||||
this.currentItemIndex = this.items.length - 1;
|
||||
}
|
||||
|
||||
var isOpened = this.view ? true : false;
|
||||
if (isOpened) {
|
||||
this.previewItem();
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
/**
|
||||
* To Do: Image Swipe Transition
|
||||
*/
|
||||
PreviewGalleryController.prototype.handleSwipe = function(direction) {
|
||||
if (direction === 'left') {
|
||||
this.next();
|
||||
}
|
||||
else if (direction === 'right') {
|
||||
this.previous();
|
||||
}
|
||||
};
|
||||
|
||||
PreviewGalleryController.prototype.next = function() {
|
||||
if (this.currentItemIndex < this.items.length - 1) {
|
||||
this.currentItemIndex += 1;
|
||||
this.previewItem();
|
||||
}
|
||||
};
|
||||
|
||||
PreviewGalleryController.prototype.previous = function() {
|
||||
if (this.currentItemIndex > 0) {
|
||||
this.currentItemIndex -= 1;
|
||||
this.previewItem();
|
||||
}
|
||||
};
|
||||
|
||||
PreviewGalleryController.prototype.previewItem = function() {
|
||||
var index = this.currentItemIndex;
|
||||
var item = this.items[index];
|
||||
this.view.updateCountText(index + 1, this.items.length);
|
||||
|
||||
if (item.isVideo) {
|
||||
this.view.showVideo(item);
|
||||
} else {
|
||||
this.view.showImage(item);
|
||||
}
|
||||
};
|
||||
|
||||
});
|
||||
Loading…
Reference in a new issue