| | |
| | | dlg.style.height = '0'; |
| | | dlg.innerHTML = ''; |
| | | }; |
| | | |
| | | /* |
| | | this.html_zeigen = function(html) { |
| | | // was mit dem html getan werden soll.. |
| | | var elem = document.querySelector('#dateien'); |
| | | elem.innerHTML = html; |
| | | $('.figure').click(fm_dateiwahl); |
| | | }; |
| | | */ |
| | | |
| | | this.fm_dateiwahl = function(ev) { |
| | | var elem = ev.target; |
| | |
| | | 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, function(html) { |
| | | var elem = document.querySelector('#dateien'); |
| | | elem.innerHTML = html; |
| | | //$('.figure').click(fm_dateiwahl); |
| | | self.addEvtListener('.figure', 'click', self.fm_dateiwahl); |
| | | |
| | | |
| | | }); |
| | | |
| | | /* |
| | | var template = $('#tpl-kacheln').html(); |
| | | Mustache.parse(template); // optional, speeds up future uses |
| | | $('.datei-zeile').attr('onclick', '').unbind('click'); |
| | | $('#dateien').empty(); |
| | | $('#dateien').html(Mustache.render(template, fl)); |
| | | $('.figure').click(fm_dateiwahl); |
| | | */ |
| | | } else { |
| | | // Listenansicht |
| | | |
| | |
| | | //console.log('fm_get_base base: ' + pdir + uid); |
| | | return pdir; |
| | | }; |
| | | |
| | | /** |
| | | * Aus einem relativen Pfad ein Array aus BcrFile Objekten |
| | | * machen |
| | | * |
| | | * @param {String} relPfad der relative Pfad |
| | | * @returns {Array} die BcrFile-Objekte zum Pfad als Array |
| | | */ |
| | | this.fm_buildBreadcrumb = function(relPfad) { |
| | | var rp = ''; |
| | | var dirList = new Array(); |
| | | dirList.push(new BcrFile(rp, 'Home')); |
| | | if(relPfad.length > 1) { |
| | | var dirs = relPfad.split('/'); |
| | | for(var i = 0; i < dirs.length; i++) { |
| | | if(rp.length > 0 ) { |
| | | // weitere Einträge |
| | | dirList.push(new BcrFile(rp + '/' + dirs[i], dirs[i])); |
| | | rp = rp + '/' + dirs[i]; |
| | | } else { |
| | | // erster Eintrag |
| | | dirList.push(new BcrFile(dirs[i], dirs[i])); |
| | | rp = dirs[i]; |
| | | } |
| | | } |
| | | } |
| | | return dirList; |
| | | }; |
| | | |
| | | /** |
| | | * Der letzte Eintrag in dirs ist der aktuelle Ordner und |
| | | * deshalb ausgegraut. |
| | | * |
| | | * Wenn nur ein Ordner in dirs enthalten ist, dann sind wir |
| | | * an der obersten Ebene (Home). |
| | | * |
| | | * @param {Array} dirList ein Array aus BcrFile-Objekten |
| | | * @returns nichts |
| | | */ |
| | | this.fm_renderBreadcrumb = function(dirList) { |
| | | var elem = document.querySelector('.breadcrumb'); |
| | | if(dirList.length > 1) { |
| | | var last = dirList.pop(); |
| | | var bcList = new BcrFiles(dirList); |
| | | self.html_erzeugen("data/tpl/bcr.tpl", bcList, function(html) { |
| | | elem.innerHTML = html; |
| | | self.html_erzeugen("data/tpl/bcr2.tpl", last, function(html) { |
| | | elem.innerHTML += html; |
| | | self.addEvtListener('.bc-link', 'click', self.fm_bc_click); |
| | | }); |
| | | }); |
| | | } else { |
| | | // oberste Ebene |
| | | self.html_erzeugen("data/tpl/bcr2.tpl", dirList[0], function(html) { |
| | | elem.innerHTML = html; |
| | | self.addEvtListener('.bc-link', 'click', self.fm_bc_click); |
| | | }); |
| | | } |
| | | }; |
| | | |
| | | /** |
| | | * Auf den Klick auf ein Breadcrumb-Element reagieren: |
| | | * Den Ordner-Inhalt des geklickten Elements anzeigen |
| | | * @returns nichts |
| | | */ |
| | | this.fm_bc_click = function() { |
| | | var elem = this; |
| | | var bcPfad = elem.getAttribute("rpath"); |
| | | if(bcPfad !== undefined) { |
| | | self.pfad = bcPfad; |
| | | self.fm_get_list(bcPfad); |
| | | } else { |
| | | pfad = ''; |
| | | self.fm_get_list(''); |
| | | } |
| | | }; |
| | | |
| | | |
| | | |
| | | /* API functions */ |
| | |
| | | } |
| | | |
| | | // 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 |
| | | |
| | | var dirList = self.fm_buildBreadcrumb(relPfad); |
| | | self.fm_renderBreadcrumb(dirList); |
| | | }); |
| | | }; |
| | | |
| | |
| | | }; |
| | | |
| | | this.addEvtListener = function(selector, eventName, func) { |
| | | |
| | | document.querySelectorAll(selector).forEach(elem => { elem.addEventListener(eventName, func); }); |
| | | |
| | | /* |
| | | var elems = document.querySelectorAll(selector); |
| | | var index; |
| | | for (index = 0; index < elems.length; index++) { |
| | | elems[index].addEventListener(eventName, func); |
| | | } |
| | | */ |
| | | }; |
| | | |
| | | this.removeAllListeners = function(id) { |
| | |
| | | self.vorlage_fuellen(vurl, inhalt, cb); |
| | | }); |
| | | }; |
| | | |
| | | |
| | | |
| | | /* -------- ajax helper functions ----------- */ |
| | | |