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);
|
};
|
|
/* 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 */
|
|
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);
|
};
|
|
this.menue_umschalten = function () {
|
var ham = document.querySelector(".hamburger");
|
ham.classList.toggle("is-active"); // hamburger-icon umschalten
|
self.appMenu.toggle(); // menue oeffnen/schliessen
|
};
|
|
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 () {
|
var ostDiv = document.querySelector('.ost');
|
if (ostDiv.classList.contains('ost-open')) {
|
ostDiv.classList.remove('ost-open');
|
ostDiv.style.flexBasis = '0em';
|
} else {
|
ostDiv.classList.add('ost-open');
|
ostDiv.style.flexBasis = '6em';
|
}
|
self.menue_umschalten();
|
};
|
|
this.fusszeile_umschalten = function () {
|
var suedDiv = document.querySelector('.sued');
|
if (suedDiv.classList.contains('sued-open')) {
|
suedDiv.classList.remove('sued-open');
|
suedDiv.style.height = '0';
|
} else {
|
suedDiv.classList.add('sued-open');
|
suedDiv.style.height = '1.5em';
|
}
|
self.menue_umschalten();
|
};
|
|
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 () {
|
var suedDiv = document.querySelector('.sued');
|
if (suedDiv.classList.contains('sued-open')) {
|
suedDiv.classList.remove('sued-open');
|
suedDiv.style.height = '0';
|
}
|
}, 500);
|
}, timeout);
|
};
|
|
/* Dialog-Funktionen */
|
|
/*
|
* Einen Dialog erzeugen
|
*
|
* Die Vorlage, auf die im Parameter vurl verwiesen wird, wird geladen,
|
* wenn sie noch nicht benutzt wurde
|
*
|
* @param {String} vurl - der URL mit der Dialogvorlage
|
* @param {JSON-Objekt} inhalt - was im Dialog an dynamischem Inhalt angezeigt werden soll
|
* @param {function} renderCallback -
|
* Funktion, die aufgerufen wird nachdem der Dialog gerendert wurde
|
* @returns {undefined}
|
*/
|
this.dialog_zeigen = function (vurl, inhalt, renderCallback) {
|
var dlg = document.querySelector(".dialog");
|
self.vorlagen.html_erzeugen(
|
vurl,
|
inhalt,
|
function (html) {
|
dlg.style.flexBasis = '14em';
|
setTimeout(function () {
|
dlg.innerHTML = html;
|
document.querySelector('.close-btn').addEventListener(
|
'click', self.dialog_schliessen);
|
if(renderCallback !== undefined) {
|
renderCallback();
|
}
|
}, 300);
|
});
|
};
|
|
this.dialog_schliessen = function () {
|
document.querySelector('.close-btn').removeEventListener(
|
'click', self.dialog_schliessen);
|
var dlg = document.querySelector('.dialog');
|
dlg.innerHTML = '';
|
dlg.style.flexBasis = '0em';
|
};
|
|
/* API functions */
|
|
this.get_user_list = function() {
|
//var m = 'getUserNameList';
|
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;
|
|
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();
|
document.getElementById('nutzer-speichern-btn').removeEventListener(
|
'click', self.nutzer_speichern);
|
self.dialog_schliessen();
|
});
|
};
|
|
/* -------- An- und Abmelden ------------- */
|
|
this.get_login = function() {
|
var m = '?c=de.uhilger.um.pub.SessionManager&m=getSessionUser';
|
var u = '../pub' + m;
|
self.http_get(u, function (resp) {
|
self.userid = resp;
|
self.login_zeigen();
|
//document.querySelector("#userMenu").textContent = resp;
|
});
|
};
|
|
this.um_logout = function() {
|
var m = '?c=de.uhilger.um.pub.SessionManager&m=expireSession';
|
var u = '../pub' + m;
|
self.http_get(u, function (resp) {
|
//$('#userMenu').text('nicht angemeldet');
|
window.location.href = '../logout.html';
|
});
|
};
|
|
/* -------- ajax helper functions ----------- */
|
|
this.http_get = function (u, scallback) {
|
var xmlhttp = new XMLHttpRequest();
|
var url = u;
|
xmlhttp.onreadystatechange = function() {
|
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;
|
}
|