239 lines
6.8 KiB
JavaScript
239 lines
6.8 KiB
JavaScript
/**
|
|
* Nextcloud - Gallery
|
|
*
|
|
*
|
|
* This file is licensed under the Affero General Public License version 3 or
|
|
* later. See the COPYING file.
|
|
*
|
|
* @author Olivier Paroz <galleryapps@oparoz.com>
|
|
*
|
|
* @copyright Olivier Paroz 2017
|
|
*/
|
|
/* global oc_requesttoken, FileList, Gallery, SlideShow */
|
|
(function ($, OC, OCA, oc_requesttoken) {
|
|
"use strict";
|
|
var galleryFileAction = {
|
|
features: [],
|
|
mediaTypes: {},
|
|
scrollContainer: null,
|
|
slideShow: null,
|
|
|
|
/**
|
|
* Builds a URL pointing to one of the app's controllers
|
|
*
|
|
* @param {string} endPoint
|
|
* @param {undefined|string} path
|
|
* @param {Object} params
|
|
*
|
|
* @returns {string}
|
|
*/
|
|
buildGalleryUrl: function (endPoint, path, params) {
|
|
var extension = '';
|
|
var tokenElement = $('#sharingToken');
|
|
var token = (tokenElement.val()) ? tokenElement.val() : false;
|
|
if (token) {
|
|
params.token = token;
|
|
extension = '.public';
|
|
}
|
|
var query = OC.buildQueryString(params);
|
|
return OC.generateUrl('apps/gallery/' + endPoint + extension + path, null) + '?' +
|
|
query;
|
|
},
|
|
|
|
/**
|
|
* Registers a file action for each media type
|
|
*
|
|
* @param {Array} mediaTypes
|
|
*/
|
|
register: function (mediaTypes) {
|
|
if (OCA.Viewer) {
|
|
return;
|
|
}
|
|
//console.log("enabledPreviewProviders: ", mediaTypes);
|
|
if (mediaTypes) {
|
|
// Remove SVG if the user is using an insecure browser (IE8-9)
|
|
if (window.galleryFileAction.features.indexOf('native_svg') > -1 && !window.btoa) {
|
|
mediaTypes.splice(mediaTypes.indexOf('image/svg+xml'), 1);
|
|
}
|
|
galleryFileAction.mediaTypes = mediaTypes;
|
|
}
|
|
var i, mediaTypesLength = mediaTypes.length;
|
|
// We only want to create slideshows for supported media types
|
|
for (i = 0; i < mediaTypesLength; i++) {
|
|
// Each click handler gets the same function and images array and
|
|
// is responsible to load the slideshow
|
|
OCA.Files.fileActions.register(mediaTypes[i], 'View', OC.PERMISSION_READ, '',
|
|
galleryFileAction.onView);
|
|
OCA.Files.fileActions.setDefault(mediaTypes[i], 'View');
|
|
}
|
|
},
|
|
|
|
/**
|
|
* Prepares the features array
|
|
*
|
|
* This is duplicated from a method found in galleryconfig. It's done that way in order to
|
|
* avoid having to load the whole utility class in the Files app
|
|
*
|
|
* @param configFeatures
|
|
* @returns {Array}
|
|
*/
|
|
buildFeaturesList: function (configFeatures) {
|
|
var features = [];
|
|
var i, configFeaturesLength = configFeatures.length;
|
|
if (configFeaturesLength) {
|
|
for (i = 0; i < configFeaturesLength; i++) {
|
|
features.push(configFeatures[i]);
|
|
}
|
|
}
|
|
|
|
window.galleryFileAction.features = features;
|
|
},
|
|
|
|
/**
|
|
* Builds an array containing all the images we can show in the slideshow
|
|
*
|
|
* @param {string} filename
|
|
* @param {Object} context
|
|
*/
|
|
onView: function (filename, context) {
|
|
var imageUrl, downloadUrl;
|
|
var fileList = context.fileList;
|
|
var files = fileList.files;
|
|
var start = 0;
|
|
var images = [];
|
|
var dir = context.dir + '/';
|
|
var width = Math.ceil(screen.width * window.devicePixelRatio);
|
|
var height = Math.ceil(screen.height * window.devicePixelRatio);
|
|
|
|
/* Find value of longest edge. */
|
|
var longEdge = Math.max(width, height);
|
|
|
|
/* Find the next larger image size. */
|
|
if (longEdge % 100 !== 0) {
|
|
longEdge = ( longEdge + 100 ) - ( longEdge % 100 );
|
|
}
|
|
|
|
for (var i = 0; i < files.length; i++) {
|
|
var file = files[i];
|
|
// We only add images to the slideshow if we think we'll be able
|
|
// to generate previews for this media type
|
|
if (galleryFileAction.mediaTypes.indexOf(file.mimetype) > -1) {
|
|
/* jshint camelcase: false */
|
|
var params = {
|
|
width: longEdge,
|
|
height: longEdge,
|
|
c: file.etag,
|
|
requesttoken: oc_requesttoken
|
|
};
|
|
imageUrl = galleryFileAction.buildGalleryUrl('preview', '/' + file.id, params);
|
|
params = {
|
|
c: file.etag,
|
|
requesttoken: oc_requesttoken
|
|
};
|
|
downloadUrl =
|
|
galleryFileAction.buildGalleryUrl('files', '/download/' + file.id, params);
|
|
|
|
images.push({
|
|
name: file.name,
|
|
path: dir + file.name,
|
|
fileId: file.id,
|
|
mimeType: file.mimetype,
|
|
permissions: file.permissions,
|
|
url: imageUrl,
|
|
downloadUrl: downloadUrl
|
|
});
|
|
}
|
|
}
|
|
for (i = 0; i < images.length; i++) {
|
|
//console.log("Images in the slideshow : ", images[i]);
|
|
if (images[i].name === filename) {
|
|
start = i;
|
|
}
|
|
}
|
|
|
|
if ($.isEmptyObject(galleryFileAction.slideShow)) {
|
|
galleryFileAction.slideShow = new SlideShow();
|
|
$.when(galleryFileAction.slideShow.init(
|
|
false,
|
|
null,
|
|
window.galleryFileAction.features
|
|
)).then(function () {
|
|
// Don't show the download button on the "Files" slideshow
|
|
galleryFileAction._startSlideshow(images, start);
|
|
});
|
|
} else {
|
|
galleryFileAction._startSlideshow(images, start);
|
|
}
|
|
},
|
|
|
|
/**
|
|
* Launches the slideshow
|
|
*
|
|
* @param {{name:string, url: string, path: string, fallBack: string}[]} images
|
|
* @param {number} start
|
|
* @private
|
|
*/
|
|
_startSlideshow: function (images, start) {
|
|
galleryFileAction.slideShow.setImages(images, false);
|
|
|
|
var scrollTop = galleryFileAction.scrollContainer.scrollTop();
|
|
// This is only called when the slideshow is stopped
|
|
galleryFileAction.slideShow.onStop = function () {
|
|
FileList.$fileList.one('updated', function () {
|
|
galleryFileAction.scrollContainer.scrollTop(scrollTop);
|
|
});
|
|
};
|
|
|
|
// Only modern browsers can manipulate history
|
|
if (history && history.replaceState) {
|
|
// This stores the fileslist in the history state
|
|
var stateData = {
|
|
dir: FileList.getCurrentDirectory()
|
|
};
|
|
history.replaceState(stateData, document.title, window.location);
|
|
|
|
// This creates a new entry in history for the slideshow. It will
|
|
// be updated as the user navigates from picture to picture
|
|
history.pushState(null, '', '#loading');
|
|
}
|
|
|
|
galleryFileAction.slideShow.show(start);
|
|
}
|
|
};
|
|
|
|
window.galleryFileAction = galleryFileAction;
|
|
})(jQuery, OC, OCA, oc_requesttoken);
|
|
|
|
$(document).ready(function () {
|
|
"use strict";
|
|
// Deactivates fileaction on public preview page
|
|
if ($('#imgframe').length > 0) {
|
|
return true;
|
|
}
|
|
|
|
if ($('html').is('.ie8')) {
|
|
return true; //deactivate in IE8
|
|
}
|
|
|
|
window.galleryFileAction.scrollContainer = $('#app-content');
|
|
if ($('#isPublic').val()) {
|
|
window.galleryFileAction.scrollContainer = $(window);
|
|
}
|
|
|
|
var utility = new Gallery.Utility();
|
|
utility.addDomPurifyHooks();
|
|
|
|
// Retrieve the config as well as the list of supported media types.
|
|
// The list of media files is retrieved when the user clicks on a row
|
|
var url = window.galleryFileAction.buildGalleryUrl('config', '', {extramediatypes: 1});
|
|
$.getJSON(url).then(function (config) {
|
|
window.galleryFileAction.buildFeaturesList(config.features);
|
|
window.galleryFileAction.register(config.mediatypes);
|
|
});
|
|
|
|
// create public share links as from the files app
|
|
if (!Gallery.appName) {
|
|
Gallery.appName = 'files';
|
|
}
|
|
});
|