Nutzerverwaltung
view | history | commit | commitdiff
ulrich@undisclosed
2020-05-12 14cc29f3e69c002c11b674e018a1106a632f5a81
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");
24   };
d1b8b2 25   
U 26   this.nutzer_speichern = function() {
27     var user = self.nutzer_dialog_lesen();
28     var kww = document.getElementById('nutzer-wkw').value;
29     if(user.pw !== kww) {
30       self.meldung_mit_timeout("Kennworte stimmen nicht ueberein.", 1500);
31     } else {
32       self.neuen_nutzer_speichern('p=' + self.serialisieren(user));
33     }
34   };
35   
36   this.nutzer_dialog_lesen = function() {
37     var id = document.getElementById('nutzer-id').value;
38     var vname = document.getElementById('nutzer-vorname').value;
39     var nname = document.getElementById('nutzer-name').value;
40     var email = document.getElementById('nutzer-email').value;
41     var kw = document.getElementById('nutzer-kw').value;
42     var user = new User(id, kw, vname, nname, email);
43     return user;
44   };
002c44 45
U 46   /* Funktionen aus App-Vorlage */
47
48   this.init = function () {
49     self.vorlagen = new Vorlagen();
50     self.appMenu = new AppMenu();
51     self.appMenu.init(
52             "data/menu/",
53             "hauptmenue.json",
54             "data/tpl/app-menu.tpl",
55             ".west",
56             "8em");
57     document.querySelector('.hamburger').addEventListener('click', function (e) {
58       self.menue_umschalten();
59     });
e86f3c 60     var dlg = document.querySelector(".dialog");
U 61     dlg.style.flexBasis = '0em';
62     self.seitenleiste_umschalten();
d1b8b2 63     self.get_login();
U 64     self.get_user_list();
002c44 65     self.loc = window.location.protocol + '//' + window.location.host;
U 66   };
67
68   this.login_zeigen = function() {
69     self.meldung_mit_timeout("Benutzer: " + self.userid, 1500);
70   };
71   
72   this.menue_umschalten = function () {
73     var ham = document.querySelector(".hamburger");
74     ham.classList.toggle("is-active"); // hamburger-icon umschalten
75     self.appMenu.toggle(); // menue oeffnen/schliessen
76   };
77
78   this.info_dialog_zeigen = function () {
14cc29 79     self.dialog_zeigen('data/tpl/dlg-info.tpl', '');
3d5fe0 80     self.menue_umschalten();
U 81   };
82
83   this.nutzer_neu_dialog_zeigen = function () {
14cc29 84     self.dialog_zeigen('data/tpl/dlg-nutzer-neu.tpl', '', function(){
U 85       var btn = document.getElementById('nutzer-speichern-btn');
86       if(btn !== null) {
87         btn.addEventListener('click', self.nutzer_speichern);                         
88       }                      
89     });
002c44 90     self.menue_umschalten();
U 91   };
92
93   this.seitenleiste_umschalten = function () {
94     var ostDiv = document.querySelector('.ost');
95     if (ostDiv.classList.contains('ost-open')) {
96       ostDiv.classList.remove('ost-open');
97       ostDiv.style.flexBasis = '0em';
98     } else {
99       ostDiv.classList.add('ost-open');
100       ostDiv.style.flexBasis = '6em';
101     }
102     self.menue_umschalten();
103   };
104
105   this.fusszeile_umschalten = function () {
106     var suedDiv = document.querySelector('.sued');
107     if (suedDiv.classList.contains('sued-open')) {
108       suedDiv.classList.remove('sued-open');
109       suedDiv.style.height = '0';
110     } else {
111       suedDiv.classList.add('sued-open');
112       suedDiv.style.height = '1.5em';
113     }
114     self.menue_umschalten();
115   };
116
117   this.meldung_mit_timeout = function (meldung, timeout) {
118     var s = document.querySelector('.sued');
119     s.textContent = meldung;
d1b8b2 120     if (!s.classList.contains('sued-open')) {
U 121       s.classList.add('sued-open');
122       s.style.height = '1.5em';
123     }
002c44 124     setTimeout(function () {
U 125       s.textContent = 'Bereit.';
126       setTimeout(function () {
127         var suedDiv = document.querySelector('.sued');
128         if (suedDiv.classList.contains('sued-open')) {
129           suedDiv.classList.remove('sued-open');
130           suedDiv.style.height = '0';
131         }
132       }, 500);
133     }, timeout);
134   };
135
136   /* Dialog-Funktionen */
137
138   /*
14cc29 139    * Einen Dialog erzeugen
U 140    * 
141    * Die Vorlage, auf die im Parameter vurl verwiesen wird, wird geladen, 
142    * wenn sie noch nicht benutzt wurde
143    * 
144    * @param {String} vurl - der URL mit der Dialogvorlage
145    * @param {JSON-Objekt} inhalt - was im Dialog an dynamischem Inhalt angezeigt werden soll
146    * @param {function} renderCallback - 
147    *     Funktion, die aufgerufen wird nachdem der Dialog gerendert wurde 
148    * @returns {undefined}
002c44 149    */
14cc29 150   this.dialog_zeigen = function (vurl, inhalt, renderCallback) {
002c44 151     var dlg = document.querySelector(".dialog");
U 152     self.vorlagen.html_erzeugen(
153             vurl,
154             inhalt,
155             function (html) {
3d5fe0 156               dlg.style.flexBasis = '14em';
e86f3c 157               setTimeout(function () {
U 158                 dlg.innerHTML = html;
14cc29 159                 document.querySelector('.close-btn').addEventListener(
U 160                         'click', self.dialog_schliessen);
161                 if(renderCallback !== undefined) {
162                   renderCallback();
163                 }
e86f3c 164               }, 300);
002c44 165             });
U 166   };
167
168   this.dialog_schliessen = function () {
14cc29 169     document.querySelector('.close-btn').removeEventListener(
U 170             'click', self.dialog_schliessen);
002c44 171     var dlg = document.querySelector('.dialog');
U 172     dlg.innerHTML = '';
e86f3c 173     dlg.style.flexBasis = '0em';
002c44 174   };
U 175
176   /* API functions */
177   
d1b8b2 178   this.get_user_list = function() {
b73bb6 179     //var m = 'getUserNameList';
002c44 180     var m = 'getUserNameList';
U 181     var u = '../svc/' + m;
d1b8b2 182     self.http_get(u, function (antwort) {
b73bb6 183     self.vorlagen.html_erzeugen(
U 184       'data/tpl/inhalt.tpl',
185       JSON.parse(antwort),
186       function (h) {
187         var elem = document.getElementById('nutzer');
188         elem.innerHTML = h;
f9d0c4 189         
U 190         var absaetze = document.querySelectorAll('p.nutzer-liste-eintrag');
191         var index;
192         for (index = 0; index < absaetze.length; index++) {
193           absaetze[index].addEventListener("click", self.nutzerliste_klick);
194         }
195         
b73bb6 196       });
002c44 197     });
b73bb6 198   };
d1b8b2 199   
U 200   this.neuen_nutzer_speichern = function(u) {
201     var url = '../svc/createUser';
202     self.http_post(url, u, function (antwort) {
203       self.get_user_list();
14cc29 204       document.getElementById('nutzer-speichern-btn').removeEventListener(
U 205         'click', self.nutzer_speichern);
d1b8b2 206       self.dialog_schliessen();
U 207     });
208   };
002c44 209
U 210   /* -------- An- und Abmelden ------------- */
211
d1b8b2 212   this.get_login = function() {
002c44 213     var m = '?c=de.uhilger.um.pub.SessionManager&m=getSessionUser';
U 214     var u = '../pub' + m;
d1b8b2 215     self.http_get(u, function (resp) {
002c44 216       self.userid = resp;
U 217       self.login_zeigen();
218       //document.querySelector("#userMenu").textContent = resp;
219     });
220   };
221
222   this.um_logout = function() {
223     var m = '?c=de.uhilger.um.pub.SessionManager&m=expireSession';
224     var u = '../pub' + m;
d1b8b2 225     self.http_get(u, function (resp) {
002c44 226       //$('#userMenu').text('nicht angemeldet');
U 227       window.location.href = '../logout.html';
228     });
229   };
230
231   /* -------- ajax helper functions ----------- */
232
d1b8b2 233   this.http_get = function (u, scallback) {    
002c44 234     var xmlhttp = new XMLHttpRequest();
U 235     var url = u;
236     xmlhttp.onreadystatechange = function() {
d1b8b2 237       if (this.readyState === 4 && this.status === 200) {
002c44 238         scallback(this.responseText);
U 239       }
240     };
241     xmlhttp.open("GET", url, true);
242     xmlhttp.send();
243   };
3d5fe0 244   
d1b8b2 245   this.http_post = function (url, data, callback) {
U 246     var xhr = new XMLHttpRequest();
247     xhr.onreadystatechange = function() {
248       if (this.readyState === 4 && this.status === 200) {
249         callback(this.responseText);
250       }
251     };
252     xhr.open("POST", url, true);
253     xhr.setRequestHeader('Content-type', 'application/x-www-form-urlencoded');
254     xhr.send(data);
255   };
256   
3d5fe0 257 /* ----- Hilfsfunktionen ----- */
U 258
259   this.serialisieren = function(obj) {
260     return '{"' + obj.constructor.name + '":' + JSON.stringify(obj) + '}';
261   };
002c44 262
U 263 }
3d5fe0 264
U 265
266 /* ----- Objekte ----- */
267
268 function User(i, p, fn, ln, em) {
269   this.id = i;
270   this.pw = p;
271   this.firstName = fn;
272   this.lastName = ln;
273   this.email = em;
274 }
275