file-cms.git - Ulrich Hilger Code Repository

main / file-cms

Dateiverwaltung für die WebBox

view | history | commit | commitdiff

ulrich

2017-03-02 663ee9d3828b536f857f54ab1fc66c6f28095027

commit \| author \| age
723bf7	1	/*
U	2	Dateiverwaltung - File management in your browser
	3	Copyright (C) 2017 Ulrich Hilger, http://uhilger.de
	4
	5	This program is free software: you can redistribute it and/or modify
	6	it under the terms of the GNU Affero General Public License as
	7	published by the Free Software Foundation, either version 3 of the
	8	License, or (at your option) any later version.
	9
	10	This program is distributed in the hope that it will be useful,
	11	but WITHOUT ANY WARRANTY; without even the implied warranty of
	12	MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
	13	GNU Affero General Public License for more details.
	14
	15	You should have received a copy of the GNU Affero General Public License
	16	along with this program. If not, see <http://www.gnu.org/licenses/>.
	17	*/
	18
a4d3b5	19	var cm;
5dfab6	20	var pfad = '';
10d3d3	21	var modus = 'kacheln';
5ebb8e	22	var openFileName = '';
305573	23	var ed;
7d8ef6	24	var openEditor;
0c1d5b	25	var userid;
U	26	var tmo;
7165a1	27	var cutCopySrcDir;
U	28	var cutCopyFiles;
	29	var cutCopyOperation;
c7c502	30
U	31	function fm_init() {
305573	32	$("#mce-editor").hide();
a4d3b5	33	$('.codeeditor-space').hide();
U	34	$('.code-editor-container').hide();
bef5c6	35	//$('.ost').attr('flex-basis', 0);
a4d3b5	36	$('#newTextFile').on('click', fm_menu_neue_textdatei);
305573	37	$('#newDoc').on('click', fm_menu_neues_dokument);
adf812	38	$('#newFolder').on('click', fm_get_new_folder);
fc8db1	39	$('#viewFile').on('click', fm_view_file);
7d8ef6	40	$('#editTextFile').on('click', function() {
U	41	fm_get_file_content('text');
	42	});
	43	$('#editDocFile').on('click', function() {
	44	fm_get_file_content('dok');
	45	});
e5ff42	46	$('#saveFile').on('click', fm_menu_datei_speichern);
5ebb8e	47	$('#saveFileAs').on('click', fm_menu_datei_speichern_unter);
a4d3b5	48	$('#closeFile').on('click', fm_menu_datei_schliessen);
8446c2	49	$('#renameFile').on('click', fm_menu_datei_umbenennen);
fc1897	50	$('#m-del').on('click', fm_menu_delete);
7165a1	51	$('#m-cut').on('click', fm_menu_cut);
U	52	$('#m-copy').on('click', fm_menu_copy);
	53	$('#m-paste').on('click', fm_menu_paste);
bef5c6	54	$('#m-test').on('click', fm_menu_test);
c509a0	55	$('#saveModal').on('hidden.bs.modal', function (e) {
915927	56	$('#modal_ok').attr('onclick','').unbind('click');
b7475d	57	});
U	58	$('#logout').click(fm_logout);
05cfa7	59	fm_get_login();
7342b1	60	fm_get_list('');
7aa566	61	fm_init_uploader();
fc8db1	62	}
U	63
0c1d5b	64	function fm_resize_editor() {
U	65	window.clearTimeout(tmo);
	66	tmo = window.setTimeout(function () {
	67	try {
	68	var myHeight = $('.zentrum').height() - $('.nord').height() - 4;
	69	ed.theme.resizeTo('100%', myHeight); // sets the dimensions of the editable area
	70	} catch (err) {
	71	}
	72	}, 200);
fc8db1	73	}
U	74
0c1d5b	75	function fm_get_path(uid) {
U	76	//console.log('pfad: ' + pfad);
	77	var restdir;
	78	if(pfad.indexOf('Oeffentlich') > -1) {
	79	restdir = pfad.substr('Oeffentlich'.length);
	80	} else if(pfad.indexOf('Persoenlicher Ordner') > -1) {
	81	restdir = pfad.substr('Persoenlicher Ordner'.length);
	82	}
	83	if(restdir !== undefined && restdir.startsWith('/')) {
	84	restdir = restdir.substr(1);
	85	}
	86	var pdir = fm_get_base(uid);
	87	//console.log('path: ' + pdir + "/" + restdir);
	88	if(restdir.length > 1) {
	89	return pdir + "/" + restdir;
	90	} else {
	91	return pdir;
	92	}
	93	}
	94
	95	function fm_get_base(uid) {
	96	//console.log('pfad: ' + pfad);
	97	var pdir;
	98	if(pfad.indexOf('Oeffentlich') > -1) {
	99	pdir = '/data/';
	100	} else if(pfad.indexOf('Persoenlicher Ordner') > -1) {
	101	pdir = '/home/';
	102	}
	103	//console.log('base: ' + pdir + uid);
	104	return pdir + uid;
	105	}
