From d1b8b275ab33a0d38f2ac0ede6ae9fa4a6f798f8 Mon Sep 17 00:00:00 2001
From: undisclosed
Date: Mon, 11 May 2020 16:04:49 +0000
Subject: [PATCH] Neuen Nutzer speichern

---
 web/ui2/js/app.js |  132 ++++++++++++++++++++++++++++++++++++--------
 1 files changed, 108 insertions(+), 24 deletions(-)

diff --git a/web/ui2/js/app.js b/web/ui2/js/app.js
index 77ebd3c..38e6909 100644
--- a/web/ui2/js/app.js
+++ b/web/ui2/js/app.js
@@ -1,4 +1,4 @@
-function AppVorlage() {
+function NutzerApp() {
   var self = this;
   var appMenu;
   var vorlagen;
@@ -7,15 +7,40 @@
   var pfad = '';
   var loc;
   var modus = 'kacheln';
-  var PERS_DIR = "Persoenlich";
-  var PUB_DIR = "Oeffentlich";
-  var DAV_DIR = "Austausch";
-  var BASE_DIR = "$basis";
-  var DATA_DIR = "$daten";
-  var WWW_DIR = "www";
 
   this.datei_neuer_text = function () {
     self.meldung_mit_timeout("Neuer Text", 1500);
+  };
+  
+  /* Nutzerverwaltung */
+  
+  this.nutzerliste_klick = function(event) {
+    var target = event.target;
+    var gewaehlterNutzer = document.querySelector(".nutzer-gewaehlt");
+    if(gewaehlterNutzer !== null) {
+      gewaehlterNutzer.classList.remove("nutzer-gewaehlt");
+    }
+    target.classList.add("nutzer-gewaehlt");
+  };
+  
+  this.nutzer_speichern = function() {
+    var user = self.nutzer_dialog_lesen();
+    var kww = document.getElementById('nutzer-wkw').value;
+    if(user.pw !== kww) {
+      self.meldung_mit_timeout("Kennworte stimmen nicht ueberein.", 1500);
+    } else {
+      self.neuen_nutzer_speichern('p=' + self.serialisieren(user));
+    }
+  };
+  
+  this.nutzer_dialog_lesen = function() {
+    var id = document.getElementById('nutzer-id').value;
+    var vname = document.getElementById('nutzer-vorname').value;
+    var nname = document.getElementById('nutzer-name').value;
+    var email = document.getElementById('nutzer-email').value;
+    var kw = document.getElementById('nutzer-kw').value;
+    var user = new User(id, kw, vname, nname, email);
+    return user;
   };
 
   /* Funktionen aus App-Vorlage */
@@ -32,8 +57,11 @@
     document.querySelector('.hamburger').addEventListener('click', function (e) {
       self.menue_umschalten();
     });
-    self.um_get_login();
-    self.um_get_user_list();
+    var dlg = document.querySelector(".dialog");
+    dlg.style.flexBasis = '0em';
+    self.seitenleiste_umschalten();
+    self.get_login();
+    self.get_user_list();
     self.loc = window.location.protocol + '//' + window.location.host;
   };
 
@@ -49,6 +77,11 @@
 
   this.info_dialog_zeigen = function () {
     self.dialog_laden_und_zeigen('data/tpl/dlg-info.tpl', '');
+    self.menue_umschalten();
+  };
+
+  this.nutzer_neu_dialog_zeigen = function () {
+    self.dialog_laden_und_zeigen('data/tpl/dlg-nutzer-neu.tpl', '');
     self.menue_umschalten();
   };
 
@@ -79,6 +112,10 @@
   this.meldung_mit_timeout = function (meldung, timeout) {
     var s = document.querySelector('.sued');
     s.textContent = meldung;
+    if (!s.classList.contains('sued-open')) {
+      s.classList.add('sued-open');
+      s.style.height = '1.5em';
+    }
     setTimeout(function () {
       s.textContent = 'Bereit.';
       setTimeout(function () {
@@ -119,46 +156,63 @@
             vurl,
             inhalt,
             function (html) {
-              //dlg.html(html);
-              dlg.style.height = '5em';
-              dlg.innerHTML = html;
-              document.querySelector('.close-btn').addEventListener('click', self.dialog_schliessen);
-              //dlg.slideDown(300);
+              dlg.style.flexBasis = '14em';
+              setTimeout(function () {
+                dlg.innerHTML = html;
+                document.querySelector('.close-btn').addEventListener('click', self.dialog_schliessen);
+                var btn = document.getElementById('nutzer-speichern-btn');
+                if(btn !== null) {
+                  btn.addEventListener('click', self.nutzer_speichern);                         
+                }                
+              }, 300);
             });
   };
 
   this.dialog_schliessen = function () {
     document.querySelector('.close-btn').removeEventListener('click', self.dialog_schliessen);
-    //$('.dialog').slideUp(300);
     var dlg = document.querySelector('.dialog');
-    //dlg.style.display = "none";
-    dlg.style.height = '0';
     dlg.innerHTML = '';
+    dlg.style.flexBasis = '0em';
   };
 
   /* API functions */
   
-  this.um_get_user_list = function() {
+  this.get_user_list = function() {
     //var m = 'getUserNameList';
     var m = 'getUserNameList';
     var u = '../svc/' + m;
-    self.fm_get(u, "json", function (antwort) {
+    self.http_get(u, function (antwort) {
     self.vorlagen.html_erzeugen(
       'data/tpl/inhalt.tpl',
       JSON.parse(antwort),
       function (h) {
         var elem = document.getElementById('nutzer');
         elem.innerHTML = h;
+        
+        var absaetze = document.querySelectorAll('p.nutzer-liste-eintrag');
+        var index;
+        for (index = 0; index < absaetze.length; index++) {
+          absaetze[index].addEventListener("click", self.nutzerliste_klick);
+        }
+        
       });
+    });
+  };
+  
+  this.neuen_nutzer_speichern = function(u) {
+    var url = '../svc/createUser';
+    self.http_post(url, u, function (antwort) {
+      self.get_user_list();
+      self.dialog_schliessen();
     });
   };
 
   /* -------- An- und Abmelden ------------- */
 
-  this.um_get_login = function() {
+  this.get_login = function() {
     var m = '?c=de.uhilger.um.pub.SessionManager&m=getSessionUser';
     var u = '../pub' + m;
-    self.fm_get(u, "text", function (resp) {
+    self.http_get(u, function (resp) {
       self.userid = resp;
       self.login_zeigen();
       //document.querySelector("#userMenu").textContent = resp;
@@ -168,7 +222,7 @@
   this.um_logout = function() {
     var m = '?c=de.uhilger.um.pub.SessionManager&m=expireSession';
     var u = '../pub' + m;
-    self.fm_get(u, "text", function (resp) {
+    self.http_get(u, function (resp) {
       //$('#userMenu').text('nicht angemeldet');
       window.location.href = '../logout.html';
     });
@@ -176,16 +230,46 @@
 
   /* -------- ajax helper functions ----------- */
 
-  this.fm_get = function (u, dtype, scallback) {    
+  this.http_get = function (u, scallback) {    
     var xmlhttp = new XMLHttpRequest();
     var url = u;
     xmlhttp.onreadystatechange = function() {
-      if (this.readyState == 4 && this.status == 200) {
+      if (this.readyState === 4 && this.status === 200) {
         scallback(this.responseText);
       }
     };
     xmlhttp.open("GET", url, true);
     xmlhttp.send();
   };
+  
+  this.http_post = function (url, data, callback) {
+    var xhr = new XMLHttpRequest();
+    xhr.onreadystatechange = function() {
+      if (this.readyState === 4 && this.status === 200) {
+        callback(this.responseText);
+      }
+    };
+    xhr.open("POST", url, true);
+    xhr.setRequestHeader('Content-type', 'application/x-www-form-urlencoded');
+    xhr.send(data);
+  };
+  
+/* ----- Hilfsfunktionen ----- */
+
+  this.serialisieren = function(obj) {
+    return '{"' + obj.constructor.name + '":' + JSON.stringify(obj) + '}';
+  };
 
 }
+
+
+/* ----- Objekte ----- */
+
+function User(i, p, fn, ln, em) {
+  this.id = i;
+  this.pw = p;
+  this.firstName = fn;
+  this.lastName = ln;
+  this.email = em;
+}
+

--
Gitblit v1.9.3