From a9a9afb92a39cb9df1029e86877b9eff8f57d3d5 Mon Sep 17 00:00:00 2001
From: ulrich
Date: Sun, 17 May 2020 13:12:59 +0000
Subject: [PATCH] Stile verfeinert

---
 web/ui2/js/app.js |   67 ++++++++++++++++++++-------------
 1 files changed, 40 insertions(+), 27 deletions(-)

diff --git a/web/ui2/js/app.js b/web/ui2/js/app.js
index 7dde16e..d6a208d 100644
--- a/web/ui2/js/app.js
+++ b/web/ui2/js/app.js
@@ -83,10 +83,28 @@
           document.querySelector("#nutzer").innerHTML = html;
           document.querySelector("#nutzer-id").textContent = nutzerId;          
           self.addEvtListener('.granted-role-btn', 'click', self.revoke_role_klick);
+          document.querySelector("#del-user-btn").addEventListener(
+                  'click', self.nutzer_loeschen_bestaetigen);
           self.alle_rollen_zeigen();
         });
     });
     document.querySelector('.zurueck-btn').style.color = 'black';
+  };
+  
+  this.nutzer_loeschen_bestaetigen = function() {
+    var nutzerId = document.querySelector("#nutzer-id").textContent;
+    self.dialog_zeigen(
+      'data/tpl/dlg-del-conf.tpl',
+      JSON.parse('{"nutzername": "' + nutzerId + '"}'), 
+      function(){
+        var btn = document.getElementById('nutzer-loeschen-btn');
+        if(btn !== null) {
+          btn.addEventListener('click', function() {
+            var user = new User(nutzerId, '', '', '');
+            self.nutzer_loeschen(user);
+          });                         
+        }                      
+      });
   };
   
   this.alle_rollen_zeigen = function() {
@@ -246,7 +264,6 @@
   /* API functions */
   
   this.get_user_list = function() {
-    //var m = 'getUserNameList';
     var m = 'getUserNameList';
     var u = '../svc/' + m;
     self.http_get(u, function (antwort) {
@@ -258,6 +275,10 @@
           elem.innerHTML = h;
           self.addEvtListener('p.nutzer-liste-eintrag', 'click', self.nutzerliste_klick);
           document.querySelector('.zurueck-btn').style.color = '#eee';
+          self.removeAllListeners('top-neu-btn'); 
+          var topBtn = document.querySelector('#top-neu-btn');
+          topBtn.title = "Neuer Benutzer";
+          topBtn.addEventListener('click', self.nutzer_neu_dialog_zeigen);
         });
       });
   };
@@ -272,6 +293,17 @@
     });
   };
 
+  this.nutzer_loeschen = function(u) {
+    var url = '../svc/deleteUser';
+    var data = "p=" + self.serialisieren(u);
+    self.http_post(url, data, function (antwort) {
+      self.get_user_list();
+      document.getElementById('nutzer-loeschen-btn').removeEventListener(
+        'click', self.nutzer_loeschen);
+      self.dialog_schliessen();
+    });
+  };
+  
   this.alter_role_call = function(method, nutzerId, roleId, updateCallback) {
     var u = '../svc/' + method;
     var data = "p=" + self.serialisieren(new UserRole(nutzerId, roleId));
@@ -340,6 +372,12 @@
       elems[index].addEventListener(eventName, func);
     }
   };
+  
+  this.removeAllListeners = function(elementId) {
+    var el = document.getElementById(elementId);
+    elClone = el.cloneNode(true);
+    el.parentNode.replaceChild(elClone, el);
+  };
 
 }
 
@@ -347,24 +385,8 @@
 
 function Vorlagen() {
   var self = this;
-  this.cache = {}; // mustache templates
+  this.cache = {}; // mustache template cache
 
-  /*
-    Das HTML erzeugen, das entsteht, wenn eine Vorlage mit Inhalt
-    gefüllt wird
-
-    Das Füllen erfolgt asynchron, d.h. der Programmlauf geht nach dem
-    Aufruf weiter ohne auf das Laden und Füllen der Vorlage zu warten.
-    Das fertige HTML wird der Callback-Funktion übergeben
-    sobald die Vorlage geladen und gefüllt ist, unabhängig davon, wo der
-    Programmlauf zu diesem Zeitpunkt mittlerweile ist.
-
-    vurl - URL zur Vorlagendatei
-    inhalt - die JSON-Struktur, deren Inhalt in die
-              Vorlage gefüllt werden soll
-    cb - Callback-Funktion, die gerufen wird, wenn die Vorlage gefüllt ist.
-          Dieser Callback-Funktion wird das fertige HTML übergeben
-  */
   this.html_erzeugen = function(vurl, inhalt, cb) {
     var vorlage = self.cache[vurl];
     if(vorlage === undefined) {
@@ -378,14 +400,6 @@
     cb(Mustache.render(self.cache[vurl], inhalt));
   };
 
-  /*
-    Eine Vorlage vom Server in den lokalen Speicher laden
-    vurl - der URL unter dem die Vorlage zu finden ist
-    inhalt - die JSON-Struktur, deren Inhalt in die
-              Vorlage gefüllt werden soll
-    cb - callback: Diese Funktion wird gerufen, wenn die Vorlage mit dem
-            Inhalt gefüllt ist
-  */
   this.vorlage_laden_und_fuellen = function(vurl, inhalt, cb) {
     var xmlhttp = new XMLHttpRequest();
     xmlhttp.onreadystatechange = function() {
@@ -397,7 +411,6 @@
     xmlhttp.open("GET", vurl, true);
     xmlhttp.send();
   };
-
 }
 
 

--
Gitblit v1.9.3