Dateimanagement: Vorschau auch anklickbar zum Download machen

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

+
+.thumbnail {
+  cursor: pointer;
+}

diff --git a/js/kivi.File.js b/js/kivi.File.js
index 6b4ea462ceb62c09b5f0bb843eefb20d06a548a4..eeca3258c31216c2c45b165b8adc472fce38ac26 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);
   };
 
     $('.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) {
   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);
     });
 
     $('.thumbnail').on('mouseover', ns.add_enlarged_thumbnail);

-    $('.overlay_img').on('click', ns.remove_enlarged_thumbnail);

     $('.overlay_img').on('mouseout', 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 039f4a242d81a3023be5910a700a6e68d84c2964..315e886d20cdddf7db85a0e5e43645875ea4927d 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 %]">
                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 %]
          -
          </div>
         [%- ELSE %]
          -