Dateiverwaltung für die WebBox
ulrich
2017-02-23 af343d346e4e22ebffb3f515b90ed117b6016923
web/ui/ui.js
@@ -6,18 +6,101 @@
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 idNr;
var dateien = new Array();
var sendet = false;
function fm_init_uploader() {
  var dropzone = document.getElementById("dateien");
  dropzone.ondragover = dropzone.ondragenter = function(event) {
    event.stopPropagation();
    event.preventDefault();
  };
  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();
  };
}
/*
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 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();
    }
  };
  fd.append('dateiauswahlfeld', datei.file);
  // Initiate a multipart/form-data upload
  xhr.send(fd);
}
function Datei (n, d) {
  this.nr = n;
  this.file = d;
}
/* ----- 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() {
@@ -407,4 +490,5 @@
function BcrFile(rp, n) {
  this.relPath = rp;
  this.fName = n;
}
}