05cfa7	106
0c1d5b	107	function fm_dok_editor_init(uid) {
U	108	var base = fm_get_path(uid);
	109	//console.log("calling tinymce.init with base: " + base + "/");
fc8db1	110
0c1d5b	111	/*
U	112	* vgl.
	113	* http://stackoverflow.com/questions/4651676/how-do-i-remove-tinymce-and-then-re-add-it
	114	*/
	115	//tinymce.EditorManager.execCommand('mceRemoveControl',true, 'textarea.text-editor');
	116	//tinymce.EditorManager.execCommand('mceAddControl',true, editor_id);
	117	if(ed !== undefined) {
	118	ed.destroy();
	119	}
	120	tinymce.remove('textarea.text-editor');
	121	tinymce.EditorManager.editors = [];
305573	122
U	123	/*
	124	* Konfiguration TinyMCE
	125	*/
	126	tinymce.init({
	127	content_css : "mce.css",
7d8ef6	128	selector: "textarea.text-editor",
305573	129	statusbar: false,
U	130	menubar: false,
7d8ef6	131	plugins: 'advlist charmap code image link lists media print preview save table textcolor',
U	132	toolbar: 'undo redo \| styleselect \| image \| link unlink \| bullist numlist \| outdent indent \| code',
305573	133	/*
U	134	menu: {
	135	file: {title: 'File', items: 'savevers \| exit'},
	136	edit: {title: 'Edit', items: 'undo redo \| cut copy paste pastetext \| selectall'},
	137	view: {title: 'View', items: 'visualaid \| code \| link image media \| template hr'},
	138	},
	139	*/
0c1d5b	140	resize: 'both',
305573	141	width: "100%",
U	142	height: '100%',
0c1d5b	143	document_base_url : base + "/",
305573	144	setup: function (editor) {
U	145	ed = editor;
	146	}
	147	});
0c1d5b	148
U	149	$(window).on('resize', fm_resize_editor);
	150	fm_resize_editor();
10d3d3	151	}
7aa566	152
U	153	/* ----- Uploader Anfang ----------*/
	154
	155	var dateien = new Array();
	156
	157	function fm_init_uploader() {
	158	var dropzone = document.getElementById("dateien");
	159	dropzone.ondragover = dropzone.ondragenter = function(event) {
	160	event.stopPropagation();
	161	event.preventDefault();
	162	};
	163
	164	dropzone.ondrop = function(event) {
	165	event.stopPropagation();
	166	event.preventDefault();
7ebde1	167	var fileList = event.dataTransfer.files;
U	168	for (var i=0; i<fileList.length; i++) {
	169	dateien.push(fileList[i]);
	170	}
	171	sendFile(dateien.pop());
7aa566	172	};
U	173	}
	174
	175	function sendFile(datei) {
7ebde1	176	var uri = "../api/upload";
7aa566	177	var xhr = new XMLHttpRequest();
U	178	var fd = new FormData();
	179	xhr.open("POST", uri, true);
	180	xhr.onreadystatechange = function() {
	181	if (xhr.readyState == 4 && xhr.status == 200) {
	182	fm_get_list(pfad);
7ebde1	183	if(dateien.length > 0) {
U	184	sendFile(dateien.pop());
	185	}
7aa566	186	}
U	187	};
7ebde1	188	fd.append('dateiauswahlfeld', datei);
42fece	189	fd.append('pfad', pfad);
7aa566	190	xhr.send(fd);
U	191	}
	192
	193	/* ----- Uploader Ende --------------- */
