From 10d3d35ec5891c1f7d549ef49b9831394db2d792 Mon Sep 17 00:00:00 2001 From: ulrich <not disclosed> Date: Tue, 21 Feb 2017 15:44:39 +0000 Subject: [PATCH] Kacheln / Liste umschaltbar --- web/ui/ui.js | 118 ++++++++++++++++++++++++++++++++++++++++++++++++----------- 1 files changed, 96 insertions(+), 22 deletions(-) diff --git a/web/ui/ui.js b/web/ui/ui.js index f4dcedf..e24ebdb 100644 --- a/web/ui/ui.js +++ b/web/ui/ui.js @@ -1,5 +1,6 @@ var cm; var pfad = ''; +var modus = 'kacheln'; function fm_init() { $('.codeeditor-space').hide(); @@ -15,6 +16,31 @@ $('#logout').click(fm_logout); fm_get_login(); fm_get_list(''); +} + +function fm_ansicht_umschalten() { + //console.log('hat th-list: ' + $('#ansicht').children(0).hasClass('fa-th-list')); + //console.log('hat th-large: ' + $('#ansicht').children(0).hasClass('fa-th-large')); + if($('#ansicht').children(0).hasClass('fa-th-list')) { + $('#ansicht').children(0).addClass('fa-th-large'); + $('#ansicht').children(0).removeClass('fa-th-list'); + modus = 'liste'; + } else { + $('#ansicht').children(0).addClass('fa-th-list'); + $('#ansicht').children(0).removeClass('fa-th-large'); + modus = 'kacheln'; + } + fm_get_list(pfad); +} + +function fm_set_modus() { + if(modus == 'kacheln') { + $('#ansicht').children(0).addClass('fa-th-list'); + $('#ansicht').children(0).removeClass('fa-th-large'); + } else { + $('#ansicht').children(0).addClass('fa-th-large'); + $('#ansicht').children(0).removeClass('fa-th-list'); + } } function fm_menu_neue_textdatei() { @@ -36,20 +62,39 @@ function fm_dateiwahl() { var elem = this; - //console.log('datei gewaehlt ' + $(elem).text().trim()); - if($(elem).children(0).hasClass('fa-folder')) { - var ordner = $(elem).text().trim(); - if(pfad.length > 0) { - pfad = pfad + '/' + ordner; + //console.log('kachel datei gewaehlt ' + $(elem).text().trim()); + //console.log('liste datei gewaehlt ' + $(elem).children(1).text()); + //console.log('dateiname: ' + $(elem).find('.dateiname').text()); + if(modus == 'kacheln') { + if($(elem).children(0).hasClass('fa-folder')) { + var ordner = $(elem).text().trim(); + if(pfad.length > 0) { + pfad = pfad + '/' + ordner; + } else { + pfad = ordner; + } + fm_get_list(pfad); + } else if($(elem).children(0).hasClass('fa-file')) { + $('.datei-gewaehlt').removeClass('datei-gewaehlt'); + $(elem).children(0).addClass('datei-gewaehlt'); } else { - pfad = ordner; + //console.log('kein folder oder file...'); } - fm_get_list(pfad); - } else if($(elem).children(0).hasClass('fa-file')) { - $('.datei-gewaehlt').removeClass('datei-gewaehlt'); - $(elem).children(0).addClass('datei-gewaehlt'); } else { - //console.log('kein folder oder file...'); + if($(elem).find('.datei-elem').children(0).hasClass('fa-file-o')) { + $('.table-info').removeClass('table-info'); + $(elem).addClass('table-info'); + $('.datei-gewaehlt').removeClass('datei-gewaehlt'); + $(elem).find('.dateiname').addClass('datei-gewaehlt'); + } else { + var ordner = $(elem).find('.dateiname').text(); + if(pfad.length > 0) { + pfad = pfad + '/' + ordner; + } else { + pfad = ordner; + } + fm_get_list(pfad); + } } } @@ -137,11 +182,34 @@ } +function fm_render_list(fl) { + //if($('#ansicht').children(0).hasClass('fa-th-list')) { + if(modus == 'kacheln') { + // Kachelansicht + 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 + var template = $('#tpl-liste').html(); + Mustache.parse(template); // optional, speeds up future uses + $('.figure').attr('onclick','').unbind('click'); + $('#dateien').empty(); + $('#dateien').html(Mustache.render(template, fl)); + $('.datei-zeile').click(fm_dateiwahl); + } +} + // http://localhost:8079/file-cms/svc?c=de.uhilger.filecms.api.FileMgr&f=JSONNICE&m=list&p= function fm_get_list(relPfad) { + $('#ansicht').attr('onclick','').unbind('click'); var m = '?c=de.uhilger.filecms.api.FileMgr&m=list&p=' + relPfad; var u = '../svc' + m; fm_get(u, "json", function(resp) { + if(resp.List[0].FileRef !== undefined) { var files = new Array(); if(resp.List[0].FileRef instanceof Array) { @@ -152,16 +220,12 @@ files.push(new FileRef(resp.List[0].FileRef)); } var fl = new FileList(files); - var template = $('#tpl-kacheln').html(); - Mustache.parse(template); // optional, speeds up future uses - $('.figure').attr('onclick','').unbind('click'); - $('#dateien').empty(); - $('#dateien').html(Mustache.render(template, fl)); - $('.figure').click(fm_dateiwahl); + fm_render_list(fl); } else { $('#dateien').empty(); } + // Breadcrumb-Ansicht var template; $('.breadcrumb-item').attr('onclick','').unbind('click'); $('#bcnav').empty(); @@ -205,10 +269,12 @@ pfad = ''; template = $('#tpl-bcr2').html(); Mustache.parse(template); // optional, speeds up future uses - $('#bcnav').append(Mustache.render(template, dirList[0])); + $('#bcnav').append(Mustache.render(template, dirList[0])); + $('#bcnav').append($('#tpl-bcr3').html()); } - $('.breadcrumb-item').click(fm_bc_click); + $('#ansicht').click(fm_ansicht_umschalten); + fm_set_modus(); }); } @@ -338,10 +404,18 @@ this.fr = obj; this.typeClass = function() { - if(self.fr.isDirectory) { - return 'fa-folder'; + if(modus == 'kacheln') { + if(self.fr.isDirectory) { + return 'fa-folder'; + } else { + return 'fa-file'; + } } else { - return 'fa-file'; + if(self.fr.isDirectory) { + return 'fa-folder'; + } else { + return 'fa-file-o'; + } } }; -- Gitblit v1.9.3