Bildausgabe Miniaturansicht

ulrich

2017-03-11 7f2a41a253e6d980b882c21986e350dc96664cd6

Bildausgabe Miniaturansicht

 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}}          

 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);
    }
    
  };
}