10d3d3	194
7165a1	195	/* ------- Dateifunktionen Start ----------- */
U	196
	197	function fm_menu_cut() {
98f088	198	//alert('fm_menu_cut');
U	199	fm_cut_files();
7165a1	200	}
U	201	function fm_menu_copy() {
98f088	202	//alert('fm_menu_copy');
U	203	fm_copy_files();
7165a1	204	}
U	205	function fm_menu_paste() {
98f088	206	//alert('fm_menu_paste');
U	207	fm_paste_files();
7165a1	208	}
fc1897	209	function fm_menu_delete() {
U	210	$('#confirmOk').click(function() {
	211	fm_del_files();
	212	});
957b51	213	$('#confirmModalTitle').text("Löschen");
U	214	$('#confirmModalBody').text("Wirklich löschen?");
fc1897	215	$('#confirmModal').modal({
U	216	keyboard: false,
	217	show: true
	218	});
	219	}
7165a1	220
U	221	/*
	222	* Gewaehlte Dateien feststellen
	223	*
	224	* @returns {String} eine per JSON.stringify schon vorbereitete List zum
	225	* Absenden als Parameter an den Server
	226	*/
	227	function fm_gewaehlte_dateien() {
	228	var gewaehlte = $('.datei-gewaehlt');
	229	//console.log('anzahl: ' + gewaehlte.length);
	230	var fnames = new Array();
	231	var i = 0;
	232	while(i < gewaehlte.length) {
	233	var str = { "java.lang.String": $(gewaehlte[i]).text()};
	234	fnames.push(str);
	235	//console.log('loeschen ' + pfad + ' ' + $(gewaehlte[i]).text());
	236	//i += 2;
	237	i++;
	238	}
	239	var liste = '{"List":' + JSON.stringify(fnames) + '}';
	240	// 'liste' enthaelt:
	241	// {"List":[{"java.lang.String":"test3.txt"},{"java.lang.String":"Test1.txt"},{"java.lang.String":"Test2.txt"}]}
	242	// und wird auf dem Server zu einer List[ArrayList<String>] bei der jede ArrayList<String> nur ein Element hat
	243	return liste;
	244	}
	245	/* --------- Dateifunktionen Ende ---------- */
fc1897	246
bef5c6	247	function fm_menu_test() {
U	248	var w = $('.ost').width();
	249	if(w == 0) {
	250	$('.ost').width('20%');
	251	$('.ost').text('Hallo Welt!');
	252	} else {
	253	$('.ost').empty();
	254	$('.ost').width(0);
	255	}
	256	}
	257
