| | |
| | | function NutzerApp() { |
| | | var self = this; |
| | | var appMenu; |
| | | var vorlagen; |
| | | var api; |
| | | var userid; |
| | | var pfad = ''; |
| | | var loc; |
| | | var modus = 'kacheln'; |
| | | |
| | | this.datei_neuer_text = function () { |
| | | self.meldung_mit_timeout("Neuer Text", 1500); |
| | | this.init = function () { |
| | | self.vorlagen = new Vorlagen(); |
| | | var dlg = document.querySelector(".dialog"); |
| | | dlg.style.flexBasis = '0em'; |
| | | document.querySelector('#nutzer-neu-btn').addEventListener('click', self.nutzer_neu_dialog_zeigen); |
| | | document.querySelector('.west').style.flexBasis = '0em'; |
| | | document.querySelector('.ost').style.flexBasis = '0em'; |
| | | self.get_login(); |
| | | self.get_user_list(); |
| | | self.loc = window.location.protocol + '//' + window.location.host; |
| | | }; |
| | | |
| | | |
| | | /* Nutzerverwaltung */ |
| | | |
| | | this.nutzer_neu_dialog_zeigen = function () { |
| | | self.dialog_zeigen('data/tpl/dlg-nutzer-neu.tpl', '', function(){ |
| | | var btn = document.getElementById('nutzer-speichern-btn'); |
| | | if(btn !== null) { |
| | | btn.addEventListener('click', self.nutzer_speichern); |
| | | } |
| | | }); |
| | | }; |
| | | |
| | | this.nutzerliste_klick = function(event) { |
| | | var target = event.target; |
| | | var gewaehlterNutzer = document.querySelector(".nutzer-gewaehlt"); |
| | |
| | | } |
| | | target.classList.add("nutzer-gewaehlt"); |
| | | var nutzerId = target.innerHTML; |
| | | self.rollen_dialog_zeigen(nutzerId); |
| | | self.rollen_zeigen(nutzerId); |
| | | }; |
| | | |
| | | this.nutzer_speichern = function() { |
| | |
| | | return user; |
| | | }; |
| | | |
| | | /* Funktionen aus App-Vorlage */ |
| | | |
| | | this.init = function () { |
| | | self.vorlagen = new Vorlagen(); |
| | | self.appMenu = new AppMenu(); |
| | | self.appMenu.init( |
| | | "data/menu/", |
| | | "hauptmenue.json", |
| | | "data/tpl/app-menu.tpl", |
| | | ".west", |
| | | "8em"); |
| | | document.querySelector('.hamburger').addEventListener('click', function (e) { |
| | | self.menue_umschalten(); |
| | | }); |
| | | 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; |
| | | }; |
| | | |
| | | this.login_zeigen = function() { |
| | | self.meldung_mit_timeout("Benutzer: " + self.userid, 1500); |
| | | }; |
| | | /* Rollen erteilen und entziehen */ |
| | | |
| | | this.menue_umschalten = function () { |
| | | var ham = document.querySelector(".hamburger"); |
| | | ham.classList.toggle("is-active"); // hamburger-icon umschalten |
| | | self.appMenu.toggle(); // menue oeffnen/schliessen |
| | | }; |
| | | |
| | | this.rollen_dialog_zeigen = function(nutzerId) { |
| | | this.rollen_zeigen = function(nutzerId) { |
| | | var m = 'getUserRoleNames'; |
| | | var u = '../svc/' + m + '?p=' + nutzerId; |
| | | self.http_get(u, function (antwort) { |
| | | var jsonAntwort = JSON.parse(antwort); |
| | | var rollen = jsonAntwort.List[0]; |
| | | if(typeof rollen === 'object') { |
| | | rollen = jsonAntwort; |
| | | } else { |
| | | rollen = 'keine'; |
| | | } |
| | | self.vorlagen.html_erzeugen( |
| | | 'data/tpl/nutzer-rollen-dlg.tpl', |
| | | JSON.parse(antwort), |
| | | rollen, |
| | | function (html) { |
| | | document.querySelector("#nutzer").innerHTML = html; |
| | | document.querySelector("#nutzer-id").textContent = nutzerId; |
| | | self.addEvtListener('.granted-role-btn', 'click', self.revoke_role_klick); |
| | | var m = 'getRoleNamesGranted'; |
| | | var u = '../svc/' + m; |
| | | self.http_get(u, function (antwort2) { |
| | | self.vorlagen.html_erzeugen( |
| | | 'data/tpl/alle-rollen.tpl', |
| | | JSON.parse(antwort2), |
| | | function (html) { |
| | | document.querySelector(".alle-rollen-behaelter").innerHTML = html; |
| | | document.querySelector('.zurueck-btn').addEventListener('click', function (e) { |
| | | self.get_user_list(); |
| | | }); |
| | | self.addEvtListener('.avl-role-btn', 'click', self.grant_role_klick); |
| | | }); |
| | | }); |
| | | self.alle_rollen_zeigen(); |
| | | }); |
| | | }); |
| | | }); |
| | | document.querySelector('.zurueck-btn').style.color = 'black'; |
| | | }; |
| | | |
| | | this.alle_rollen_zeigen = function() { |
| | | var m = 'getRoleNamesGranted'; |
| | | var u = '../svc/' + m; |
| | | self.http_get(u, function (antwort2) { |
| | | self.vorlagen.html_erzeugen( |
| | | 'data/tpl/alle-rollen.tpl', |
| | | JSON.parse(antwort2), |
| | | function (html) { |
| | | document.querySelector(".alle-rollen-behaelter").innerHTML = html; |
| | | document.querySelector('.zurueck-btn').addEventListener('click', function (e) { |
| | | self.get_user_list(); |
| | | }); |
| | | self.addEvtListener('.avl-role-btn', 'click', self.grant_role_klick); |
| | | }); |
| | | }); |
| | | }; |
| | | |
| | | this.grant_role_klick = function(event) { |
| | |
| | | }); |
| | | }; |
| | | |
| | | |
| | | |
| | | /* Funktionen aus App-Vorlage */ |
| | | |
| | | this.login_zeigen = function() { |
| | | self.meldung_mit_timeout("Benutzer: " + self.userid, 1500); |
| | | }; |
| | | |
| | | |
| | | this.info_dialog_zeigen = function () { |
| | | self.dialog_zeigen('data/tpl/dlg-info.tpl', ''); |
| | | self.menue_umschalten(); |
| | | }; |
| | | |
| | | this.nutzer_neu_dialog_zeigen = function () { |
| | | self.dialog_zeigen('data/tpl/dlg-nutzer-neu.tpl', '', function(){ |
| | | var btn = document.getElementById('nutzer-speichern-btn'); |
| | | if(btn !== null) { |
| | | btn.addEventListener('click', self.nutzer_speichern); |
| | | } |
| | | }); |
| | | self.menue_umschalten(); |
| | | }; |
| | | |
| | | this.seitenleiste_umschalten = function () { |
| | |
| | | ostDiv.classList.add('ost-open'); |
| | | ostDiv.style.flexBasis = '6em'; |
| | | } |
| | | //self.menue_umschalten(); |
| | | }; |
| | | |
| | | this.fusszeile_umschalten = function () { |
| | |
| | | suedDiv.classList.add('sued-open'); |
| | | suedDiv.style.height = '1.5em'; |
| | | } |
| | | self.menue_umschalten(); |
| | | }; |
| | | |
| | | this.meldung_mit_timeout = function (meldung, timeout) { |
| | |
| | | var m = 'getUserNameList'; |
| | | var u = '../svc/' + m; |
| | | 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; |
| | | self.addEvtListener('p.nutzer-liste-eintrag', 'click', self.nutzerliste_klick); |
| | | self.vorlagen.html_erzeugen( |
| | | 'data/tpl/inhalt.tpl', |
| | | JSON.parse(antwort), |
| | | function (h) { |
| | | var elem = document.getElementById('nutzer'); |
| | | elem.innerHTML = h; |
| | | self.addEvtListener('p.nutzer-liste-eintrag', 'click', self.nutzerliste_klick); |
| | | document.querySelector('.zurueck-btn').style.color = '#eee'; |
| | | }); |
| | | }); |
| | | }); |
| | | }; |
| | | |
| | | this.neuen_nutzer_speichern = function(u) { |