Dateiverwaltung für die WebBox
ulrich
2017-02-24 17919cf428a29f5382a62dc500de34d15cc87e94
web/ui/ui.js
@@ -20,7 +20,49 @@
  $('#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();
@@ -71,8 +113,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();
@@ -83,14 +126,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');
@@ -421,4 +472,5 @@
function BcrFile(rp, n) {
  this.relPath = rp;
  this.fName = n;
}
}