10d3d3	258	function fm_ansicht_umschalten() {
U	259	if($('#ansicht').children(0).hasClass('fa-th-list')) {
	260	$('#ansicht').children(0).addClass('fa-th-large');
	261	$('#ansicht').children(0).removeClass('fa-th-list');
	262	modus = 'liste';
	263	} else {
	264	$('#ansicht').children(0).addClass('fa-th-list');
	265	$('#ansicht').children(0).removeClass('fa-th-large');
	266	modus = 'kacheln';
	267	}
	268	fm_get_list(pfad);
	269	}
	270
	271	function fm_set_modus() {
	272	if(modus == 'kacheln') {
	273	$('#ansicht').children(0).addClass('fa-th-list');
	274	$('#ansicht').children(0).removeClass('fa-th-large');
	275	} else {
	276	$('#ansicht').children(0).addClass('fa-th-large');
	277	$('#ansicht').children(0).removeClass('fa-th-list');
	278	}
a4d3b5	279	}
U	280
	281	function fm_menu_neue_textdatei() {
adf812	282	fm_text_edit('Neue Datei');
a4d3b5	283	}
U	284
305573	285	function fm_menu_neues_dokument() {
7d8ef6	286	fm_dok_edit('');
305573	287	}
U	288
a4d3b5	289	function fm_menu_datei_schliessen() {
U	290	$('.codeeditor-space').hide();
	291	$('.code-editor-container').hide();
305573	292	$("#mce-editor").hide();
U	293	if(cm !== undefined) {
	294	cm.toTextArea();
	295	}
5ebb8e	296	openFileName = '';
7d8ef6	297	openEditor = '';
adf812	298	fm_get_list(pfad);
305573	299	fm_filectls_show();
e5ff42	300	}
U	301
17919c	302	function fm_dateiwahl(ev) {
5dfab6	303	var elem = this;
17919c	304	//console.log('dateiwahl nach click, event shift: ' + ev.shiftKey + ", event ctrl: " + ev.ctrlKey);
10d3d3	305	if(modus == 'kacheln') {
957b51	306	// Kacheln
10d3d3	307	if($(elem).children(0).hasClass('fa-folder')) {
957b51	308	if(/ev.shiftKey \|\| / ev.ctrlKey) {
U	309	$(elem).find('.dateiname').addClass('datei-gewaehlt');
10d3d3	310	} else {
957b51	311	var ordner = $(elem).text().trim();
U	312	if(pfad.length > 0) {
	313	pfad = pfad + '/' + ordner;
	314	} else {
	315	pfad = ordner;
	316	}
	317	fm_get_list(pfad);
10d3d3	318	}
U	319	} else if($(elem).children(0).hasClass('fa-file')) {
17919c	320	if(/ev.shiftKey \|\| / ev.ctrlKey) {
U	321	// mehrere Dateien sollen gewaehlt werden
	322	} else {
	323	$('.datei-gewaehlt').removeClass('datei-gewaehlt');
	324	}
957b51	325	$(elem).find('.dateiname').addClass('datei-gewaehlt');
5dfab6	326	} else {
10d3d3	327	//console.log('kein folder oder file...');
5dfab6	328	}
U	329	} else {
957b51	330	// Liste
10d3d3	331	if($(elem).find('.datei-elem').children(0).hasClass('fa-file-o')) {
957b51	332	// Datei
17919c	333	if(/ev.shiftKey \|\| / ev.ctrlKey) {
U	334	// mehrere Dateien sollen gewaehlt werden
	335	} else {
	336	$('.table-info').removeClass('table-info');
957b51	337	$('.datei-gewaehlt').removeClass('datei-gewaehlt');
17919c	338	}
10d3d3	339	$(elem).addClass('table-info');
U	340	$(elem).find('.dateiname').addClass('datei-gewaehlt');
	341	} else {
957b51	342	// Ordner
U	343	if(/ev.shiftKey \|\| / ev.ctrlKey) {
	344	$(elem).children(0).addClass('datei-gewaehlt');
10d3d3	345	} else {
957b51	346	var ordner = $(elem).find('.dateiname').text();
U	347	if(pfad.length > 0) {
	348	pfad = pfad + '/' + ordner;
	349	} else {
	350	pfad = ordner;
	351	}
	352	fm_get_list(pfad);
10d3d3	353	}
U	354	}
5dfab6	355	}
c509a0	356	}
U	357
a94216	358	function fm_bc_click() {
U	359	var elem = this;
	360	var bcPfad = $(elem).attr('rpath');
	361	if(bcPfad !== undefined) {
c509a0	362	pfad = bcPfad;
a94216	363	fm_get_list(bcPfad);
U	364	} else {
	365	pfad = '';
	366	fm_get_list('');
	367	}
	368	}
	369
42fece	370	function fm_text_edit(content, mode) {
305573	371	fm_filectls_hide();
3ad4db	372	$('.codeeditor-space').show();
U	373	$('.code-editor-container').show();
42fece	374	fm_code_edit(content, mode);
7d8ef6	375	openEditor = 'text';
U	376	}
	377
	378	function fm_dok_edit(content) {
	379	fm_filectls_hide();
0c1d5b	380	fm_dok_editor_init(userid);
7d8ef6	381	$("#mce-editor").show();
U	382	ed.setContent(content);
	383	openEditor = 'dok';
3ad4db	384	}
U	385
305573	386	function fm_filectls_hide() {
U	387	$('#zentrum_bc').hide();
	388	$('#dateien').hide();
	389	}
	390
	391	function fm_filectls_show() {
	392	$('#zentrum_bc').show();
	393	$('#dateien').show();
	394	}
