Dateiverwaltung für die WebBox
ulrich
2017-02-25 723bf71779b1a272e85fc477207ae31648837981
web/ui/ui.js
@@ -1,3 +1,21 @@
/*
    Dateiverwaltung - File management in your browser
    Copyright (C) 2017 Ulrich Hilger, http://uhilger.de
    This program is free software: you can redistribute it and/or modify
    it under the terms of the GNU Affero General Public License as
    published by the Free Software Foundation, either version 3 of the
    License, or (at your option) any later version.
    This program is distributed in the hope that it will be useful,
    but WITHOUT ANY WARRANTY; without even the implied warranty of
    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
    GNU Affero General Public License for more details.
    You should have received a copy of the GNU Affero General Public License
    along with this program.  If not, see <http://www.gnu.org/licenses/>.
*/
var cm;
var pfad = '';
var modus = 'kacheln';
@@ -6,18 +24,74 @@
function fm_init() {
  $('.codeeditor-space').hide();
  $('.code-editor-container').hide();
  //$('.ost').attr('flex-basis', 0);
  $('#newTextFile').on('click', fm_menu_neue_textdatei);
  $('#newFolder').on('click', fm_get_new_folder);
  $('#editTextFile').on('click', fm_get_file_content);
  $('#saveFile').on('click', fm_menu_datei_speichern);
  $('#saveFileAs').on('click', fm_menu_datei_speichern_unter);
  $('#closeFile').on('click', fm_menu_datei_schliessen);
  $('#m-test').on('click', fm_menu_test);
  $('#saveModal').on('hidden.bs.modal', function (e) {
    $('#modal_ok').attr('onclick','').unbind('click');
  });
  $('#logout').click(fm_logout);  
  fm_get_login();
  fm_get_list('');
  fm_init_uploader();
}
/* ----- Uploader Anfang ----------*/
var dateien = new Array();
function fm_init_uploader() {
  var dropzone = document.getElementById("dateien");
  dropzone.ondragover = dropzone.ondragenter = function(event) {
    event.stopPropagation();
    event.preventDefault();
  };
  dropzone.ondrop = function(event) {
    event.stopPropagation();
    event.preventDefault();
    var fileList = event.dataTransfer.files;
    for (var i=0; i<fileList.length; i++) {
      dateien.push(fileList[i]);
    }
    sendFile(dateien.pop());
  };
}
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);
  xhr.send(fd);
}
/* ----- Uploader Ende --------------- */
function fm_menu_test() {
  var w = $('.ost').width();
  console.log('.ost.width: ' + w);
  if(w == 0) {
    $('.ost').width('20%');
    $('.ost').text('Hallo Welt!');
  } else {
    $('.ost').empty();
    $('.ost').width(0);
  }
}
function fm_ansicht_umschalten() {
@@ -57,8 +131,9 @@
  fm_get_list(pfad);
}
function fm_dateiwahl() {
function fm_dateiwahl(ev) {
  var elem = this;
  //console.log('dateiwahl nach click, event shift: ' + ev.shiftKey + ", event ctrl: " + ev.ctrlKey);
  if(modus == 'kacheln') {
    if($(elem).children(0).hasClass('fa-folder')) {
      var ordner = $(elem).text().trim();
@@ -69,14 +144,22 @@
      }
      fm_get_list(pfad);
    } else if($(elem).children(0).hasClass('fa-file')) {
      $('.datei-gewaehlt').removeClass('datei-gewaehlt');
      if(/*ev.shiftKey || */ ev.ctrlKey) {
        // mehrere Dateien sollen gewaehlt werden
      } else {
        $('.datei-gewaehlt').removeClass('datei-gewaehlt');
      }
      $(elem).children(0).addClass('datei-gewaehlt');
    } else {
      //console.log('kein folder oder file...');
    }
  } else {
    if($(elem).find('.datei-elem').children(0).hasClass('fa-file-o')) {
      $('.table-info').removeClass('table-info');
      if(/*ev.shiftKey || */ ev.ctrlKey) {
        // mehrere Dateien sollen gewaehlt werden
      } else {
        $('.table-info').removeClass('table-info');
      }
      $(elem).addClass('table-info');
      $('.datei-gewaehlt').removeClass('datei-gewaehlt');
      $(elem).find('.dateiname').addClass('datei-gewaehlt');
@@ -407,4 +490,5 @@
function BcrFile(rp, n) {
  this.relPath = rp;
  this.fName = n;
}
}