Dateimanagement: Vorschau auch anklickbar zum Download machen

diff --git a/css/common.css b/css/common.css
index 69ebbfd..dd29500 100644 (file)
--- a/css/common.css
+++ b/css/common.css
@@ -233,3 +233,7 @@ span.upload_drop_zone {
   z-index: 2;
   cursor: pointer;
 }
+
+.thumbnail {
+  cursor: pointer;
+}

diff --git a/js/kivi.File.js b/js/kivi.File.js
index 6b4ea46..eeca325 100644 (file)
--- a/js/kivi.File.js
+++ b/js/kivi.File.js
@@ -332,6 +332,20 @@ namespace('kivi.File', function(ns) {
     $('.thumbnail').on('mouseover', ns.add_enlarged_thumbnail);
   };
 
+  ns.download = function(e) {
+    var file_id        = $(e.target).data('file-id');
+    var file_version   = $(e.target).data('file-version');
+
+    var data = {
+      action:  'File/download',
+      id:      file_id,
+      version: file_version,
+    };
+
+    $.post("controller.pl", data, kivi.eval_json_result);
+
+  };
+
   ns.init = function() {
     // Preventing page from redirecting
     $("#" + ns.list_div_id).on("dragover", function(e) {
@@ -373,8 +387,8 @@ namespace('kivi.File', function(ns) {
     });
 
     $('.thumbnail').on('mouseover', ns.add_enlarged_thumbnail);
-    $('.overlay_img').on('click', ns.remove_enlarged_thumbnail);
     $('.overlay_img').on('mouseout', ns.remove_enlarged_thumbnail);
+    $('.overlay_div img').on('click', ns.download);
   };
 
 });

diff --git a/templates/webpages/file/list.html b/templates/webpages/file/list.html
index 039f4a2..315e886 100644 (file)
--- a/templates/webpages/file/list.html
+++ b/templates/webpages/file/list.html
@@ -70,7 +70,8 @@
                data-file-id="[% file.id %]" data-file-version="[% file.version %]"
                src="data:[% HTML.escape(file.thumbnail.thumbnail_img_content_type) %];base64,[% file.thumbnail.thumbnail_img_content.encode_base64 %]"
                alt="[% file.file_name %]">
-          <img id="enlarged_thumb_[% file.id %][% IF file.version %]_[% file.version %][% END %]" class="overlay_img" style="display:none;">
+          <img id="enlarged_thumb_[% file.id %][% IF file.version %]_[% file.version %][% END %]" class="overlay_img" style="display:none;"
+               data-file-id="[% file.id %]" data-file-version="[% file.version %]">
          </div>
         [%- ELSE %]
          -