b7475d	395	/* ----- API Calls ------------- */
U	396
0c1d5b	397	function fm_get_login() {
3ad4db	398	var m = '?c=de.uhilger.filecms.pub.SessionManager&m=getSessionUser';
U	399	var u = '../pub' + m;
	400	fm_get(u, "text", function(resp) {
0c1d5b	401	userid = resp;
3ad4db	402	$('#userMenu').text(resp);
0c1d5b	403	//fm_dok_editor_init(resp);
7342b1	404	});
c509a0	405	}
U	406
	407	function fm_get_new_folder() {
	408	$('#modal_ok').click(function() {
	409	// hier speichern
	410	var m = '?c=de.uhilger.filecms.api.FileMgr&m=newFolder&p=' + pfad + '&p=' + $('#dateiname').val();
	411	var u = '../svc' + m;
	412	fm_get(u, "json", function(resp) {
adf812	413	fm_get_list(pfad);
c509a0	414	});
U	415	});
957b51	416	$('#saveModalTitle').text('Neuer Ordner');
c509a0	417	$('#dialogfrage').text("Name?");
U	418	$('#dateiname').val('');
	419	$('#dateiname').attr('placeholder', 'Ordnername');
	420	$('#saveModal').modal({
	421	keyboard: false,
	422	show: true
	423	});
7342b1	424	}
U	425
7d8ef6	426	function fm_get_file_content(typ) {
fc1897	427	var gewaehlte = $('.datei-gewaehlt');
957b51	428	//var fname = $(gewaehlte).find('.dateiname').text();
U	429
	430	var fname = $(gewaehlte[0]).text();
5ebb8e	431	openFileName = fname;
3ad4db	432	var m = '?c=de.uhilger.filecms.api.FileMgr&m=getCode&p=' + pfad + '&p=' + fname;
2121cc	433	var u = '../svc' + m;
3ad4db	434	fm_get(u, "text", function(resp) {
7d8ef6	435	if(typ == 'text') {
42fece	436	var mode = "text/x-java";
U	437	if(fname.endsWith('js')) {
	438	mode = 'javascript';
	439	} else if(fname.endsWith('xml')) {
	440	mode = 'xml';
	441	} else if(fname.endsWith('properties')) {
	442	mode = 'xml';
	443	}
	444	fm_text_edit(resp, mode);
7d8ef6	445	} else {
U	446	fm_dok_edit(resp);
	447	}
2121cc	448	});
3ad4db	449
2121cc	450	}
U	451
fc8db1	452	function fm_view_file() {
U	453	// http://localhost:8080/file-cms/ui/#
	454	// http://localhost:8080/file-cms/data/admin/usw.
	455
	456	var userid = $('#userMenu').text();
	457	var gewaehlte = $('.datei-gewaehlt');
	458	var fname = $(gewaehlte[0]).text();
0c1d5b	459
U	460	var path = fm_get_path(userid);
	461
	462	window.open(path + '/' + fname, '_blank');
fc8db1	463	}
U	464
8446c2	465	function fm_menu_datei_umbenennen() {
U	466	var gewaehlte = $('.datei-gewaehlt');
	467	var fname = $(gewaehlte[0]).text();
663ee9	468
U	469	$('#modal_ok').click(function() {
	470	// hier umbenennen
	471	fm_rename_file(fname, pfad, $('#dateiname').val())
	472	});
	473	$('#saveModalTitle').text('Datei umbenennen');
	474	$('#dialogfrage').text("Neuer Dateiname?");
	475
	476	if(fname !== undefined) {
	477	$('#dateiname').val(fname);
	478	$('#dateiname').attr('placeholder', 'Dateiname');
	479	$('#saveModal').modal({
	480	keyboard: false,
	481	show: true
	482	});
	483	}
	484	}
	485
	486	function fm_rename_file(fn, p, neuerName) {
	487	var m = '?c=de.uhilger.filecms.api.FileMgr&m=renameFile';
	488	m = m + '&p=' + p;
	489	m = m + '&p=' + fn;
	490	m = m + '&p=' + neuerName;
	491	var u = '../svc' + m;
	492	fm_get(u, "text", function(resp) {
	493	fm_get_list(pfad);
	494	});
8446c2	495	}
U	496
7165a1	497	/*
U	498	* Hier merkt sich die Dateiverwalting die markierten Dateien fuer
	499	* eine Dateioperation. Bei cut wird in der 'paste' Operation auf dem Server
	500	* fuer die 'gemerkten' Dateien ein Move gemacht. Die Dateien werden
	501	* vom gewaehlten Ort zum Zielort verschoben.
	502	*
	503	* @returns {undefined}
	504	*/
	505	function fm_cut_files() {
	506	cutCopySrcDir = pfad;
	507	cutCopyFiles = fm_gewaehlte_dateien();
	508	cutCopyOperation = 'cut';
	509	}
	510
	511	/*
	512	* Hier merkt sich die Dateiverwalting die markierten Dateien fuer
	513	* eine Dateioperation. Bei copy wird in der 'paste' Operation auf dem Server
	514	* fuer die 'gemerkten' Dateien eine Kopie gemacht. Die Dateien werden
	515	* am gewaehlten Ort behalten und am Zielort wird eine Kopier der
	516	* gewaehlten DAteien erstellt
	517	*
	518	* @returns {undefined}
	519	*/
	520	function fm_copy_files() {
	521	cutCopySrcDir = pfad;
	522	cutCopyFiles = fm_gewaehlte_dateien();
9e2964	523	cutCopyOperation = 'copy';
7165a1	524	}
U	525
	526	/*
	527	* Hier wird fuer eine zuvor markierte Liste von Dateien, fuer die
	528	* Cut oder Copy gewaehlt wurde, die Operations ausgefuehrt (move oder copy)
	529	* @returns {undefined}
	530	*/
	531	function fm_paste_files() {
	532	var m;
9e2964	533	if(cutCopyOperation === 'cut') {
U	534	//m = '?c=de.uhilger.filecms.api.FileMgr&m=moveFiles'; //&p=' + cutCopySrcDir + '&p=' + pfad + '&p=' + encodeURIComponent(liste);
	535	m = '?c=de.uhilger.filecms.api.FileMgr&m=moveFiles&p=' + cutCopySrcDir + '&p=' + pfad + '&p=' + encodeURIComponent(cutCopyFiles);
7165a1	536	} else {
9e2964	537	//m = '?c=de.uhilger.filecms.api.FileMgr&m=copyFiles'; //&p=' + cutCopySrcDir + '&p=' + pfad + '&p=' + encodeURIComponent(liste);
U	538	m = '?c=de.uhilger.filecms.api.FileMgr&m=copyFiles&p=' + cutCopySrcDir + '&p=' + pfad + '&p=' + encodeURIComponent(cutCopyFiles);
fc1897	539	}
7165a1	540	var u = '../svc' + m;
9e2964	541	fm_get(u, "text", function(resp) {
U	542	// console.log('deleteFiles gab folgendes zurueck: ' + resp);
	543	fm_get_list(pfad);
	544	});
	545	/*
	546	fm_post(u, {p1: encodeURIComponent(cutCopySrcDir), p2: encodeURIComponent(pfad), p3: encodeURIComponent(cutCopyFiles)},'text', function(resp) {
7165a1	547	// resp evtl. zeigen..
U	548	fm_get_list(pfad);
	549	});
9e2964	550	*/
7165a1	551	}
U	552
	553	function fm_del_files() {
	554	var liste = fm_gewaehlte_dateien();
fc1897	555	var m = '?c=de.uhilger.filecms.api.FileMgr&m=deleteFiles&p=' + pfad + '&p=' + encodeURIComponent(liste);
U	556	var u = '../svc' + m;
	557	fm_get(u, "text", function(resp) {
	558	// console.log('deleteFiles gab folgendes zurueck: ' + resp);
	559	fm_get_list(pfad);
	560	});
	561	}
	562
