Dateiverwaltung für die WebBox
ulrich
2017-02-22 adf81264cd422e8032f4a9da0f3fbac890e45eb9
commit | author | age
a4d3b5 1 var cm;
5dfab6 2 var pfad = '';
10d3d3 3 var modus = 'kacheln';
c7c502 4
U 5 function fm_init() {
a4d3b5 6   $('.codeeditor-space').hide();
U 7   $('.code-editor-container').hide();
8   $('#newTextFile').on('click', fm_menu_neue_textdatei);
adf812 9   $('#newFolder').on('click', fm_get_new_folder);
3ad4db 10   $('#editTextFile').on('click', fm_get_file_content);
e5ff42 11   $('#saveFile').on('click', fm_menu_datei_speichern);
a4d3b5 12   $('#closeFile').on('click', fm_menu_datei_schliessen);
c509a0 13   $('#saveModal').on('hidden.bs.modal', function (e) {
915927 14     $('#modal_ok').attr('onclick','').unbind('click');
b7475d 15   });
U 16   $('#logout').click(fm_logout);  
e5ff42 17   fm_get_login();
7342b1 18   fm_get_list('');
10d3d3 19 }
U 20
21 function fm_ansicht_umschalten() {
22   if($('#ansicht').children(0).hasClass('fa-th-list')) {
23     $('#ansicht').children(0).addClass('fa-th-large');
24     $('#ansicht').children(0).removeClass('fa-th-list');
25     modus = 'liste';
26   } else {
27     $('#ansicht').children(0).addClass('fa-th-list');    
28     $('#ansicht').children(0).removeClass('fa-th-large');
29     modus = 'kacheln';
30   }
31   fm_get_list(pfad);
32 }
33
34 function fm_set_modus() {
35   if(modus == 'kacheln') {
36     $('#ansicht').children(0).addClass('fa-th-list');    
37     $('#ansicht').children(0).removeClass('fa-th-large');  
38   } else {
39     $('#ansicht').children(0).addClass('fa-th-large');
40     $('#ansicht').children(0).removeClass('fa-th-list');    
41   }
a4d3b5 42 }
U 43
44 function fm_menu_neue_textdatei() {
adf812 45   fm_text_edit('Neue Datei');
a4d3b5 46 }
U 47
48 function fm_menu_datei_schliessen() {
49   $('.codeeditor-space').hide();
50   $('.code-editor-container').hide();
51   cm.toTextArea();
f5505f 52   $('#bcnav').show();
U 53   $('#dateien').show();
adf812 54   fm_get_list(pfad);
e5ff42 55 }
U 56
5dfab6 57 function fm_dateiwahl() {
U 58   var elem = this;
10d3d3 59   if(modus == 'kacheln') {
U 60     if($(elem).children(0).hasClass('fa-folder')) {
61       var ordner = $(elem).text().trim();
62       if(pfad.length > 0) {
63         pfad = pfad + '/' + ordner;
64       } else {
65         pfad = ordner;
66       }
67       fm_get_list(pfad);
68     } else if($(elem).children(0).hasClass('fa-file')) {
69       $('.datei-gewaehlt').removeClass('datei-gewaehlt');
70       $(elem).children(0).addClass('datei-gewaehlt');
5dfab6 71     } else {
10d3d3 72       //console.log('kein folder oder file...');
5dfab6 73     }
U 74   } else {
10d3d3 75     if($(elem).find('.datei-elem').children(0).hasClass('fa-file-o')) {
U 76       $('.table-info').removeClass('table-info');
77       $(elem).addClass('table-info');
78       $('.datei-gewaehlt').removeClass('datei-gewaehlt');
79       $(elem).find('.dateiname').addClass('datei-gewaehlt');
80     } else {
81       var ordner = $(elem).find('.dateiname').text();
82       if(pfad.length > 0) {
83         pfad = pfad + '/' + ordner;
84       } else {
85         pfad = ordner;
86       }
87       fm_get_list(pfad);
88     }   
5dfab6 89   }
c509a0 90 }
U 91
a94216 92 function fm_bc_click() {
U 93   var elem = this;
94   var bcPfad = $(elem).attr('rpath');
95   if(bcPfad !== undefined) {
c509a0 96     pfad = bcPfad;
a94216 97     fm_get_list(bcPfad);
U 98   } else {
99     pfad = '';
100     fm_get_list('');
101   }
102 }
103
3ad4db 104 function fm_text_edit(content) {
f5505f 105   $('#bcnav').hide();
U 106   $('#dateien').hide();
3ad4db 107   $('.codeeditor-space').show();
U 108   $('.code-editor-container').show();
109   fm_code_edit(content);  
110 }
111
b7475d 112 /* ----- API Calls ------------- */
U 113
e5ff42 114 function fm_get_login() {
3ad4db 115   var m = '?c=de.uhilger.filecms.pub.SessionManager&m=getSessionUser';
U 116   var u = '../pub' + m;
117   fm_get(u, "text", function(resp) {
118     $('#userMenu').text(resp);
7342b1 119   });  
c509a0 120 }
U 121
122 function fm_get_new_folder() {
123   $('#modal_ok').click(function() {
124     // hier speichern
125     var m = '?c=de.uhilger.filecms.api.FileMgr&m=newFolder&p=' + pfad + '&p=' + $('#dateiname').val();
126     var u = '../svc' + m;
127     fm_get(u, "json", function(resp) {
adf812 128       fm_get_list(pfad);
c509a0 129     });
U 130   });
131   $('.modal-title').text('Neuer Ordner');
132   $('#dialogfrage').text("Name?");
133   $('#dateiname').val('');
134   $('#dateiname').attr('placeholder', 'Ordnername');
135   $('#saveModal').modal({
136     keyboard: false,
137     show: true
138   });
7342b1 139 }
U 140
2121cc 141 function fm_get_file_content() {
U 142   var fname = $('.datei-gewaehlt').text();
3ad4db 143   var m = '?c=de.uhilger.filecms.api.FileMgr&m=getCode&p=' + pfad + '&p=' + fname;
2121cc 144   var u = '../svc' + m;
3ad4db 145   fm_get(u, "text", function(resp) {
U 146     fm_text_edit(resp);
2121cc 147   });
3ad4db 148   
2121cc 149 }
U 150
10d3d3 151 function fm_render_list(fl) {
U 152   if(modus == 'kacheln') {
153     // Kachelansicht
154     var template = $('#tpl-kacheln').html();
155     Mustache.parse(template);   // optional, speeds up future uses
156     $('.datei-zeile').attr('onclick','').unbind('click');
157     $('#dateien').empty();
158     $('#dateien').html(Mustache.render(template, fl));
159     $('.figure').click(fm_dateiwahl);
160   } else {
161     // Listenansicht
162     var template = $('#tpl-liste').html();
163     Mustache.parse(template);   // optional, speeds up future uses
164     $('.figure').attr('onclick','').unbind('click');
165     $('#dateien').empty();
166     $('#dateien').html(Mustache.render(template, fl));
167     $('.datei-zeile').click(fm_dateiwahl);
168   }
169 }
170
7342b1 171 // http://localhost:8079/file-cms/svc?c=de.uhilger.filecms.api.FileMgr&f=JSONNICE&m=list&p=
a94216 172 function fm_get_list(relPfad) {
10d3d3 173   $('#ansicht').attr('onclick','').unbind('click');
a94216 174   var m = '?c=de.uhilger.filecms.api.FileMgr&m=list&p=' + relPfad;
7342b1 175   var u = '../svc' + m;
U 176   fm_get(u, "json", function(resp) {
10d3d3 177     
2121cc 178     if(resp.List[0].FileRef !== undefined) {
U 179       var files = new Array();
c509a0 180       if(resp.List[0].FileRef instanceof Array) {
U 181         for(var i = 0; i < resp.List[0].FileRef.length; i++) {
182           files.push(new FileRef(resp.List[0].FileRef[i]));
183         }
184       } else {
185         files.push(new FileRef(resp.List[0].FileRef));
2121cc 186       }
U 187       var fl = new FileList(files);
10d3d3 188       fm_render_list(fl);
2121cc 189     } else {
U 190       $('#dateien').empty();
7342b1 191     }
5dfab6 192     
10d3d3 193     // Breadcrumb-Ansicht
2315a0 194     var template;
a94216 195     $('.breadcrumb-item').attr('onclick','').unbind('click');
2315a0 196     $('#bcnav').empty();
5dfab6 197     var dirList = new Array();
U 198     var rp = '';
a94216 199     //console.log("'" + relPfad + "'");
U 200     var dirs = relPfad.split('/');
201     //console.log(dirs.length);
2121cc 202     dirList.push(new BcrFile(rp, 'Home'));
a94216 203     if(relPfad.length > 0) {
2315a0 204       for(var i = 0; i < dirs.length - 1; i++) {
5dfab6 205         if(rp.length > 0 ) {
U 206           dirList.push(new BcrFile(rp + '/' + dirs[i], dirs[i]));
2315a0 207           rp = rp + '/' + dirs[i];
5dfab6 208         } else {
U 209           dirList.push(new BcrFile(dirs[i], dirs[i]));
2315a0 210           rp = dirs[i];
5dfab6 211         }
U 212       }
213       var bl = new BcrFiles(dirList);
2315a0 214
U 215       if(dirList.length > 0) {
216         template = $('#tpl-bcr').html();
217         Mustache.parse(template);   // optional, speeds up future uses
218         $('#bcnav').html(Mustache.render(template, bl));
219       }
220       
221       if(dirs.length > 0) {
222         dirList.push(new BcrFile(rp + '/' + dirs[dirs.length-1], dirs[dirs.length-1]));
223         template = $('#tpl-bcr2').html();
224         Mustache.parse(template);   // optional, speeds up future uses
225         $('#bcnav').append(Mustache.render(template, dirList[dirList.length-1]));        
226       } else {
227         template = $('#tpl-bcr2').html();
228         Mustache.parse(template);   // optional, speeds up future uses
229         $('#bcnav').append(Mustache.render(template, dirList[0]));        
230       }
231       
5dfab6 232       $('#bcnav').append($('#tpl-bcr3').html());
2315a0 233     } else {
a94216 234       pfad = '';
2315a0 235       template = $('#tpl-bcr2').html();
U 236       Mustache.parse(template);   // optional, speeds up future uses
10d3d3 237       $('#bcnav').append(Mustache.render(template, dirList[0]));   
U 238       $('#bcnav').append($('#tpl-bcr3').html());
5dfab6 239     }
a94216 240     $('.breadcrumb-item').click(fm_bc_click);
10d3d3 241     $('#ansicht').click(fm_ansicht_umschalten);
U 242     fm_set_modus();
e5ff42 243   });  
U 244 }
245
246 function fm_menu_datei_speichern() {
247   
915927 248   $('#modal_ok').click(function() {
U 249     // hier speichern
250     var m = '?c=de.uhilger.filecms.api.FileMgr&m=saveTextFile';
251     var u = '../svc' + m;
2121cc 252     fm_post(u, {p1: pfad, p2: $('#dateiname').val(), p3: cm.getValue()}, function(resp) {
915927 253
U 254     });
255   });
c509a0 256   $('.modal-title').text('Datei speichern');
U 257   $('#dialogfrage').text("Dateiname?");
3ad4db 258   
U 259   var fname = $('.datei-gewaehlt').text();
260   if(fname !== undefined) {
261     $('#dateiname').val(fname);
262   } else {
263     $('#dateiname').val('');
264   }
c509a0 265   $('#dateiname').attr('placeholder', 'Dateiname');
915927 266   $('#saveModal').modal({
U 267     keyboard: false,
268     show: true
269   });
a4d3b5 270 }
U 271
b7475d 272 function fm_logout() {
U 273   var m = '?c=de.uhilger.filecms.pub.SessionManager&m=expireSession';
274   var u = '../pub' + m;
275   
276   fm_get(u, "text", function(resp) {
277     $('#userMenu').text('nicht angemeldet');
278     window.location.href = '../logout.html';
279   });
280 }
281
282
a4d3b5 283 /* ---- codemirror editor handling -------- */
U 284
285 function fm_code_edit(content) {
286   cm = CodeMirror.fromTextArea(document.getElementById("editspace"), {
287     lineNumbers: true,
288     mode: "xml",
289     viewportMargin : Infinity,
290     extraKeys: {
915927 291         "F9": function(cm) {
U 292         cm.setOption("fullScreen", !cm.getOption("fullScreen"));
293       },
294         "Esc": function(cm) {
295         if (cm.getOption("fullScreen")) cm.setOption("fullScreen", false);
296       }
a4d3b5 297     }
U 298   });
299   cm.setValue(content);
915927 300 }
a4d3b5 301
U 302
303
304 /* -------- helper functions ----------- */
305
b7475d 306 function fm_get(u, dtype, scallback) {
a4d3b5 307   $.ajax({
U 308     url: u,
309     type: "GET",
b7475d 310     dataType: dtype,
a4d3b5 311     success: scallback,
U 312     error: function (xhr, status, errorThrown) {
313       alert("Error: " + errorThrown + " Status: " + status + " URL: " + u);
314     },
315     complete: function (xhr, status) {
316       //console.log( "The request is complete!" );
317     }
318
319   });
915927 320 }
a4d3b5 321
U 322 function fm_post(u, d, scallback) {
323   $.ajax({
324     url: u,
325     data: d,
326     type: "POST",
327     dataType: "json",
328     success: scallback,
329     error: function (xhr, status, errorThrown) {
330       $('#fehler').html("Error: " + errorThrown + " Status: " + status);
331     },
332     complete: function (xhr, status) {
333       //alert( "The request is complete!" );
334     }
335   });
915927 336 }
a4d3b5 337
e5ff42 338 function fm_serialise(obj) {
U 339   return '{"' + obj.constructor.name + '":' + JSON.stringify(obj) + '}';
915927 340 }
e5ff42 341
7342b1 342 /* ----- Objekte ----- */
U 343
344 function FileList(fl) {
345   this.files = fl;
346 }
347
348 function FileRef(obj) {
349   var self = this;
350   this.fr = obj;
351   
352   this.typeClass = function() {
10d3d3 353     if(modus == 'kacheln') {
U 354       if(self.fr.isDirectory) {
355         return 'fa-folder';
356       } else {
357         return 'fa-file';
358       }
7342b1 359     } else {
10d3d3 360       if(self.fr.isDirectory) {
U 361         return 'fa-folder';
362       } else {
363         return 'fa-file-o';
364       }
7342b1 365     }
2121cc 366   };
U 367   
368   this.fileName = function() {
369     var namen = self.fr.absolutePath.split('/');
370     if(namen.length > 0) {
371       return namen[namen.length - 1];
372     } else {
373       return self.fr.absolutePath;
374     }
375   };
7342b1 376 }
5dfab6 377
U 378 function BcrFiles(fl) {
379   this.files = fl;
380 }
381
382 function BcrFile(rp, n) {
383   this.relPath = rp;
384   this.fName = n;
f5505f 385 }