From 7f2a41a253e6d980b882c21986e350dc96664cd6 Mon Sep 17 00:00:00 2001
From: ulrich <not disclosed>
Date: Sat, 11 Mar 2017 17:32:35 +0000
Subject: [PATCH] Bildausgabe Miniaturansicht

---
 web/ui/index.html |    7 +++
 web/ui/ui.js      |   78 ++++++++++++++++++++++++++++++++++++++
 2 files changed, 83 insertions(+), 2 deletions(-)

diff --git a/web/ui/index.html b/web/ui/index.html
index c5f2586..6633d0b 100644
--- a/web/ui/index.html
+++ b/web/ui/index.html
@@ -12,7 +12,12 @@
     <script id="tpl-kacheln" type="x-tmpl-mustache">
       {{#files}}          
         <figure class="figure datei-figure text-center text-warning align-top datei-elem">
-          <i class="fa {{ typeClass }} fa-3x"></i>
+          {{#mini}}
+            <img class="datei" src="{{miniurl}}"  width="60" height="40" />
+          {{/mini}}
+          {{^mini}}
+            <i class="fa {{ typeClass }} fa-3x"></i>
+          {{/mini}}        
           <figcaption class="figure-caption dateiname">{{ fileName }}</figcaption>
         </figure>   
       {{/files}}          
diff --git a/web/ui/ui.js b/web/ui/ui.js
index 4abc1d0..fbceedc 100644
--- a/web/ui/ui.js
+++ b/web/ui/ui.js
@@ -319,7 +319,7 @@
         }
         fm_get_list(pfad);
       }
-    } else if($(elem).children(0).hasClass('fa-file')) {
+    } else if($(elem).children(0).hasClass('datei')) {
       if(/*ev.shiftKey || */ ev.ctrlKey) {
         // mehrere Dateien sollen gewaehlt werden
       } else {
@@ -853,6 +853,7 @@
 function FileRef(obj) {
   var self = this;
   this.fr = obj;
+  this.fnx;
   
   this.typeClass = function() {
     if(modus == 'kacheln') {
@@ -870,13 +871,88 @@
     }
   };
   
+  this.mini = function() {
+    var miniatur = false;
+    var namen = self.fr.absolutePath.split('/');
+    if(namen.length > 0) {
+      self.fnx = decodeURIComponent(namen[namen.length - 1]);
+    } else {
+      self.fnx = decodeURIComponent(self.fr.absolutePath);
+    }
+    if(self.fnx.indexOf('.jpg') > -1 || self.fnx.indexOf('.png') > -1 || self.fnx.indexOf('.gif') > -1 || self.fnx.indexOf('.jpeg') > -1) {
+      miniatur = true;
+    }
+    return miniatur;
+  };
+  
+  this.miniurl = function() {
+      var userid = $('#userMenu').text();
+      var ext = '';
+      var dotpos = self.fnx.indexOf('.');
+      if(dotpos > -1) {
+        var fny = self.fnx;
+        self.fnx = self.fnx.substring(0, dotpos);
+        ext = fny.substr(dotpos);
+      }
+      var path = fm_get_path(userid);
+      var imgurl = 'http://localhost:8079' + path + '/' + self.fnx + '_tn' + ext;
+      return imgurl;
+    
+  };
+  
+  /*
+  this.kachel = function() {
+    var htm;
+    var fnx; // = self.fileName;
+    var namen = self.fr.absolutePath.split('/');
+    if(namen.length > 0) {
+      fnx = decodeURIComponent(namen[namen.length - 1]);
+    } else {
+      fnx = decodeURIComponent(self.fr.absolutePath);
+    }
+    
+    
+    if(fnx.indexOf('.jpg') > -1 || fnx.indexOf('.png') > -1 || fnx.indexOf('.gif') > -1 || fnx.indexOf('.jpeg') > -1) {
+      var userid = $('#userMenu').text();
+      var ext = '';
+      var dotpos = fnx.indexOf('.');
+      if(dotpos > -1) {
+        fnx = fnx.substring(0, dotpos);
+        ext = fnx.substr(dotpos);
+      }
+      var path = fm_get_path(userid);
+      var imgurl = path + '/' + fnx + '_tn' + ext;
+      htm = "img src='" + imgurl + "'";
+    } else {
+      var cl;
+      if(modus == 'kacheln') {
+        if(self.fr.isDirectory) {
+          cl = 'fa-folder ordner';
+        } else {
+          cl = 'fa-file datei';
+        }
+      } else {
+        if(self.fr.isDirectory) {
+          cl = 'fa-folder ordner';
+        } else {
+          cl = 'fa-file-o datei';
+        }
+      }
+      htm = "i class='fa " + cl + " fa-3x'></i";
+    }
+    return htm;
+  };
+  */
+  
   this.fileName = function() {
+    
     var namen = self.fr.absolutePath.split('/');
     if(namen.length > 0) {
       return decodeURIComponent(namen[namen.length - 1]);
     } else {
       return decodeURIComponent(self.fr.absolutePath);
     }
+    
   };
 }
 

--
Gitblit v1.9.3