10d3d3	563	function fm_render_list(fl) {
U	564	if(modus == 'kacheln') {
	565	// Kachelansicht
7d8ef6	566	var template = $('#tpl-kacheln').html();
U	567	Mustache.parse(template); // optional, speeds up future uses
	568	$('.datei-zeile').attr('onclick','').unbind('click');
	569	$('#dateien').empty();
	570	$('#dateien').html(Mustache.render(template, fl));
	571	$('.figure').click(fm_dateiwahl);
	572	} else {
	573	// Listenansicht
	574	var template = $('#tpl-liste').html();
	575	Mustache.parse(template); // optional, speeds up future uses
	576	$('.figure').attr('onclick','').unbind('click');
	577	$('#dateien').empty();
	578	$('#dateien').html(Mustache.render(template, fl));
	579	$('.datei-zeile').click(fm_dateiwahl);
	580	}
	581	/*
	582	if(modus == 'kacheln') {
	583	// Kachelansicht
a3d410	584	$.get('tpl-kacheln.txt', function(template) {
U	585	$('#dateien').empty();
	586	$('#dateien').html(Mustache.render(template, fl));
	587	$('.figure').click(fm_dateiwahl);
	588	});
10d3d3	589	$('.datei-zeile').attr('onclick','').unbind('click');
U	590	} else {
	591	// Listenansicht
a3d410	592	$.get('tpl-liste.txt', function(template) {
U	593	$('#dateien').empty();
	594	$('#dateien').html(Mustache.render(template, fl));
	595	$('.datei-zeile').click(fm_dateiwahl);
	596	});
10d3d3	597	$('.figure').attr('onclick','').unbind('click');
U	598	}
7d8ef6	599	*/
10d3d3	600	}
U	601
7342b1	602	// http://localhost:8079/file-cms/svc?c=de.uhilger.filecms.api.FileMgr&f=JSONNICE&m=list&p=
a94216	603	function fm_get_list(relPfad) {
10d3d3	604	$('#ansicht').attr('onclick','').unbind('click');
a94216	605	var m = '?c=de.uhilger.filecms.api.FileMgr&m=list&p=' + relPfad;
7342b1	606	var u = '../svc' + m;
U	607	fm_get(u, "json", function(resp) {
10d3d3	608
2121cc	609	if(resp.List[0].FileRef !== undefined) {
U	610	var files = new Array();
c509a0	611	if(resp.List[0].FileRef instanceof Array) {
U	612	for(var i = 0; i < resp.List[0].FileRef.length; i++) {
	613	files.push(new FileRef(resp.List[0].FileRef[i]));
	614	}
	615	} else {
	616	files.push(new FileRef(resp.List[0].FileRef));
2121cc	617	}
U	618	var fl = new FileList(files);
10d3d3	619	fm_render_list(fl);
2121cc	620	} else {
U	621	$('#dateien').empty();
7342b1	622	}
5dfab6	623
10d3d3	624	// Breadcrumb-Ansicht
7d8ef6	625	var template;
a94216	626	$('.breadcrumb-item').attr('onclick','').unbind('click');
2315a0	627	$('#bcnav').empty();
5dfab6	628	var dirList = new Array();
U	629	var rp = '';
a94216	630	//console.log("'" + relPfad + "'");
U	631	var dirs = relPfad.split('/');
	632	//console.log(dirs.length);
2121cc	633	dirList.push(new BcrFile(rp, 'Home'));
a94216	634	if(relPfad.length > 0) {
2315a0	635	for(var i = 0; i < dirs.length - 1; i++) {
5dfab6	636	if(rp.length > 0 ) {
U	637	dirList.push(new BcrFile(rp + '/' + dirs[i], dirs[i]));
2315a0	638	rp = rp + '/' + dirs[i];
5dfab6	639	} else {
U	640	dirList.push(new BcrFile(dirs[i], dirs[i]));
2315a0	641	rp = dirs[i];
5dfab6	642	}
U	643	}
	644	var bl = new BcrFiles(dirList);
7d8ef6	645
U	646	if(dirList.length > 0) {
	647	template = $('#tpl-bcr').html();
	648	Mustache.parse(template); // optional, speeds up future uses
	649	$('#bcnav').html(Mustache.render(template, bl));
2315a0	650	}
7d8ef6	651
U	652	if(dirs.length > 0) {
	653	dirList.push(new BcrFile(rp + '/' + dirs[dirs.length-1], dirs[dirs.length-1]));
	654	template = $('#tpl-bcr2').html();
	655	Mustache.parse(template); // optional, speeds up future uses
	656	$('#bcnav').append(Mustache.render(template, dirList[dirList.length-1]));
	657	} else {
	658	template = $('#tpl-bcr2').html();
	659	Mustache.parse(template); // optional, speeds up future uses
	660	$('#bcnav').append(Mustache.render(template, dirList[0]));
	661	}
	662
	663	$('#bcnav').append($('#tpl-bcr3').html());
2315a0	664	} else {
a94216	665	pfad = '';
7d8ef6	666	template = $('#tpl-bcr2').html();
U	667	Mustache.parse(template); // optional, speeds up future uses
	668	$('#bcnav').append(Mustache.render(template, dirList[0]));
	669	$('#bcnav').append($('#tpl-bcr3').html());
5dfab6	670	}
7d8ef6	671	$('.breadcrumb-item').click(fm_bc_click);
U	672	$('#ansicht').click(fm_ansicht_umschalten);
	673	fm_set_modus();
	674	});
e5ff42	675	}
U	676
	677	function fm_menu_datei_speichern() {
5ebb8e	678	//var fname = $('.datei-gewaehlt').text();
U	679	var fname = openFileName;
	680	if(fname !== undefined && fname !== '') {
	681	fm_save_file(fname);
	682	} else {
	683	fm_menu_datei_speichern_unter();
	684	}
	685	}
	686
	687	function fm_save_file(saveFileName) {
7d8ef6	688	var content;
U	689	if(openEditor === 'text') {
	690	content = cm.getValue();
	691	} else {
	692	content = ed.getContent();
	693	}
5ebb8e	694	var m = '?c=de.uhilger.filecms.api.FileMgr&m=saveTextFile';
U	695	var u = '../svc' + m;
7d8ef6	696	fm_post(u, {p1: pfad, p2: saveFileName, p3: content}, function(resp) {
5ebb8e	697	openFileName = saveFileName;
U	698	});
	699	}
	700
