Nutzerverwaltung
view | history | commit | commitdiff
undisclosed
2020-05-14 045d4840c96bfddba207cdb5eb9aa64ffea12f29
commit | author | age
3d5fe0 1 function NutzerApp() {
002c44 2   var self = this;
U 3   var appMenu;
4   var vorlagen;
5   var api;
6   var userid;
7   var pfad = '';
8   var loc;
9   var modus = 'kacheln';
10
11   this.datei_neuer_text = function () {
12     self.meldung_mit_timeout("Neuer Text", 1500);
13   };
f9d0c4 14   
U 15   /* Nutzerverwaltung */
16   
17   this.nutzerliste_klick = function(event) {
18     var target = event.target;
19     var gewaehlterNutzer = document.querySelector(".nutzer-gewaehlt");
20     if(gewaehlterNutzer !== null) {
21       gewaehlterNutzer.classList.remove("nutzer-gewaehlt");
22     }
23     target.classList.add("nutzer-gewaehlt");
c995b7 24     var nutzerId = target.innerHTML;
U 25     self.rollen_dialog_zeigen(nutzerId);
f9d0c4 26   };
d1b8b2 27   
U 28   this.nutzer_speichern = function() {
29     var user = self.nutzer_dialog_lesen();
30     var kww = document.getElementById('nutzer-wkw').value;
31     if(user.pw !== kww) {
32       self.meldung_mit_timeout("Kennworte stimmen nicht ueberein.", 1500);
33     } else {
34       self.neuen_nutzer_speichern('p=' + self.serialisieren(user));
35     }
36   };
37   
38   this.nutzer_dialog_lesen = function() {
39     var id = document.getElementById('nutzer-id').value;
40     var vname = document.getElementById('nutzer-vorname').value;
41     var nname = document.getElementById('nutzer-name').value;
42     var email = document.getElementById('nutzer-email').value;
43     var kw = document.getElementById('nutzer-kw').value;
44     var user = new User(id, kw, vname, nname, email);
45     return user;
46   };
002c44 47
U 48   /* Funktionen aus App-Vorlage */
49
50   this.init = function () {
51     self.vorlagen = new Vorlagen();
045d48 52     /*
002c44 53     self.appMenu = new AppMenu();
U 54     self.appMenu.init(
55             "data/menu/",
56             "hauptmenue.json",
57             "data/tpl/app-menu.tpl",
58             ".west",
59             "8em");
60     document.querySelector('.hamburger').addEventListener('click', function (e) {
61       self.menue_umschalten();
62     });
045d48 63     */
e86f3c 64     var dlg = document.querySelector(".dialog");
U 65     dlg.style.flexBasis = '0em';
045d48 66     document.querySelector('#nutzer-neu-btn').addEventListener('click', self.nutzer_neu_dialog_zeigen);
e86f3c 67     self.seitenleiste_umschalten();
045d48 68     self.west_umschalten();
U 69     self.west_umschalten();
d1b8b2 70     self.get_login();
U 71     self.get_user_list();
002c44 72     self.loc = window.location.protocol + '//' + window.location.host;
U 73   };
74
75   this.login_zeigen = function() {
76     self.meldung_mit_timeout("Benutzer: " + self.userid, 1500);
77   };
78   
79   this.menue_umschalten = function () {
80     var ham = document.querySelector(".hamburger");
81     ham.classList.toggle("is-active"); // hamburger-icon umschalten
82     self.appMenu.toggle(); // menue oeffnen/schliessen
83   };
84
c995b7 85   this.rollen_dialog_zeigen = function(nutzerId) {
U 86     var m = 'getUserRoleNames';
87     var u = '../svc/' + m + '?p=' + nutzerId;
88     self.http_get(u, function (antwort) {
89       self.vorlagen.html_erzeugen(
90         'data/tpl/nutzer-rollen-dlg.tpl',
91         JSON.parse(antwort),
92         function (html) {
93           document.querySelector("#nutzer").innerHTML = html;
ab2b54 94           document.querySelector("#nutzer-id").textContent = nutzerId;          
U 95           self.addEvtListener('.granted-role-btn', 'click', self.revoke_role_klick);
c995b7 96           var m = 'getRoleNamesGranted';
U 97           var u = '../svc/' + m;
98           self.http_get(u, function (antwort2) {
99             self.vorlagen.html_erzeugen(
100               'data/tpl/alle-rollen.tpl',
101               JSON.parse(antwort2),
102               function (html) {
103                 document.querySelector(".alle-rollen-behaelter").innerHTML = html;
ab2b54 104                 document.querySelector('.zurueck-btn').addEventListener('click', function (e) {
U 105                   self.get_user_list();
106                 });
107                 self.addEvtListener('.avl-role-btn', 'click', self.grant_role_klick);
c995b7 108               });
U 109           });
110         });
045d48 111     });
U 112     document.querySelector('.zurueck-btn').style.color = 'black';
ab2b54 113   };
U 114   
115   this.grant_role_klick = function(event) {
116     self.alter_role(event, 'grantRole', function(roleId) {
117       var btn = document.createElement("button");
118       btn.type = "button";
119       btn.classList.add("granted-role-btn");
120       btn.id = roleId;
121       btn.textContent = roleId;
122       document.querySelector('.rollen-behaelter').appendChild(btn);
123     });
124   };
125   
126   this.revoke_role_klick = function(event) {
127     self.alter_role(event, 'revokeRole', function(roleId) {
128       var btn = document.querySelector("#" + roleId);
129       btn.parentNode.removeChild(btn);
130     });
131   };
132   
133   this.alter_role = function(event, method, updateCallback) {
134     var target = event.target;
135     var nutzerId = document.querySelector("#nutzer-id").textContent;
136     var roleId = target.textContent;
137     var u = '../svc/' + method;
138     var data = "p=" + self.serialisieren(new UserRole(nutzerId, roleId));
139     self.http_post(u, data, function (antwort) {  
140       updateCallback(roleId);
141     });        
c995b7 142   };
U 143   
002c44 144   this.info_dialog_zeigen = function () {
14cc29 145     self.dialog_zeigen('data/tpl/dlg-info.tpl', '');
045d48 146     //self.menue_umschalten();
3d5fe0 147   };
U 148
149   this.nutzer_neu_dialog_zeigen = function () {
14cc29 150     self.dialog_zeigen('data/tpl/dlg-nutzer-neu.tpl', '', function(){
U 151       var btn = document.getElementById('nutzer-speichern-btn');
152       if(btn !== null) {
153         btn.addEventListener('click', self.nutzer_speichern);                         
154       }                      
155     });
045d48 156     //self.menue_umschalten();
002c44 157   };
U 158
159   this.seitenleiste_umschalten = function () {
160     var ostDiv = document.querySelector('.ost');
161     if (ostDiv.classList.contains('ost-open')) {
162       ostDiv.classList.remove('ost-open');
163       ostDiv.style.flexBasis = '0em';
164     } else {
165       ostDiv.classList.add('ost-open');
166       ostDiv.style.flexBasis = '6em';
167     }
c995b7 168     //self.menue_umschalten();
002c44 169   };
U 170
045d48 171   this.west_umschalten = function() {
U 172     var westDiv = document.querySelector('.west');
173     if (westDiv.classList.contains('west-open')) {
174       westDiv.classList.remove('west-open');
175       westDiv.style.flexBasis = '0em';
176     } else {
177       westDiv.classList.add('west-open');
178       westDiv.style.flexBasis = '6em';
179     }
180     //self.menue_umschalten();
181   };    
182   
002c44 183   this.fusszeile_umschalten = function () {
U 184     var suedDiv = document.querySelector('.sued');
185     if (suedDiv.classList.contains('sued-open')) {
186       suedDiv.classList.remove('sued-open');
187       suedDiv.style.height = '0';
188     } else {
189       suedDiv.classList.add('sued-open');
190       suedDiv.style.height = '1.5em';
191     }
045d48 192     //self.menue_umschalten();
002c44 193   };
U 194
195   this.meldung_mit_timeout = function (meldung, timeout) {
196     var s = document.querySelector('.sued');
197     s.textContent = meldung;
d1b8b2 198     if (!s.classList.contains('sued-open')) {
U 199       s.classList.add('sued-open');
200       s.style.height = '1.5em';
201     }
002c44 202     setTimeout(function () {
U 203       s.textContent = 'Bereit.';
204       setTimeout(function () {
205         var suedDiv = document.querySelector('.sued');
206         if (suedDiv.classList.contains('sued-open')) {
207           suedDiv.classList.remove('sued-open');
208           suedDiv.style.height = '0';
209         }
210       }, 500);
211     }, timeout);
212   };
213
214   /* Dialog-Funktionen */
215
216   /*
14cc29 217    * Einen Dialog erzeugen
U 218    * 
219    * Die Vorlage, auf die im Parameter vurl verwiesen wird, wird geladen, 
220    * wenn sie noch nicht benutzt wurde
221    * 
222    * @param {String} vurl - der URL mit der Dialogvorlage
223    * @param {JSON-Objekt} inhalt - was im Dialog an dynamischem Inhalt angezeigt werden soll
224    * @param {function} renderCallback - 
225    *     Funktion, die aufgerufen wird nachdem der Dialog gerendert wurde 
226    * @returns {undefined}
002c44 227    */
14cc29 228   this.dialog_zeigen = function (vurl, inhalt, renderCallback) {
002c44 229     var dlg = document.querySelector(".dialog");
U 230     self.vorlagen.html_erzeugen(
231             vurl,
232             inhalt,
233             function (html) {
3d5fe0 234               dlg.style.flexBasis = '14em';
e86f3c 235               setTimeout(function () {
U 236                 dlg.innerHTML = html;
14cc29 237                 document.querySelector('.close-btn').addEventListener(
U 238                         'click', self.dialog_schliessen);
239                 if(renderCallback !== undefined) {
240                   renderCallback();
241                 }
e86f3c 242               }, 300);
002c44 243             });
U 244   };
245
246   this.dialog_schliessen = function () {
14cc29 247     document.querySelector('.close-btn').removeEventListener(
U 248             'click', self.dialog_schliessen);
002c44 249     var dlg = document.querySelector('.dialog');
U 250     dlg.innerHTML = '';
e86f3c 251     dlg.style.flexBasis = '0em';
002c44 252   };
U 253
254   /* API functions */
255   
d1b8b2 256   this.get_user_list = function() {
b73bb6 257     //var m = 'getUserNameList';
002c44 258     var m = 'getUserNameList';
U 259     var u = '../svc/' + m;
d1b8b2 260     self.http_get(u, function (antwort) {
045d48 261       self.vorlagen.html_erzeugen(
U 262         'data/tpl/inhalt.tpl',
263         JSON.parse(antwort),
264         function (h) {
265           var elem = document.getElementById('nutzer');
266           elem.innerHTML = h;
267           self.addEvtListener('p.nutzer-liste-eintrag', 'click', self.nutzerliste_klick);
268           document.querySelector('.zurueck-btn').style.color = '#eee';
269         });
b73bb6 270       });
U 271   };
d1b8b2 272   
U 273   this.neuen_nutzer_speichern = function(u) {
274     var url = '../svc/createUser';
275     self.http_post(url, u, function (antwort) {
276       self.get_user_list();
14cc29 277       document.getElementById('nutzer-speichern-btn').removeEventListener(
U 278         'click', self.nutzer_speichern);
d1b8b2 279       self.dialog_schliessen();
U 280     });
281   };
002c44 282
U 283   /* -------- An- und Abmelden ------------- */
284
d1b8b2 285   this.get_login = function() {
002c44 286     var m = '?c=de.uhilger.um.pub.SessionManager&m=getSessionUser';
U 287     var u = '../pub' + m;
d1b8b2 288     self.http_get(u, function (resp) {
002c44 289       self.userid = resp;
U 290       self.login_zeigen();
291       //document.querySelector("#userMenu").textContent = resp;
292     });
293   };
294
295   this.um_logout = function() {
296     var m = '?c=de.uhilger.um.pub.SessionManager&m=expireSession';
297     var u = '../pub' + m;
d1b8b2 298     self.http_get(u, function (resp) {
002c44 299       //$('#userMenu').text('nicht angemeldet');
U 300       window.location.href = '../logout.html';
301     });
302   };
303
304   /* -------- ajax helper functions ----------- */
305
d1b8b2 306   this.http_get = function (u, scallback) {    
002c44 307     var xmlhttp = new XMLHttpRequest();
U 308     var url = u;
309     xmlhttp.onreadystatechange = function() {
d1b8b2 310       if (this.readyState === 4 && this.status === 200) {
002c44 311         scallback(this.responseText);
U 312       }
313     };
314     xmlhttp.open("GET", url, true);
315     xmlhttp.send();
316   };
3d5fe0 317   
d1b8b2 318   this.http_post = function (url, data, callback) {
U 319     var xhr = new XMLHttpRequest();
320     xhr.onreadystatechange = function() {
321       if (this.readyState === 4 && this.status === 200) {
322         callback(this.responseText);
323       }
324     };
325     xhr.open("POST", url, true);
326     xhr.setRequestHeader('Content-type', 'application/x-www-form-urlencoded');
327     xhr.send(data);
328   };
329   
3d5fe0 330 /* ----- Hilfsfunktionen ----- */
U 331
332   this.serialisieren = function(obj) {
333     return '{"' + obj.constructor.name + '":' + JSON.stringify(obj) + '}';
334   };
ab2b54 335   
U 336   this.addEvtListener = function(selector, eventName, func) {
337     var elems = document.querySelectorAll(selector);
338     var index;
339     for (index = 0; index < elems.length; index++) {
340       elems[index].addEventListener(eventName, func);
341     }
342   };
002c44 343
U 344 }
3d5fe0 345
U 346
347 /* ----- Objekte ----- */
348
349 function User(i, p, fn, ln, em) {
350   this.id = i;
351   this.pw = p;
352   this.firstName = fn;
353   this.lastName = ln;
354   this.email = em;
355 }
356
ab2b54 357 function UserRole(u, r) {
U 358   this.userId = u;
359   this.role = r;
360 }