From 8ba358fc936b9d3721aa1fea64a4c00eaaa347a4 Mon Sep 17 00:00:00 2001
From: ulrich
Date: Tue, 12 Jan 2021 23:18:10 +0000
Subject: [PATCH] Uebertragung Breadcrumb angefangen, noch in Arbeit

---
 web/ui2/js/app.js         |  104 +++++++++++++++++++++++++++++++++++++++++++++++++--
 web/ui2/data/tpl/bcr3.tpl |    4 ++
 web/ui2/data/tpl/bcr2.tpl |    2 +
 web/ui2/data/tpl/bcr.tpl  |    4 ++
 4 files changed, 109 insertions(+), 5 deletions(-)

diff --git a/web/ui2/data/tpl/bcr.tpl b/web/ui2/data/tpl/bcr.tpl
new file mode 100644
index 0000000..aec7d47
--- /dev/null
+++ b/web/ui2/data/tpl/bcr.tpl
@@ -0,0 +1,4 @@
+      {{#files}}
+          <a class="bc-link" rpath="{{ relPath }}" href="#">{{ fName }}</a>
+      {{/files}}
+
diff --git a/web/ui2/data/tpl/bcr2.tpl b/web/ui2/data/tpl/bcr2.tpl
new file mode 100644
index 0000000..c511205
--- /dev/null
+++ b/web/ui2/data/tpl/bcr2.tpl
@@ -0,0 +1,2 @@
+      <span class="bc-link active">{{ fName }}</span>
+
diff --git a/web/ui2/data/tpl/bcr3.tpl b/web/ui2/data/tpl/bcr3.tpl
new file mode 100644
index 0000000..115035b
--- /dev/null
+++ b/web/ui2/data/tpl/bcr3.tpl
@@ -0,0 +1,4 @@
+      <div id="ansicht" class="pull-right align-middle">
+        <i class="icon-th-list"></i>
+      </div>              
+
diff --git a/web/ui2/js/app.js b/web/ui2/js/app.js
index c618b1d..fa1d44d 100644
--- a/web/ui2/js/app.js
+++ b/web/ui2/js/app.js
@@ -338,12 +338,106 @@
         //self.fm_render_list(resp);
       } else {
         // #dateien leeren
-        var elems = document.querySelector("#dateien");
-        var count = elems[0].childElementCount;
-        for(var i = count-1; i > -1; i--) {
-          elems[0].removeChild(i);
-        }
+        var elem = document.querySelector("#dateien");
+        elem.innerHTML = '';
       }
+      
+      // Breadcrumb
+
+      // Breadcrumb-Ansicht
+      //$('.breadcrumb-item').attr('onclick','').unbind('click');
+      //$('#bcnav').empty();
+      var dirList = new Array();
+      var rp = '';
+      //console.log("'" + relPfad + "'");
+      var dirs = relPfad.split('/');
+      //console.log(dirs.length);
+      dirList.push(new BcrFile(rp, 'Home'));
+      if(relPfad.length > 0) {
+        for(var i = 0; i < dirs.length - 1; i++) {
+          if(rp.length > 0 ) {
+            dirList.push(new BcrFile(rp + '/' + dirs[i], dirs[i]));
+            rp = rp + '/' + dirs[i];
+          } else {
+            dirList.push(new BcrFile(dirs[i], dirs[i]));
+            rp = dirs[i];
+          }
+        }
+        var bl = new BcrFiles(dirList);
+
+        if(dirList.length > 0) {
+          //template = $('#tpl-bcr').html();
+          //Mustache.parse(template);   // optional, speeds up future uses
+          //$('#bcnav').html(Mustache.render(template, bl));
+          
+          self.html_erzeugen("data/tpl/bcr.tpl", bl, function(html) {
+                  var elem = document.querySelector('.breadcrumb');
+                  elem.innerHTML = html;
+                  //self.addEvtListener('.figure', 'click', self.fm_dateiwahl);
+                });          
+          
+        }
+
+        if(dirs.length > 0) {
+          dirList.push(new BcrFile(rp + '/' + dirs[dirs.length-1], dirs[dirs.length-1]));
+          //template = $('#tpl-bcr2').html();
+          //Mustache.parse(template);   // optional, speeds up future uses
+          //$('#bcnav').append(Mustache.render(template, dirList[dirList.length-1]));        
+          self.html_erzeugen("data/tpl/bcr2.tpl", dirList[dirList.length-1], function(html) {
+                  var elem = document.querySelector('.breadcrumb');
+                  elem.innerHTML += html;
+                  //self.addEvtListener('.figure', 'click', self.fm_dateiwahl);
+                });          
+        } else {
+          //template = $('#tpl-bcr2').html();
+          //Mustache.parse(template);   // optional, speeds up future uses
+          //$('#bcnav').append(Mustache.render(template, dirList[0]));        
+          self.html_erzeugen("data/tpl/bcr2.tpl", dirList[0], function(html) {
+                  var elem = document.querySelector('.breadcrumb');
+                  elem.innerHTML += html;
+                  //self.addEvtListener('.figure', 'click', self.fm_dateiwahl);
+                });          
+        }
+
+        //$('#bcnav').append($('#tpl-bcr3').html());
+        self.html_erzeugen("data/tpl/bcr3.tpl", bl, function(html) {
+                var elem = document.querySelector('.breadcrumb');
+                elem.innerHTML += html;
+                //self.addEvtListener('.figure', 'click', self.fm_dateiwahl);
+              });          
+      } else {
+        //self.pfad = '';
+        //template = $('#tpl-bcr2').html();
+        //Mustache.parse(template);   // optional, speeds up future uses
+        //$('#bcnav').append(Mustache.render(template, dirList[0]));   
+        //$('#bcnav').append($('#tpl-bcr3').html());
+        self.html_erzeugen("data/tpl/bcr2.tpl", dirList[0], function(html) {
+                var elem = document.querySelector('.breadcrumb');
+                elem.innerHTML += html;
+                //self.addEvtListener('.figure', 'click', self.fm_dateiwahl);
+              });          
+        self.html_erzeugen("data/tpl/bcr3.tpl", dirList[0], function(html) {
+                var elem = document.querySelector('.breadcrumb');
+                elem.innerHTML += html;
+                //self.addEvtListener('.figure', 'click', self.fm_dateiwahl);
+              });          
+      }
+      
+      /*
+      $('.breadcrumb-item').click(fm_bc_click);
+      $('#ansicht').click(fm_ansicht_umschalten);
+      fm_set_modus();
+
+      if(fm_slideshow) {
+        $("[data-fancybox]").fancybox({
+          loop: true,
+          idleTime: 2
+        });
+      }
+      */
+      
+      // Breadcrumb
+      
     });
   };
 

--
Gitblit v1.9.3