Erste Anpassungen am Rendering bei ui2

ulrich

2021-01-09 41ab37e425058eab58e640c94b79b3a9e26fb169

 web/ui2/js/app.js

@@ -1,18 +1,19 @@
function AppVorlage() {
  var self = this;
  var appMenu;
  var vorlagen;
  var api;
  var userid;
  var pfad = '';
  var loc;
  var modus = 'kacheln';
  var PERS_DIR = "Persoenlich";
  var PUB_DIR = "Oeffentlich";
  var DAV_DIR = "Austausch";
  var BASE_DIR = "$basis";
  var DATA_DIR = "$daten";
  var WWW_DIR = "www";
  this.appMenu;
  this.vorlagen;
  this.api;
  this.userid;
  this.pfad = '';
  this.loc;
  this.modus = 'kacheln';
  this.PERS_DIR = "Persoenlich";
  this.PUB_DIR = "Oeffentlich";
  this.DAV_DIR = "Austausch";
  this.BASE_DIR = "$basis";
  this.DATA_DIR = "$daten";
  this.WWW_DIR = "www";
  this.cache = {}; // mustache template cache

  this.datei_neuer_text = function () {
    self.meldung_mit_timeout("Neuer Text", 1500);
@@ -21,7 +22,7 @@
  /* Funktionen aus App-Vorlage */

  this.init = function () {
    self.vorlagen = new Vorlagen();
    //self.vorlagen = new Vorlagen();
    self.appMenu = new AppMenu();
    self.appMenu.init(
            "data/menu/",
@@ -33,8 +34,21 @@
      self.menue_umschalten();
    });
    self.fm_get_login();
    
    var parsedUrl = new URL(window.location.href);
    var wunschPfad = parsedUrl.searchParams.get("pfad");

    if(wunschPfad !== null && wunschPfad.length > 0) {
      self.pfad = wunschPfad;
      self.fm_get_list(wunschPfad);
    } else {
    self.fm_get_list('');
    }
    //fm_init_uploader();
    self.loc = window.location.protocol + '//' + window.location.host;
    
    //self.fm_get_list('');
    //self.loc = window.location.protocol + '//' + window.location.host;
  };

  this.login_zeigen = function() {
@@ -136,11 +150,21 @@
    dlg.innerHTML = '';
  };
  
  this.html_zeigen = function(html) {
        // was mit dem html getan werden soll..
        var elem = document.querySelector('#dateien');
        elem.innerHTML = html;
  };
  
  this.fm_render_list = function (fl) {
    if (self.modus == 'kacheln') {
      // Kachelansicht
      
      // neu bauen
      
      //html_erzeugen = function(vurl, inhalt, cb)       
      
      self.html_erzeugen("data/tpl/kacheln.tpl", fl, self.html_zeigen);
      
      /*
      var template = $('#tpl-kacheln').html();
@@ -186,7 +210,7 @@
        restdir = restdir.replace(self.WWW_DIR, 'data');
      }
    }
    var pdir = fm_get_base(uid);
    var pdir = self.fm_get_base(uid);
    // console.log('fm_get_path path: ' + pdir + "/" + restdir);
    if (restdir.length > 1) {
      return pdir + "/" + restdir;
@@ -232,6 +256,7 @@
        }
        var fl = new FileList(files);
        self.fm_render_list(fl);
        //self.fm_render_list(resp);
      } else {
        // #dateien leeren
        var elems = document.querySelector("#dateien");
@@ -264,6 +289,30 @@
    });
  };

  /* ---- Vorlagen ---- */

  this.html_erzeugen = function(vurl, inhalt, cb) {
    var vorlage = self.cache[vurl];
    if(vorlage === undefined) {
      self.vorlage_laden_und_fuellen(vurl, inhalt, cb);
    } else {
      self.vorlage_fuellen(vurl, inhalt, cb);
    }
  };

  this.vorlage_fuellen = function(vurl, inhalt, cb) {
    cb(Mustache.render(self.cache[vurl], inhalt));
  };

  this.vorlage_laden_und_fuellen = function(vurl, inhalt, cb) {
    self.fm_get(vurl, "text", function(antwort) {
      self.cache[vurl] = antwort;
      self.vorlage_fuellen(vurl, inhalt, cb);
    });
  };



  /* -------- ajax helper functions ----------- */

  this.fm_get = function (u, dtype, scallback) {