663ee9	701	function fm_menu_datei_speichern_unter() {
915927	702	$('#modal_ok').click(function() {
U	703	// hier speichern
5ebb8e	704	fm_save_file($('#dateiname').val());
915927	705	});
957b51	706	$('#saveModalTitle').text('Datei speichern');
c509a0	707	$('#dialogfrage').text("Dateiname?");
3ad4db	708
U	709	var fname = $('.datei-gewaehlt').text();
	710	if(fname !== undefined) {
	711	$('#dateiname').val(fname);
	712	} else {
	713	$('#dateiname').val('');
	714	}
c509a0	715	$('#dateiname').attr('placeholder', 'Dateiname');
915927	716	$('#saveModal').modal({
U	717	keyboard: false,
	718	show: true
	719	});
a4d3b5	720	}
U	721
b7475d	722	function fm_logout() {
U	723	var m = '?c=de.uhilger.filecms.pub.SessionManager&m=expireSession';
	724	var u = '../pub' + m;
	725
	726	fm_get(u, "text", function(resp) {
	727	$('#userMenu').text('nicht angemeldet');
	728	window.location.href = '../logout.html';
	729	});
	730	}
	731
	732
a4d3b5	733	/* ---- codemirror editor handling -------- */
U	734
42fece	735	function fm_code_edit(content, m) {
a4d3b5	736	cm = CodeMirror.fromTextArea(document.getElementById("editspace"), {
U	737	lineNumbers: true,
42fece	738	mode: m,
a4d3b5	739	viewportMargin : Infinity,
U	740	extraKeys: {
915927	741	"F9": function(cm) {
U	742	cm.setOption("fullScreen", !cm.getOption("fullScreen"));
	743	},
	744	"Esc": function(cm) {
	745	if (cm.getOption("fullScreen")) cm.setOption("fullScreen", false);
	746	}
a4d3b5	747	}
U	748	});
	749	cm.setValue(content);
915927	750	}
a4d3b5	751
U	752
	753
	754	/* -------- helper functions ----------- */
	755
