mbk-lab
/
nextcloud
2
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

load image via javascript and use $(document).width() to determine the proper side of the image to be returned

This commit is contained in:
Thomas Müller 2014-05-02 18:36:58 +02:00
parent 20893cc3b3
commit d163441f3e
2 changed files with 65 additions and 51 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
apps/files_sharing/js/public.js
View File

@ -12,10 +12,11 @@
$(document).ready(function() { $(document).ready(function() {
if (typeof FileActions !== 'undefined') {
var mimetype = $('#mimetype').val(); var mimetype = $('#mimetype').val();
if (typeof FileActions !== 'undefined') {
// Show file preview if previewer is available, images are already handled by the template // Show file preview if previewer is available, images are already handled by the template
if (mimetype.substr(0, mimetype.indexOf('/')) != 'image' && $('.publicpreview').length === 0) { if (mimetype.substr(0, mimetype.indexOf('/')) !== 'image' && $('.publicpreview').length === 0) {
// Trigger default action if not download TODO // Trigger default action if not download TODO
var action = FileActions.getDefault(mimetype, 'file', OC.PERMISSION_READ); var action = FileActions.getDefault(mimetype, 'file', OC.PERMISSION_READ);
if (typeof action !== 'undefined') { if (typeof action !== 'undefined') {
@ -24,7 +25,23 @@ $(document).ready(function() {
} }
} }
// dynamically load image previews
if (mimetype.substr(0, mimetype.indexOf('/')) === 'image' ) {
var params = {
x: $(document).width() * window.devicePixelRatio,
a: 'true',
file: encodeURIComponent($('#dir').val() + $('#filename').val()),
t: $('#sharingToken').val()
};
var img = $('<img class="publicpreview">');
img.attr('src', OC.filePath('files_sharing', 'ajax', 'publicpreview.php') + '?' + OC.buildQueryString(params));
img.appendTo('#imgframe');
}
// override since the format is different // override since the format is different
if (typeof Files !== 'undefined') {
Files.getDownloadUrl = function(filename, dir) { Files.getDownloadUrl = function(filename, dir) {
if ($.isArray(filename)) { if ($.isArray(filename)) {
filename = JSON.stringify(filename); filename = JSON.stringify(filename);
@ -75,6 +92,7 @@ $(document).ready(function() {
file_directory: fileDirectory file_directory: fileDirectory
}; };
}); });
}
$(document).on('click', '#directLink', function() { $(document).on('click', '#directLink', function() {
$(this).focus(); $(this).focus();

4
apps/files_sharing/templates/public.php
View File

@ -30,10 +30,6 @@
<?php else: ?> <?php else: ?>
<?php if (substr($_['mimetype'], 0, strpos($_['mimetype'], '/')) == 'image'): ?> <?php if (substr($_['mimetype'], 0, strpos($_['mimetype'], '/')) == 'image'): ?>
<div id="imgframe"> <div id="imgframe">
<img
src="<?php p(OCP\Util::linkToRoute( 'core_ajax_public_preview', array('x' => 1000, 'y' => 1000, 'a' => 'true', 'file' => $_['directory_path'], 't' => $_['dirToken']))); ?>"
class="publicpreview"
alt=""/>
</div> </div>
<?php elseif (substr($_['mimetype'], 0, strpos($_['mimetype'], '/')) == 'video'): ?> <?php elseif (substr($_['mimetype'], 0, strpos($_['mimetype'], '/')) == 'video'): ?>
<div id="imgframe"> <div id="imgframe">