From 7f8a035fd7d290be1c7ba01956097cab466c9200 Mon Sep 17 00:00:00 2001
From: ulrich <not disclosed>
Date: Tue, 27 Dec 2016 13:34:30 +0000
Subject: [PATCH] UI-Steuerung: Wechsel zwischen Rollen- und Benutzer-Anzeige 

---
 web/ui/ui.js     |   15 +++++++++++++++
 web/ui/user.html |   25 ++++++++++++++-----------
 2 files changed, 29 insertions(+), 11 deletions(-)

diff --git a/web/ui/ui.js b/web/ui/ui.js
index af818d5..f74d0bc 100644
--- a/web/ui/ui.js
+++ b/web/ui/ui.js
@@ -1,6 +1,9 @@
 
 function um_init() {
   $('#user-form').hide();
+  $('#nav').hide();
+  $('#role-form').hide();
+  $('#user-role-form').hide();
   $('.user-save-btn').click(um_user_save);
   $('#nutzerliste').click(um_user_list_click);
   $('#nutzerLoeschen').click(um_del_user);
@@ -84,10 +87,16 @@
 /* ----------- ui interaction ------------ */
 
 function um_user_list_click() {
+  $('#nav-back-btn').click(um_back_from_roles);
   $('#nutzerLoeschen').prop( "disabled", false );
   $('#rollen :selected').prop("selected", false);
   var userId = um_get_first_selected_user_id();
+  $('#userid').html(userId);
   um_apicall_get_user_roles(userId);
+  $('#user-list-form').hide();
+  $('#nav').show();
+  $('#role-form').show();
+  $('#user-role-form').show();
 }
 
 function um_role_list_click() {
@@ -98,6 +107,12 @@
   $('#nutzerRolleEntziehen').prop( "disabled", false );
 }
 
+function um_back_from_roles() {
+  $('#user-list-form').show();
+  $('#nav').hide();
+  $('#role-form').hide();
+  $('#user-role-form').hide();
+}
 
 /* ------- ui i/o ------ */
 
diff --git a/web/ui/user.html b/web/ui/user.html
index 0fc03cd..240d934 100644
--- a/web/ui/user.html
+++ b/web/ui/user.html
@@ -11,10 +11,13 @@
       <h1>Benutzer</h1>
       <div id="user-list-form">
         <select size="5" name="nutzerliste" id="nutzerliste"></select>
+        <div>
+          <input type="button" name="nutzerLoeschen" id="nutzerLoeschen" value="L&ouml;schen">
+          <input type="button" name="nutzerNeu" id="nutzerNeu" value="Neu">            
+        </div>
       </div>
-      <div>
-        <input type="button" name="nutzerLoeschen" id="nutzerLoeschen" value="L&ouml;schen">
-        <input type="button" name="nutzerNeu" id="nutzerNeu" value="Neu">            
+      <div id="nav">
+        <button id="nav-back-btn">zur&uuml;ck</button>
       </div>
       <div id="user-form">
         <input type="text" size="20" maxlength="20" placeholder="Anmeldename" name="anmeldename" id="anmeldename">
@@ -24,19 +27,19 @@
         <button class="user-save-btn">OK</button>
       </div>
       <div id="user-role-form">
-        <h5>Rollen des Benutzers</h5>
+        <h5>Rollen von <span id="userid"></span></h5>
         <select size="5" name="nutzerrollen" id="nutzerrollen"></select>
-      </div>
-      <div>
-        <input type="button" name="nutzerRolleEntziehen" id="nutzerRolleEntziehen" value="Entziehen">
+        <div>
+          <input type="button" name="nutzerRolleEntziehen" id="nutzerRolleEntziehen" value="Entziehen">
+        </div>
       </div>
       <div id="role-form">
         <h5>Rollen</h5>
         <select size="5" name="rollen" id="rollen"></select>
-      </div>
-      <div>
-        <input type="button" name="neueRolle" id="neueRolle" value="Neu">
-        <input type="button" name="rolleErteilen" id="rolleErteilen" value="Erteilen">
+        <div>
+          <input type="button" name="neueRolle" id="neueRolle" value="Neu">
+          <input type="button" name="rolleErteilen" id="rolleErteilen" value="Erteilen">
+        </div>
       </div>
     </div>
     <script src="/jslib/jquery-1.11.1/jquery-1.11.1.min.js"></script>

--
Gitblit v1.9.3