b7475d	756	function fm_get(u, dtype, scallback) {
a4d3b5	757	$.ajax({
U	758	url: u,
	759	type: "GET",
b7475d	760	dataType: dtype,
a4d3b5	761	success: scallback,
U	762	error: function (xhr, status, errorThrown) {
	763	alert("Error: " + errorThrown + " Status: " + status + " URL: " + u);
	764	},
	765	complete: function (xhr, status) {
	766	//console.log( "The request is complete!" );
	767	}
	768
	769	});
915927	770	}
a4d3b5	771
9e2964	772	function fm_post(u, d, dtype, scallback) {
a4d3b5	773	$.ajax({
U	774	url: u,
	775	data: d,
	776	type: "POST",
9e2964	777	dataType: dtype,
a4d3b5	778	success: scallback,
U	779	error: function (xhr, status, errorThrown) {
	780	$('#fehler').html("Error: " + errorThrown + " Status: " + status);
	781	},
	782	complete: function (xhr, status) {
	783	//alert( "The request is complete!" );
	784	}
	785	});
915927	786	}
a4d3b5	787
e5ff42	788	function fm_serialise(obj) {
U	789	return '{"' + obj.constructor.name + '":' + JSON.stringify(obj) + '}';
915927	790	}
e5ff42	791
7342b1	792	/* ----- Objekte ----- */
U	793
	794	function FileList(fl) {
	795	this.files = fl;
	796	}
	797
	798	function FileRef(obj) {
	799	var self = this;
	800	this.fr = obj;
	801
	802	this.typeClass = function() {
10d3d3	803	if(modus == 'kacheln') {
U	804	if(self.fr.isDirectory) {
a3d410	805	return 'fa-folder ordner';
10d3d3	806	} else {
a3d410	807	return 'fa-file datei';
10d3d3	808	}
7342b1	809	} else {
10d3d3	810	if(self.fr.isDirectory) {
a3d410	811	return 'fa-folder ordner';
10d3d3	812	} else {
a3d410	813	return 'fa-file-o datei';
10d3d3	814	}
7342b1	815	}
2121cc	816	};
U	817
	818	this.fileName = function() {
	819	var namen = self.fr.absolutePath.split('/');
	820	if(namen.length > 0) {
	821	return namen[namen.length - 1];
	822	} else {
	823	return self.fr.absolutePath;
	824	}
	825	};
7342b1	826	}
5dfab6	827
U	828	function BcrFiles(fl) {
	829	this.files = fl;
	830	}
	831
	832	function BcrFile(rp, n) {
	833	this.relPath = rp;
	834	this.fName = n;
7aa566	835	}
U	836