From 86bbf7cbbfcdc82c994b0a3d0ea9a04290160683 Mon Sep 17 00:00:00 2001
From: ulrich
Date: Tue, 06 Apr 2021 14:47:48 +0000
Subject: [PATCH] Katalog (in Arbeit)

---
 www/ui/js/app.js |   66 ++++++++++++++++++++++++++++++++
 1 files changed, 65 insertions(+), 1 deletions(-)

diff --git a/www/ui/js/app.js b/www/ui/js/app.js
index d7f6358..fbe42b3 100644
--- a/www/ui/js/app.js
+++ b/www/ui/js/app.js
@@ -10,6 +10,68 @@
   var self = this;
   var appMenu;
   var cache; // mustache templates
+  var ortPfad;
+  var mediaPfad;
+  
+  // auf der obersten Ebene werden die Kataloge angezeigt,
+  // darunter der Inhalt des aktuellen Pfades
+  this.media_liste = function() {
+    if(self.ortPfad === '/') {
+      console.log("kein Pfad, liste Kataloge");
+      // Kataloge listen
+      self.http_get('../api/store/Ablageort/', function (responseText) {
+        self.vorlage_laden_und_fuellen("data/tpl/katalog_root_liste.tpl", JSON.parse(responseText), function (html) {
+          document.querySelector(".zentraler-inhalt").innerHTML = html;
+          self.addEvtListener('.entity-eintrag', 'click', function (event) {
+            var t = event.target;
+            self.http_get('../api/store/Ablageort/' + t.textContent, function(responseText) {
+              var ablageort = JSON.parse(responseText);
+              console.log(ablageort.url);
+              self.ortPfad = ablageort.url;
+              self.media_liste();
+            });
+          });
+        });
+      });
+    } else {
+      console.log("liste Pfad " + self.mediaPfad);
+      // Pfad listen
+      self.http_get('..' + self.ortPfad + '/' + self.mediaPfad + '/', function(responseText) {
+        console.log(responseText);
+        self.vorlage_laden_und_fuellen("data/tpl/katalog_inhalt_liste.tpl", JSON.parse(responseText), function (html) {
+          document.querySelector(".zentraler-inhalt").innerHTML = html;
+          self.addEvtListener('.entity-eintrag', 'click', function (event) {
+            var t = event.target;
+            console.log(t.textContent);
+            if(t.classList.contains("entity-typ-folder")) {
+              self.mediaPfad = self.mediaPfad + '/' + t.textContent;
+              self.media_liste();
+            } else {
+              console.log("Media-Inhalt auswaehlen oder abspielen");
+            }
+          });
+          self.addEvtListener('#zurueck-btn', 'click', function (event) {
+            if(self.mediaPfad === '/') {
+              self.ortPfad = '/';              
+            } else {
+              var pos = self.mediaPfad.lastIndexOf('/');
+              var parent = self.mediaPfad.substring(0, pos);
+              console.log("Parent: " + parent);
+              self.mediaPfad = parent;
+              /*
+              if(parent === '/') {
+                self.ortPfad = '/';
+              } else {
+                self.mediaPfad = parent;
+              }
+              */
+            }
+            self.media_liste();
+          });        
+        });
+      });
+    }
+  };
 
   this.ablageort_liste = function() {
     self.http_get('../api/store/Ablageort/', function (responseText) {
@@ -18,7 +80,7 @@
         self.addEvtListener('.entity-eintrag', 'click', function (event) {
           var t = event.target;
           self.http_get('../api/store/Ablageort/' + t.textContent, function(responseText){
-            ablageort = JSON.parse(responseText);
+            var ablageort = JSON.parse(responseText);
             self.ablageort_form(ablageort);
           });
         });
@@ -133,6 +195,8 @@
 
   this.init = function () {
     //self.vorlagen = new Vorlagen();
+    self.mediaPfad = '/';
+    self.ortPfad = '/';
     self.cache = new Array();
     self.appMenu = new AppMenu();
     self.appMenu.init(

--
Gitblit v1.9.3