Dateiverwaltung für die WebBox
ulrich
2017-02-24 17919cf428a29f5382a62dc500de34d15cc87e94
web/ui/ui.js
@@ -25,9 +25,7 @@
/* ----- Uploader Anfang ----------*/
var idNr;
var dateien = new Array();
var sendet = false;
function fm_init_uploader() {
  var dropzone = document.getElementById("dateien");  
@@ -37,56 +35,31 @@
  };
  dropzone.ondrop = function(event) {  
    //console.log('drop ' + event.dataTransfer.files[0]);
    event.stopPropagation();  
    event.preventDefault();  
    var filesArray = event.dataTransfer.files;
    for (var i=0; i<filesArray.length; i++) {
      //sendFile(filesArray[i]);
      var datei = new Datei(++idNr, filesArray[i]);
      dateien.push(datei);
      //dateiListen(datei);
    }
    naechsteDatei();
    var fileList = event.dataTransfer.files;
    for (var i=0; i<fileList.length; i++) {
      dateien.push(fileList[i]);
    }
    sendFile(dateien.pop());
  };
}
/*
function dateiListen(d) {
  $('.ost').append(d.file.name);
}
*/
function naechsteDatei() {
  if(!sendet && dateien.length > 0) {
    sendFile(dateien.pop());
  }
}
function sendFile(datei) {
  // Datei senden
  var uri = "../api/upload"; // "../api/UploadFile"; //"/index.php";
  var uri = "../api/upload";
  var xhr = new XMLHttpRequest();  
  var fd = new FormData();  
  sendet = true;
  xhr.open("POST", uri, true);  
  xhr.onreadystatechange = function() {  
    if (xhr.readyState == 4 && xhr.status == 200) {  
      sendet = false;
      fm_get_list(pfad);
      naechsteDatei();
      if(dateien.length > 0) {
        sendFile(dateien.pop());
      }
    }  
  };  
  fd.append('dateiauswahlfeld', datei.file);
  // Initiate a multipart/form-data upload
  fd.append('dateiauswahlfeld', datei);
  xhr.send(fd);          
}
function Datei (n, d) {
  this.nr = n;
  this.file = d;
}
/* ----- Uploader Ende --------------- */
@@ -140,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();
@@ -152,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');