| | |
| | | var openEditor; |
| | | var userid; |
| | | var tmo; |
| | | var tmo2; |
| | | var cutCopySrcDir; |
| | | var cutCopyFiles; |
| | | var cutCopyOperation; |
| | | var loc; |
| | | var PERS_DIR = "Persoenlich"; |
| | | var PUB_DIR = "Oeffentlich"; |
| | | var DAV_DIR = "Austausch"; |
| | | var BASE_DIR = "$basis"; |
| | | var DATA_DIR = "$daten"; |
| | | var WWW_DIR = "www"; |
| | | var compilerIssues; |
| | | var fm_slideshow = false; |
| | | |
| | | function fm_init() { |
| | | $("#mce-editor").hide(); |
| | | $('.codeeditor-space').hide(); |
| | | $('.code-editor-container').hide(); |
| | | $('.sued').hide(); |
| | | //$('.ost').attr('flex-basis', 0); |
| | | $('#newTab').on('click', fm_newTab); |
| | | $('#newTextFile').on('click', fm_menu_neue_textdatei); |
| | | $('#newDoc').on('click', fm_menu_neues_dokument); |
| | | $('#newFolder').on('click', fm_get_new_folder); |
| | | $('#viewFile').on('click', fm_view_file); |
| | | $('#viewSlideshow').on('click', fm_view_slideshow); |
| | | $('#editTextFile').on('click', function() { |
| | | fm_get_file_content('text'); |
| | | }); |
| | |
| | | $('#saveFileAs').on('click', fm_menu_datei_speichern_unter); |
| | | $('#closeFile').on('click', fm_menu_datei_schliessen); |
| | | $('#renameFile').on('click', fm_menu_datei_umbenennen); |
| | | $('#m-zip').on('click', fm_menu_ordner_packen); |
| | | $('#m-unzip').on('click', fm_menu_datei_entpacken); |
| | | $('#m-html-export').on('click', fm_menu_html_export); |
| | | $('#m-del').on('click', fm_menu_delete); |
| | | $('#m-cut').on('click', fm_menu_cut); |
| | | $('#m-copy').on('click', fm_menu_copy); |
| | | $('#m-paste').on('click', fm_menu_paste); |
| | | $('#m-shrink').on('click', fm_menu_shrink); |
| | | $('#m-rotate').on('click', fm_menu_rotate); |
| | | $('#m-toggle-slideshow').on('click', fm_toggle_show_slideshow); |
| | | $('#m-test').on('click', fm_menu_test); |
| | | $('#m-test-2').on('click', fm_menu_compile); |
| | | $('#m-test-3').on('click', fm_menu_compile_all); |
| | | $('#m-compile-results').on('click', fm_fusszeile_zeigen); |
| | | $('#m-build-app').on('click', fm_menu_build_app); |
| | | $('#m-ant-build').on('click', fm_menu_ant_build); |
| | | $('#saveModal').on('hidden.bs.modal', function (e) { |
| | | $('#modal_ok').attr('onclick','').unbind('click'); |
| | | }); |
| | | $('#logout').click(fm_logout); |
| | | $('#fusszeile-schliessen').on('click', fm_fusszeile_schliessen); |
| | | fm_get_login(); |
| | | fm_get_list(''); |
| | | fm_init_uploader(); |
| | | |
| | | //console.log(window.location); |
| | | //console.log(window.location.search); |
| | | var parsedUrl = new URL(window.location.href); |
| | | //console.log(parsedUrl.searchParams.get("pfad")); |
| | | var wunschPfad = parsedUrl.searchParams.get("pfad"); |
| | | |
| | | if(wunschPfad !== null) { |
| | | if(wunschPfad.length > 0) { |
| | | pfad = wunschPfad; |
| | | fm_get_list(wunschPfad); |
| | | fm_init_uploader(); |
| | | } else { |
| | | fm_get_list(''); |
| | | fm_init_uploader(); |
| | | } |
| | | } else { |
| | | fm_get_list(''); |
| | | fm_init_uploader(); |
| | | } |
| | | /* |
| | | console.log('href: ' + window.location.href); |
| | | console.log('host: ' + window.location.host); |
| | | console.log('hostname: ' + window.location.hostname); |
| | | console.log('port: ' + window.location.port); |
| | | console.log('protocol: ' + window.location.protocol); |
| | | */ |
| | | loc = window.location.protocol + '//' + window.location.host; |
| | | } |
| | | |
| | | function fm_newTab() { |
| | | window.open('/file-cms/ui/?pfad=' + pfad, '_blank'); |
| | | } |
| | | |
| | | function fm_toggle_show_slideshow() { |
| | | if(fm_slideshow) { |
| | | $('#m-toggle-slideshow').text('Diashow einschalten'); |
| | | fm_slideshow = false; |
| | | } else { |
| | | $('#m-toggle-slideshow').text('Diashow ausschalten'); |
| | | fm_slideshow = true; |
| | | } |
| | | } |
| | | |
| | | function fm_resize_editor() { |
| | |
| | | }, 200); |
| | | } |
| | | |
| | | function fm_fusszeile_schliessen() { |
| | | $('.sued').hide(); |
| | | } |
| | | |
| | | function fm_fusszeile_zeigen() { |
| | | $('.sued').show(); |
| | | } |
| | | |
| | | function fm_get_path(uid) { |
| | | //console.log('pfad: ' + pfad); |
| | | var restdir; |
| | | if(pfad.indexOf('Oeffentlich') > -1) { |
| | | restdir = pfad.substr('Oeffentlich'.length); |
| | | } else if(pfad.indexOf('Persoenlicher Ordner') > -1) { |
| | | restdir = pfad.substr('Persoenlicher Ordner'.length); |
| | | if(pfad.indexOf(PUB_DIR) > -1) { |
| | | restdir = pfad.substr(PUB_DIR.length); |
| | | } else if(pfad.indexOf(PERS_DIR) > -1) { |
| | | restdir = pfad.substr(PERS_DIR.length); |
| | | } else if(pfad.indexOf(BASE_DIR) > -1) { |
| | | restdir = pfad.substr(BASE_DIR.length); |
| | | } else if(pfad.indexOf(DATA_DIR) > -1) { |
| | | restdir = pfad.substr(DATA_DIR.length); |
| | | } else if(pfad.indexOf(DAV_DIR) > -1) { |
| | | restdir = pfad.substr(DAV_DIR.length); |
| | | } |
| | | if(restdir !== undefined && restdir.startsWith('/')) { |
| | | restdir = restdir.substr(1); |
| | | if(restdir.indexOf(WWW_DIR) > -1) { |
| | | restdir = restdir.replace(WWW_DIR, 'data'); |
| | | } |
| | | } |
| | | var pdir = fm_get_base(uid); |
| | | //console.log('path: ' + pdir + "/" + restdir); |
| | | // console.log('fm_get_path path: ' + pdir + "/" + restdir); |
| | | if(restdir.length > 1) { |
| | | return pdir + "/" + restdir; |
| | | } else { |
| | |
| | | function fm_get_base(uid) { |
| | | //console.log('pfad: ' + pfad); |
| | | var pdir; |
| | | if(pfad.indexOf('Oeffentlich') > -1) { |
| | | pdir = '/data/'; |
| | | } else if(pfad.indexOf('Persoenlicher Ordner') > -1) { |
| | | pdir = '/home/'; |
| | | if(pfad.indexOf(PUB_DIR) > -1) { |
| | | pdir = '/data/' + uid; |
| | | } else if(pfad.indexOf(PERS_DIR) > -1) { |
| | | pdir = '/home/' + uid; |
| | | } else if(pfad.indexOf(BASE_DIR) > -1) { |
| | | pdir = ''; |
| | | } else if(pfad.indexOf(DATA_DIR) > -1) { |
| | | pdir = ''; |
| | | } |
| | | //console.log('base: ' + pdir + uid); |
| | | return pdir + uid; |
| | | //console.log('fm_get_base base: ' + pdir + uid); |
| | | return pdir; |
| | | } |
| | | |
| | | function fm_dok_editor_init(uid) { |
| | | var base = fm_get_path(uid); |
| | | //console.log("calling tinymce.init with base: " + base + "/"); |
| | | edCount = 0; |
| | | //console.log("fm_dok_editor_init calling tinymce.init with base: " + base + "/"); |
| | | |
| | | /* |
| | | * vgl. |
| | |
| | | */ |
| | | tinymce.init({ |
| | | content_css : "/file-cms/ui/mce.css", |
| | | //content_css: "/jslib/bootstrap/css/bootstrap.min.css", |
| | | selector: "textarea.text-editor", |
| | | statusbar: false, |
| | | menubar: false, |
| | | plugins: 'advlist charmap code image link lists media print preview save table textcolor', |
| | | toolbar: 'undo redo | styleselect | image | link unlink | bullist numlist | outdent indent | code', |
| | | plugins: 'advlist charmap code image link lists media table print preview save table textcolor importcss', |
| | | toolbar: 'undo redo | styleselect | image table | link unlink | bullist numlist | outdent indent | code', |
| | | /* |
| | | menu: { |
| | | file: {title: 'File', items: 'savevers | exit'}, |
| | |
| | | }, |
| | | */ |
| | | resize: 'both', |
| | | importcss_append: true, |
| | | width: "100%", |
| | | height: '100%', |
| | | relative_urls : true, |
| | | convert_urls : false, |
| | | document_base_url : base + "/", |
| | | setup: function (editor) { |
| | | ed = editor; |
| | |
| | | }; |
| | | } |
| | | |
| | | function sendFile(datei) { |
| | | var uri = "../api/upload"; |
| | | var xhr = new XMLHttpRequest(); |
| | | var fd = new FormData(); |
| | | xhr.open("POST", uri, true); |
| | | xhr.onreadystatechange = function() { |
| | | if (xhr.readyState == 4 && xhr.status == 200) { |
| | | fm_get_list(pfad); |
| | | if(dateien.length > 0) { |
| | | sendFile(dateien.pop()); |
| | | } |
| | | } |
| | | }; |
| | | fd.append('dateiauswahlfeld', datei); |
| | | fd.append('pfad', pfad); |
| | | xhr.send(fd); |
| | | } |
| | | |
| | | /* ----- Uploader Ende --------------- */ |
| | | |
| | | /* ------- Dateifunktionen Start ----------- */ |
| | |
| | | } |
| | | function fm_menu_delete() { |
| | | $('#confirmOk').click(function() { |
| | | $('#confirmOk').attr('onclick','').unbind('click'); |
| | | fm_del_files(); |
| | | }); |
| | | $('#confirmOk').text("Loeschen"); |
| | | $('#confirmOk').removeClass('btn-primary'); |
| | | $('#confirmOk').addClass('btn-danger'); |
| | | $('#confirmClose').hide(); |
| | | $('#confirmModalTitle').text("Löschen"); |
| | | $('#confirmModalBody').text("Wirklich löschen?"); |
| | | $('#confirmModal').modal({ |
| | |
| | | */ |
| | | function fm_gewaehlte_dateien() { |
| | | var gewaehlte = $('.datei-gewaehlt'); |
| | | /* |
| | | //console.log('anzahl: ' + gewaehlte.length); |
| | | var fnames = new Array(); |
| | | var i = 0; |
| | |
| | | // {"List":[{"java.lang.String":"test3.txt"},{"java.lang.String":"Test1.txt"},{"java.lang.String":"Test2.txt"}]} |
| | | // und wird auf dem Server zu einer List[ArrayList<String>] bei der jede ArrayList<String> nur ein Element hat |
| | | return liste; |
| | | */ |
| | | return fm_dateiliste_bilden(gewaehlte); |
| | | } |
| | | |
| | | function fm_dateiliste_bilden(gewaehlte) { |
| | | var fnames = new Array(); |
| | | var i = 0; |
| | | while(i < gewaehlte.length) { |
| | | var str = { "java.lang.String": $(gewaehlte[i]).text()}; |
| | | fnames.push(str); |
| | | //console.log('loeschen ' + pfad + ' ' + $(gewaehlte[i]).text()); |
| | | //i += 2; |
| | | i++; |
| | | } |
| | | var liste = '{"List":' + JSON.stringify(fnames) + '}'; |
| | | // 'liste' enthaelt: |
| | | // {"List":[{"java.lang.String":"test3.txt"},{"java.lang.String":"Test1.txt"},{"java.lang.String":"Test2.txt"}]} |
| | | // und wird auf dem Server zu einer List[ArrayList<String>] bei der jede ArrayList<String> nur ein Element hat |
| | | return liste; |
| | | } |
| | | |
| | | function fm_menu_html_export() { |
| | | fm_export_html(); |
| | | } |
| | | |
| | | /* --------- Dateifunktionen Ende ---------- */ |
| | | |
| | | function fm_menu_test() { |
| | |
| | | } else { |
| | | $('.ost').empty(); |
| | | $('.ost').width(0); |
| | | } |
| | | } |
| | | |
| | | function fm_menu_compile() { |
| | | fm_compile('0', fm_mark_compile_results_in_editor); |
| | | } |
| | | function fm_menu_compile_all() { |
| | | fm_compile_all(); |
| | | } |
| | | |
| | | function fm_menu_build_app() { |
| | | fm_build_app(); |
| | | } |
| | | |
| | | function fm_menu_ant_build() { |
| | | fm_ant_build(); |
| | | } |
| | | |
| | | function fm_mark_compile_results_in_editor(resp) { |
| | | cm.clearGutter("breakpoints"); |
| | | |
| | | if(resp.List[0].CompilerIssue !== undefined) { |
| | | cm.setGutterMarker(0, "breakpoints", makeMarker("Code hat Fehler")); |
| | | var lno; |
| | | var eMsg; |
| | | if(resp.List[0].CompilerIssue instanceof Array) { |
| | | var issueNo = 0; |
| | | while(issueNo < resp.List[0].CompilerIssue.length) { |
| | | // console.log(resp.List[0].CompilerIssue[issueNo].kind); |
| | | // console.log(resp.List[0].CompilerIssue[issueNo].lineNumber); |
| | | // console.log(resp.List[0].CompilerIssue[issueNo].sourceName); |
| | | // console.log(resp.List[0].CompilerIssue[issueNo].message); |
| | | lno = resp.List[0].CompilerIssue[issueNo].lineNumber; |
| | | eMsg = resp.List[0].CompilerIssue[issueNo].kind + ' ' + resp.List[0].CompilerIssue[issueNo].message; |
| | | cm.setGutterMarker(lno-1, "breakpoints", makeMarker(eMsg)); |
| | | issueNo++; |
| | | } |
| | | } else { |
| | | lno = resp.List[0].CompilerIssue.lineNumber; |
| | | eMsg = resp.List[0].CompilerIssue.kind + ' ' + resp.List[0].CompilerIssue.message; |
| | | cm.setGutterMarker(lno-1, "breakpoints", makeMarker(eMsg)); |
| | | } |
| | | } |
| | | } |
| | | |
| | |
| | | } |
| | | |
| | | function fm_menu_datei_schliessen() { |
| | | if(openEditor === 'text') { |
| | | if(!cm.getDoc().isClean()) { |
| | | fm_ask_for_save(); |
| | | } else { |
| | | fm_do_close(); |
| | | } |
| | | } else { |
| | | if(tinymce.activeEditor.undoManager.hasUndo()) { |
| | | fm_ask_for_save(); |
| | | } else { |
| | | fm_do_close(); |
| | | } |
| | | } |
| | | } |
| | | |
| | | function fm_ask_for_save() { |
| | | // hier Abfrage ob gespeichert werden soll |
| | | $('#confirmOk').click(function() { |
| | | $('#confirmOk').attr('onclick','').unbind('click'); |
| | | fm_menu_datei_speichern(function() { |
| | | fm_do_close(); |
| | | }); |
| | | }); |
| | | $('#confirmCancel').click(function() { |
| | | $('#confirmCancel').attr('onclick','').unbind('click'); |
| | | }); |
| | | $('#confirmClose').show(); |
| | | $('#confirmClose').click(function() { |
| | | $('#confirmClose').attr('onclick','').unbind('click'); |
| | | fm_do_close(); |
| | | }); |
| | | $('#confirmOk').text("Speichern"); |
| | | $('#confirmOk').addClass('btn-primary'); |
| | | $('#confirmOk').removeClass('btn-danger'); |
| | | $('#confirmModalTitle').text("Schliessen"); |
| | | $('#confirmModalBody').text("Speichern vor dem Schliessen?"); |
| | | $('#confirmModal').modal({ |
| | | keyboard: false, |
| | | show: true |
| | | }); |
| | | } |
| | | |
| | | function fm_do_close() { |
| | | $('.codeeditor-space').hide(); |
| | | $('.code-editor-container').hide(); |
| | | $("#mce-editor").hide(); |
| | |
| | | } |
| | | fm_get_list(pfad); |
| | | } |
| | | } else if($(elem).children(0).hasClass('fa-file')) { |
| | | } else if($(elem).children(0).hasClass('datei')) { |
| | | if(/*ev.shiftKey || */ ev.ctrlKey) { |
| | | // mehrere Dateien sollen gewaehlt werden |
| | | } else { |
| | |
| | | fm_filectls_hide(); |
| | | fm_dok_editor_init(userid); |
| | | $("#mce-editor").show(); |
| | | ed.setContent(content); |
| | | openEditor = 'dok'; |
| | | |
| | | window.clearTimeout(tmo2); |
| | | tmo2 = window.setTimeout(function () { |
| | | try { |
| | | ed.setContent(content); |
| | | openEditor = 'dok'; |
| | | } catch (err) { |
| | | } |
| | | }, 200); |
| | | } |
| | | |
| | | function fm_filectls_hide() { |
| | |
| | | } |
| | | /* ----- API Calls ------------- */ |
| | | |
| | | function fm_get_login() { |
| | | var m = '?c=de.uhilger.filecms.pub.SessionManager&m=getSessionUser'; |
| | | var u = '../pub' + m; |
| | | fm_get(u, "text", function(resp) { |
| | | userid = resp; |
| | | $('#userMenu').text(resp); |
| | | //fm_dok_editor_init(resp); |
| | | }); |
| | | } |
| | | |
| | | function fm_get_new_folder() { |
| | | $('#modal_ok').click(function() { |
| | | // hier speichern |
| | | var m = '?c=de.uhilger.filecms.api.FileMgr&m=newFolder&p=' + pfad + '&p=' + $('#dateiname').val(); |
| | | var u = '../svc' + m; |
| | | fm_get(u, "json", function(resp) { |
| | | fm_get_list(pfad); |
| | | }); |
| | | }); |
| | | $('#saveModalTitle').text('Neuer Ordner'); |
| | | $('#dialogfrage').text("Name?"); |
| | | $('#dateiname').val(''); |
| | | $('#dateiname').attr('placeholder', 'Ordnername'); |
| | | $('#saveModal').modal({ |
| | | keyboard: false, |
| | | show: true |
| | | }); |
| | | } |
| | | |
| | | function fm_get_file_content(typ) { |
| | | var gewaehlte = $('.datei-gewaehlt'); |
| | | //var fname = $(gewaehlte).find('.dateiname').text(); |
| | | |
| | | var fname = $(gewaehlte[0]).text(); |
| | | openFileName = fname; |
| | | var m = '?c=de.uhilger.filecms.api.FileMgr&m=getCode&p=' + pfad + '&p=' + fname; |
| | | var u = '../svc' + m; |
| | | fm_get(u, "text", function(resp) { |
| | | if(typ == 'text') { |
| | | var mode = "text/x-java"; |
| | | if(fname.endsWith('js')) { |
| | | mode = 'javascript'; |
| | | } else if(fname.endsWith('xml')) { |
| | | mode = 'xml'; |
| | | } else if(fname.endsWith('properties')) { |
| | | mode = 'xml'; |
| | | } |
| | | fm_text_edit(resp, mode); |
| | | } else { |
| | | fm_dok_edit(resp); |
| | | } |
| | | }); |
| | | |
| | | } |
| | | |
| | | function fm_view_file() { |
| | | // http://localhost:8080/file-cms/ui/# |
| | |
| | | window.open(path + '/' + fname, '_blank'); |
| | | } |
| | | |
| | | function fm_view_slideshow() { |
| | | |
| | | // https://localhost:8443/file-cms/fotos/?o=ulrich/bilder/diashow/ordnername |
| | | |
| | | |
| | | var userid = $('#userMenu').text(); |
| | | var gewaehlte = $('.datei-gewaehlt'); |
| | | var fname = $(gewaehlte[0]).text(); |
| | | |
| | | var path = fm_get_path(userid); |
| | | var restdir = path; |
| | | if(path.indexOf('/data/') > -1) { |
| | | restdir = path.substr('/data/'.length); |
| | | } |
| | | |
| | | //window.open('/file-cms/fotos/?o=' + userid + '/' + path + '/' + fname, '_blank'); |
| | | window.open('/file-cms/fotos/?o=' + restdir + '/' + fname, '_blank'); |
| | | } |
| | | |
| | | function fm_menu_datei_umbenennen() { |
| | | var gewaehlte = $('.datei-gewaehlt'); |
| | | var fname = $(gewaehlte[0]).text(); |
| | | |
| | | $('#modal_ok').click(function() { |
| | | // hier umbenennen |
| | | fm_rename_file(fname, pfad, $('#dateiname').val()) |
| | | fm_rename_file(fname, pfad, $('#dateiname').val()); |
| | | }); |
| | | $('#saveModalTitle').text('Datei umbenennen'); |
| | | $('#dialogfrage').text("Neuer Dateiname?"); |
| | |
| | | } |
| | | } |
| | | |
| | | function fm_rename_file(fn, p, neuerName) { |
| | | var m = '?c=de.uhilger.filecms.api.FileMgr&m=renameFile'; |
| | | m = m + '&p=' + p; |
| | | m = m + '&p=' + fn; |
| | | m = m + '&p=' + neuerName; |
| | | var u = '../svc' + m; |
| | | fm_get(u, "text", function(resp) { |
| | | fm_get_list(pfad); |
| | | }); |
| | | function fm_menu_datei_entpacken() { |
| | | var gewaehlte = $('.datei-gewaehlt'); |
| | | var fname = $(gewaehlte[0]).text(); |
| | | fm_unzip_file(fname); |
| | | } |
| | | |
| | | /** |
| | | * Anname: Man ist in dem Ordner, der gepackt werden soll. |
| | | * Dann ist das Archiv anschliessend im Eltern-Ordner. |
| | | */ |
| | | function fm_menu_ordner_packen() { |
| | | //var gewaehlte = $('.datei-gewaehlt'); |
| | | //var fname = $(gewaehlte[0]).text(); |
| | | //console.log("Pfad: " + pfad + ", Datei: " + fname); |
| | | fm_pack_folder(); |
| | | } |
| | | |
| | | /* |
| | |
| | | cutCopyOperation = 'copy'; |
| | | } |
| | | |
| | | /* |
| | | * Hier wird fuer eine zuvor markierte Liste von Dateien, fuer die |
| | | * Cut oder Copy gewaehlt wurde, die Operations ausgefuehrt (move oder copy) |
| | | * @returns {undefined} |
| | | */ |
| | | function fm_paste_files() { |
| | | var m; |
| | | if(cutCopyOperation === 'cut') { |
| | | //m = '?c=de.uhilger.filecms.api.FileMgr&m=moveFiles'; //&p=' + cutCopySrcDir + '&p=' + pfad + '&p=' + encodeURIComponent(liste); |
| | | m = '?c=de.uhilger.filecms.api.FileMgr&m=moveFiles&p=' + cutCopySrcDir + '&p=' + pfad + '&p=' + encodeURIComponent(cutCopyFiles); |
| | | } else { |
| | | //m = '?c=de.uhilger.filecms.api.FileMgr&m=copyFiles'; //&p=' + cutCopySrcDir + '&p=' + pfad + '&p=' + encodeURIComponent(liste); |
| | | m = '?c=de.uhilger.filecms.api.FileMgr&m=copyFiles&p=' + cutCopySrcDir + '&p=' + pfad + '&p=' + encodeURIComponent(cutCopyFiles); |
| | | } |
| | | var u = '../svc' + m; |
| | | fm_get(u, "text", function(resp) { |
| | | // console.log('deleteFiles gab folgendes zurueck: ' + resp); |
| | | fm_get_list(pfad); |
| | | }); |
| | | /* |
| | | fm_post(u, {p1: encodeURIComponent(cutCopySrcDir), p2: encodeURIComponent(pfad), p3: encodeURIComponent(cutCopyFiles)},'text', function(resp) { |
| | | // resp evtl. zeigen.. |
| | | fm_get_list(pfad); |
| | | }); |
| | | */ |
| | | } |
| | | |
| | | function fm_del_files() { |
| | | var liste = fm_gewaehlte_dateien(); |
| | | var m = '?c=de.uhilger.filecms.api.FileMgr&m=deleteFiles&p=' + pfad + '&p=' + encodeURIComponent(liste); |
| | | var u = '../svc' + m; |
| | | fm_get(u, "text", function(resp) { |
| | | // console.log('deleteFiles gab folgendes zurueck: ' + resp); |
| | | fm_get_list(pfad); |
| | | }); |
| | | } |
| | | |
| | | function fm_render_list(fl) { |
| | | if(modus == 'kacheln') { |
| | |
| | | */ |
| | | } |
| | | |
| | | // 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) { |
| | | for(var i = 0; i < resp.List[0].FileRef.length; i++) { |
| | | files.push(new FileRef(resp.List[0].FileRef[i])); |
| | | } |
| | | } else { |
| | | files.push(new FileRef(resp.List[0].FileRef)); |
| | | } |
| | | var fl = new FileList(files); |
| | | fm_render_list(fl); |
| | | } else { |
| | | $('#dateien').empty(); |
| | | } |
| | | |
| | | // Breadcrumb-Ansicht |
| | | var template; |
| | | $('.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)); |
| | | } |
| | | |
| | | 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])); |
| | | } else { |
| | | template = $('#tpl-bcr2').html(); |
| | | Mustache.parse(template); // optional, speeds up future uses |
| | | $('#bcnav').append(Mustache.render(template, dirList[0])); |
| | | } |
| | | |
| | | $('#bcnav').append($('#tpl-bcr3').html()); |
| | | } else { |
| | | 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()); |
| | | } |
| | | $('.breadcrumb-item').click(fm_bc_click); |
| | | $('#ansicht').click(fm_ansicht_umschalten); |
| | | fm_set_modus(); |
| | | }); |
| | | } |
| | | |
| | | function fm_menu_datei_speichern() { |
| | | function fm_menu_datei_speichern(callback) { |
| | | //var fname = $('.datei-gewaehlt').text(); |
| | | var fname = openFileName; |
| | | if(fname !== undefined && fname !== '') { |
| | | fm_save_file(fname); |
| | | fm_save_file(fname, 'saveTextFile', callback); |
| | | } else { |
| | | fm_menu_datei_speichern_unter(); |
| | | fm_menu_datei_speichern_unter(callback); |
| | | } |
| | | } |
| | | |
| | | function fm_save_file(saveFileName) { |
| | | var content; |
| | | if(openEditor === 'text') { |
| | | content = cm.getValue(); |
| | | } else { |
| | | content = ed.getContent(); |
| | | } |
| | | var m = '?c=de.uhilger.filecms.api.FileMgr&m=saveTextFile'; |
| | | var u = '../svc' + m; |
| | | fm_post(u, {p1: pfad, p2: saveFileName, p3: content}, function(resp) { |
| | | openFileName = saveFileName; |
| | | }); |
| | | } |
| | | |
| | | function fm_menu_datei_speichern_unter() { |
| | | function fm_menu_datei_speichern_unter(callback) { |
| | | $('#modal_ok').click(function() { |
| | | $('#modal_ok').attr('onclick','').unbind('click'); |
| | | // hier speichern |
| | | fm_save_file($('#dateiname').val()); |
| | | fm_save_file($('#dateiname').val(), 'saveTextFileAs', callback); |
| | | }); |
| | | $('#saveModalTitle').text('Datei speichern'); |
| | | $('#dialogfrage').text("Dateiname?"); |
| | |
| | | }); |
| | | } |
| | | |
| | | function fm_logout() { |
| | | var m = '?c=de.uhilger.filecms.pub.SessionManager&m=expireSession'; |
| | | var u = '../pub' + m; |
| | | |
| | | fm_get(u, "text", function(resp) { |
| | | $('#userMenu').text('nicht angemeldet'); |
| | | window.location.href = '../logout.html'; |
| | | }); |
| | | } |
| | | |
| | | |
| | | /* ---- codemirror editor handling -------- */ |
| | | |
| | | /* |
| | | function htmlDecode(value){ |
| | | return $('<div/>').html(value).text(); |
| | | } |
| | | */ |
| | | |
| | | function fm_code_edit(content, m) { |
| | | cm = CodeMirror.fromTextArea(document.getElementById("editspace"), { |
| | | lineNumbers: true, |
| | | lineWrapping: true, |
| | | gutters: ["CodeMirror-linenumbers", "breakpoints"], |
| | | mode: m, |
| | | viewportMargin : Infinity, |
| | | tabSize: 2, |
| | | extraKeys: { |
| | | "F9": function(cm) { |
| | | cm.setOption("fullScreen", !cm.getOption("fullScreen")); |
| | | }, |
| | | "Esc": function(cm) { |
| | | if (cm.getOption("fullScreen")) cm.setOption("fullScreen", false); |
| | | }, |
| | | ".": function(cm) { |
| | | console.log('dot pressed: perhaps look up class or method name'); |
| | | /* |
| | | * Hier kann man eine Funktion ausloesen, die fuer das |
| | | * Wort vor dem Punkt (Name der Klasse) eine Liste mit |
| | | * Vorschlaegen fuer Methodennamen einblendet. |
| | | */ |
| | | |
| | | /* |
| | | * CodeMirror.Pass laesst das Zeichen zum Editorinhalt durch, |
| | | * verhindert aber das Ausloesen von 'keyHandled' |
| | | */ |
| | | return CodeMirror.Pass; |
| | | } |
| | | } |
| | | }); |
| | | cm.setValue(content); |
| | | //cm.setValue(htmlDecode(content)); |
| | | //cm.setValue(content); |
| | | cm.setValue(unescapeHtml(content)); |
| | | cm.getDoc().markClean(); |
| | | cm.on("gutterClick", function(theEditor, lineNumber) { |
| | | var info = theEditor.lineInfo(lineNumber); |
| | | //--lineNumber; |
| | | //console.log(info.gutterMarkers.breakpoints.message); |
| | | //var marker = info.gutterMarkers.breakpoints; |
| | | //$(marker).tooltip('toggle'); |
| | | }); |
| | | /* |
| | | cm.on("keyHandled", function(theEditor, keyName, event){ |
| | | console.log('cm.keyHandled keyName: ' + keyName + ', event.type: ' + event.type); |
| | | }); |
| | | */ |
| | | } |
| | | |
| | | |
| | | function makeMarker(msg) { |
| | | var marker = document.createElement("div"); |
| | | marker.style.color = "#822"; |
| | | marker.innerHTML = "●"; |
| | | //marker.message = msg; |
| | | $(marker).tooltip({ |
| | | placement: 'right', |
| | | title: msg, |
| | | offset: '0 -30' |
| | | }); |
| | | return marker; |
| | | } |
| | | |
| | | /* -------- helper functions ----------- */ |
| | | |
| | | function fm_get(u, dtype, scallback) { |
| | | $.ajax({ |
| | | url: u, |
| | | type: "GET", |
| | | dataType: dtype, |
| | | success: scallback, |
| | | error: function (xhr, status, errorThrown) { |
| | | alert("Error: " + errorThrown + " Status: " + status + " URL: " + u); |
| | | }, |
| | | complete: function (xhr, status) { |
| | | //console.log( "The request is complete!" ); |
| | | } |
| | | |
| | | }); |
| | | } |
| | | |
| | | function fm_post(u, d, dtype, scallback) { |
| | | $.ajax({ |
| | | url: u, |
| | | data: d, |
| | | type: "POST", |
| | | dataType: dtype, |
| | | success: scallback, |
| | | error: function (xhr, status, errorThrown) { |
| | | $('#fehler').html("Error: " + errorThrown + " Status: " + status); |
| | | }, |
| | | complete: function (xhr, status) { |
| | | //alert( "The request is complete!" ); |
| | | } |
| | | }); |
| | | } |
| | | |
| | | function fm_serialise(obj) { |
| | | return '{"' + obj.constructor.name + '":' + JSON.stringify(obj) + '}'; |
| | | } |
| | | |
| | | /* ----- Objekte ----- */ |
| | | |
| | | function FileList(fl) { |
| | | this.files = fl; |
| | | function escapeHtml(text) { |
| | | text = text.replace(/\u228/g,'ä'); |
| | | text = text.replace(/\u246/g,'ö'); |
| | | text = text.replace(/\u252/g,'ü'); |
| | | text = text.replace(/\u196/g,'Ä'); |
| | | text = text.replace(/\u214/g,'Ö'); |
| | | text = text.replace(/\u220/g,'Ü'); |
| | | text = text.replace(/\u223/g,'ß'); |
| | | text = text.replace(/\u26/g,'&'); |
| | | return text; |
| | | } |
| | | |
| | | function FileRef(obj) { |
| | | var self = this; |
| | | this.fr = obj; |
| | | |
| | | this.typeClass = function() { |
| | | if(modus == 'kacheln') { |
| | | if(self.fr.isDirectory) { |
| | | return 'fa-folder ordner'; |
| | | } else { |
| | | return 'fa-file datei'; |
| | | } |
| | | } else { |
| | | if(self.fr.isDirectory) { |
| | | return 'fa-folder ordner'; |
| | | } else { |
| | | return 'fa-file-o datei'; |
| | | } |
| | | } |
| | | }; |
| | | |
| | | this.fileName = function() { |
| | | var namen = self.fr.absolutePath.split('/'); |
| | | if(namen.length > 0) { |
| | | return namen[namen.length - 1]; |
| | | } else { |
| | | return self.fr.absolutePath; |
| | | } |
| | | }; |
| | | function unescapeHtml(text) { |
| | | text = text.replace(/ä/g, String.fromCharCode(228)); |
| | | text = text.replace(/ö/g, String.fromCharCode(246)); |
| | | text = text.replace(/ü/g, String.fromCharCode(252)); |
| | | text = text.replace(/Ä/g, String.fromCharCode(196)); |
| | | text = text.replace(/Ö/g, String.fromCharCode(214)); |
| | | text = text.replace(/Ü/g, String.fromCharCode(220)); |
| | | text = text.replace(/ß/g, String.fromCharCode(223)); |
| | | text = text.replace(/&/g, String.fromCharCode(26)); |
| | | return text; |
| | | } |
| | | |
| | | function BcrFiles(fl) { |
| | | this.files = fl; |
| | | } |
| | | |
| | | function BcrFile(rp, n) { |
| | | this.relPath = rp; |
| | | this.fName = n; |
| | | } |
| | | |