From 17919cf428a29f5382a62dc500de34d15cc87e94 Mon Sep 17 00:00:00 2001
From: ulrich <not disclosed>
Date: Fri, 24 Feb 2017 17:23:05 +0000
Subject: [PATCH] Mehrfachauswahl mit Strg hinzugefuegt

---
 web/ui/ui.js |   81 +++++++++++-----------------------------
 1 files changed, 22 insertions(+), 59 deletions(-)

diff --git a/web/ui/ui.js b/web/ui/ui.js
index 9b5147e..272c2d0 100644
--- a/web/ui/ui.js
+++ b/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,75 +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) {
-
-  // Dateitabelle ergaenzen
-  /*
-  var elem = document.getElementById('dateitabelle');
-  var tr = document.createElement('tr');
-  var td = document.createElement('td');
-  td.innerHTML = file.name;
-  tr.appendChild(td);
-  td = document.createElement('td');
-  td.innerHTML = 'wird hochgeladen..';
-  tr.appendChild(td);
-  elem.appendChild(tr);
-  */
-  
-  //doNotImplemented();
-  // 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) {  
-      //var td = document.getElementById('dateizeile' + datei.nr);
-      // Handle response.  
-      //td.innerHTML = 'hochladen beendet';
-      //alert(xhr.responseText + ' ' + index); // handle response.  
-      sendet = false;
-      //window.setTimeout(function() {
       fm_get_list(pfad);
-      naechsteDatei();
-      //}, 1000);                    
+      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 --------------- */
@@ -159,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();
@@ -171,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');

--
Gitblit v1.9.3