You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
238 lines
6.8 KiB
238 lines
6.8 KiB
/** |
|
* 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'; |
|
} |
|
});
|
|
|