X-Git-Url: http://wagnertech.de/git?a=blobdiff_plain;f=templates%2Fwebpages%2Ffile%2Flist.html;h=315e886d20cdddf7db85a0e5e43645875ea4927d;hb=3591b710cbe757a131ff768ed7d6066d8412bc0e;hp=37ff6e5b33429912b25862d15a4d42834f7daf26;hpb=db34e1f51e65fb1239869f74250b6901941bdabe;p=kivitendo-erp.git

diff --git a/templates/webpages/file/list.html b/templates/webpages/file/list.html
index 37ff6e5b3..315e886d2 100644
--- a/templates/webpages/file/list.html
+++ b/templates/webpages/file/list.html
@@ -1,4 +1,7 @@
-[%- USE LxERP -%][% USE L %][% USE HTML %]
+[%- USE LxERP -%][% USE L %]
+[% USE T8 %]
+[% USE Base64 %]
+[% USE HTML %]
 [%- IF ! json %]
  <div id="[% file_type %]_list_[% object_type %]">
 [%- END %]
@@ -35,7 +38,7 @@
       </th>
       <th class="listheading" width="30%"><b>[%  LxERP.t8('Description') %]</b></th>
      [%- ELSE %]
-      <th class="listheading" width="40%"></th>
+      <th class="listheading" width="40%"><b>[%  LxERP.t8('ImagePreview') %]</b></th>
      [%- END %]
     </tr>
    </thead>
@@ -60,12 +63,25 @@
        </td>
        <td>[% file.description %]</td>
       [%- ELSE %]
-       <td></td>
+       <td align="left">
+        [%- IF file.thumbnail %]
+         <div class="overlay_div">
+          <img id="thumb_[% file.id %]" class="thumbnail"
+               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;"
+               data-file-id="[% file.id %]" data-file-version="[% file.version %]">
+         </div>
+        [%- ELSE %]
+         -
+        [%- END %]
+       </td>
       [%- END %]
      </tr>
     [%- END # FOREACH file %]
    </tbody>
-  </table
+  </table>
 
   <div>
    [%- IF edit_attachments %]
@@ -81,12 +97,20 @@
     [%- can_rename = 1 %]
     [% L.button_tag("kivi.File.rename(" _ object_id _ ",'" _ object_type _ "','" _ file_type _ "','" _ checkname _ "'," _ is_global _ ");",  source.rename_title ) %]
    [%- END %]
-   [%- IF source.can_upload %]
-    [% L.button_tag("kivi.File.upload(" _ object_id _ ",'" _ object_type _ "','" _ file_type _ "','" _ source.upload_title _ "'," _ is_global _ ");", source.upload_title ) %]
-   [%- END %]
    [%- IF source.can_import %]
     [% L.button_tag("kivi.File.import("   _ object_id _ ",'" _ object_type _ "','" _ file_type _ "','" _ source.name _ "','" _ source.path _"');",  source.import_title ) %]
    [%- END %]
+   [%- IF source.can_upload %]
+    [% L.button_tag("kivi.File.upload(" _ object_id _ ",'" _ object_type _ "','" _ file_type _ "','" _ source.upload_title _ "'," _ is_global _ ");", source.upload_title ) %]
+    <span class="upload_drop_zone"
+          data-object-type="[% object_type %]"
+          data-object-id="[% object_id %]"
+          data-file-type="[% file_type %]"
+          data-is-global="[% is_global %]"
+          data-maxsize="[% INSTANCE_CONF.get_doc_max_filesize %]">
+      [% 'Drag and drop files here' | $T8 %]
+    </span>
+   [%- END %]
   </div>
  [%- END # FOREACH source %]
  <div></div>
@@ -103,3 +127,10 @@
   [%- END %]
  [%- END %]
 [%- END %]
+
+<script>
+  $(function() {
+    kivi.File.list_div_id = "[% file_type %]_list_[% object_type %]";
+    kivi.File.init();
+  });
+</script>