UI-Steuerung: Wechsel zwischen Rollen- und Benutzer-Anzeige

ulrich

2016-12-27 7f8a035fd7d290be1c7ba01956097cab466c9200

UI-Steuerung: Wechsel zwischen Rollen- und Benutzer-Anzeige 

 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 ------ */


 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>
      <div>
        <input type="button" name="nutzerLoeschen" id="nutzerLoeschen" value="L&ouml;schen">
        <input type="button" name="nutzerNeu" id="nutzerNeu" value="Neu">            
        </div>
      </div>
      <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,21 +27,21 @@
        <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>
      </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>
    </div>
    </div>
    <script src="/jslib/jquery-1.11.1/jquery-1.11.1.min.js"></script>
    <script src="ui.js"></script>
    <script type="text/javascript" charset="utf-8">