Uebertragung Breadcrumb angefangen, noch in Arbeit

ulrich

2021-01-12 8ba358fc936b9d3721aa1fea64a4c00eaaa347a4

Uebertragung Breadcrumb angefangen, noch in Arbeit

 web/ui2/data/tpl/bcr.tpl

New file
@@ -0,0 +1,4 @@
      {{#files}}
          <a class="bc-link" rpath="{{ relPath }}" href="#">{{ fName }}</a>
      {{/files}}


 web/ui2/data/tpl/bcr2.tpl

New file
@@ -0,0 +1,2 @@
      <span class="bc-link active">{{ fName }}</span>


 web/ui2/data/tpl/bcr3.tpl

New file
@@ -0,0 +1,4 @@
      <div id="ansicht" class="pull-right align-middle">
        <i class="icon-th-list"></i>
      </div>              


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