um.git - Ulrich Hilger Code Repository

			@@ -11,15 +11,6 @@
			<body>
			<!-- Kopfzeile -->
			<div class="nord">
			<!--
			<div id="nav-menu">
			<div id="nav-toggle" class="hamburger hamburger--elastic">
			<div class="hamburger-box">
			<div class="hamburger-inner"></div>
			</div>
			</div>
			</div>
			-->
			<div class="back-btn">
			<button type="button" class="zurueck-btn">❮ Zurück</button>
			</div>
			@@ -27,24 +18,15 @@
			<span id="app-titel">Nutzerverwaltung</span>
			</div>
			<div class="top-btn-area">
			<button type="button" class="top-btn" id="nutzer-neu-btn">+</button>
			<button type="button" title="Neuer Benutzer" class="top-btn" id="nutzer-neu-btn">+</button>
			</div>
			</div>
			<div class="inhalt">
			<!-- westliche Seitenleiste -->
			<div class="west">
			westliche Seitenleiste
			</div>
			<div class="west"></div>
			<div class="zentrum-behaelter">
			<!-- Einblendbereich -->
			<div class="dialog"></div>
			<!-- Breadcrumb -->
			<!--
			<div class="breadcrumb">
			<a class="bc-link">Ordner 1</a> /
			<a class="bc-link">Ordner 2</a>
			</div>
			-->
			<!-- zentraler Inhaltsbereich -->
			<div class="zentrum">
			<div class="zentraler-inhalt">
			@@ -58,9 +40,7 @@
			</div>
			</div>
			<!-- oestliche Seitenleiste -->
			<div class="ost ost-open">
			östliche Seitenleiste
			</div>
			<div class="ost"></div>
			</div>
			<!-- Fusszeile -->
			<div class="sued sued-open">

			@@ -1,18 +1,40 @@
			function NutzerApp() {
			var self = this;
			var appMenu;
			//var appMenu;
			var vorlagen;
			var api;
			//var api;
			var userid;
			var pfad = '';
			//var pfad = '';
			var loc;
			var modus = 'kacheln';
			//var modus = 'kacheln';

			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;
			};

			this.datei_neuer_text = function () {
			self.meldung_mit_timeout("Neuer Text", 1500);
			};

			/* 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);
			}
			});
			//self.menue_umschalten();
			};

			this.nutzerliste_klick = function(event) {
			var target = event.target;
			@@ -45,42 +67,7 @@
			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';
			document.querySelector('#nutzer-neu-btn').addEventListener('click', self.nutzer_neu_dialog_zeigen);
			self.seitenleiste_umschalten();
			self.west_umschalten();
			self.west_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
			};
			/* Rollen erteilen und entziehen */

			this.rollen_dialog_zeigen = function(nutzerId) {
			var m = 'getUserRoleNames';
			@@ -141,19 +128,17 @@
			});
			};

			this.info_dialog_zeigen = function () {
			self.dialog_zeigen('data/tpl/dlg-info.tpl', '');
			//self.menue_umschalten();


			/* Funktionen aus App-Vorlage */

			this.login_zeigen = function() {
			self.meldung_mit_timeout("Benutzer: " + self.userid, 1500);
			};

			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.info_dialog_zeigen = function () {
			self.dialog_zeigen('data/tpl/dlg-info.tpl', '');
			};

			this.seitenleiste_umschalten = function () {
			@@ -165,19 +150,6 @@
			ostDiv.classList.add('ost-open');
			ostDiv.style.flexBasis = '6em';
			}
			//self.menue_umschalten();
			};

			this.west_umschalten = function() {
			var westDiv = document.querySelector('.west');
			if (westDiv.classList.contains('west-open')) {
			westDiv.classList.remove('west-open');
			westDiv.style.flexBasis = '0em';
			} else {
			westDiv.classList.add('west-open');
			westDiv.style.flexBasis = '6em';
			}
			//self.menue_umschalten();
			};

			this.fusszeile_umschalten = function () {
			@@ -189,7 +161,6 @@
			suedDiv.classList.add('sued-open');
			suedDiv.style.height = '1.5em';
			}
			//self.menue_umschalten();
			};

			this.meldung_mit_timeout = function (meldung, timeout) {

	web/ui2/index.html	26 ●●●●● patch \| view \| raw \| blame \| history
	web/ui2/js/app.js	101 ●●●●● patch \| view \| raw \| blame \| history