Nutzerverwaltung
blame | history | patch | commit | commitdiff | ignore whitespace
ulrich
2021-01-29 187e44c736e67a0a853bd4bcc6e49827666b8131 
 web/ui/index.html


@@ -1,79 +1,59 @@


<!DOCTYPE html>


<html>


  <head>


    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">


    <meta name="viewport" content="width=device-width, initial-scale=1.0">


    <title>Benutzer</title>


    <link rel="stylesheet" type="text/css" href="/jslib/bootstrap/css/bootstrap.min.css">


    <title>Nutzerverwaltung</title>


    <meta charset="UTF-8">


    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalabe=no">


    <meta name="apple-mobile-web-app-capable" content="yes" />


    <link rel="stylesheet" type="text/css" href="stile.css">


    <script id="tpl-list" type="x-tmpl-mustache">


      {{#List}}


      {{#List}}


        <option value="{{ String }}">{{ String }}</option>'


      {{/List}}


      {{/List}}


    </script>


  </head>


  <body>


    <div id="inhalt">


      <ul class="nav">


        <li class="nav-item dropdown">


          <a id="userMenu" class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">Dropdown</a>


          <div class="dropdown-menu">


            <a class="dropdown-item" href="/">Zur Hauptseite der WebBox wechseln</a>


            <div class="dropdown-divider"></div>


            <a class="dropdown-item" href="/wbx/mng">Apps verwalten</a>


            <a class="dropdown-item disabled" href="#">Benutzer verwalten</a>


            <a class="dropdown-item" href="/file-cms/ui">Dateien verwalten</a>


            <div class="dropdown-divider"></div>


            <a id="logout" class="dropdown-item" href="#">Abmelden</a>


          </div>


        </li>


      </ul>


      <!-- <h1>Benutzer</h1> -->


      <div id="user-list-form">


        <select multiple class="form-control eingabe role-select" size="5" name="nutzerliste" id="nutzerliste"></select>


        <div>


          <input type="button" name="nutzerLoeschen" id="nutzerLoeschen" value="L&ouml;schen" class="btn btn-danger">


          <input type="button" name="nutzerNeu" id="nutzerNeu" value="Neu" class="btn btn-primary">            


        </div>


    <!-- Kopfzeile -->


    <div class="nord">


      <div class="back-btn">


        <button type="button" class="zurueck-btn">&#10094; Zur&uuml;ck</button>


      </div>


      <div id="user-form">


        <input class="form-control eingabe" type="text" size="20" maxlength="30" placeholder="Anmeldename" name="anmeldename" id="anmeldename">


        <input class="form-control eingabe" type="password" size="20" maxlength="30" placeholder="Kennwort" name="kennwort" id="kennwort">


        <input class="form-control eingabe" type="password" size="20" maxlength="30" placeholder="Wiederholung" name="kennwortw" id="kennwortw">


        <input class="form-control eingabe" type="text" size="20" maxlength="250" placeholder="Vorname" name="vorname" id="vorname">


        <input class="form-control eingabe" type="text" size="20" maxlength="250" placeholder="Name" name="nachname" id="nachname">


        <!--<button class="user-cancel-btn">Abbrechen</button>-->


        <button class="user-save-btn btn btn-primary eingabe">Speichern</button>


      <div class="app-titel">


        <span id="app-titel">Nutzerverwaltung</span>


      </div>


      <div id="user-role-form">


        <h5>Rollen von <span id="userid"></span></h5>


        <select multiple class="form-control eingabe role-select" size="5" name="nutzerrollen" id="nutzerrollen"></select>


        <div>


          <input type="button" name="nutzerRolleEntziehen" id="nutzerRolleEntziehen" value="Entziehen" class="btn btn-danger">


        </div>


      </div>


      <div id="role-form">


        <h5>Rollen</h5>


        <select multiple class="form-control eingabe role-select" size="5" name="rollen" id="rollen"></select>


        <div>


          <input type="button" name="neueRolle" id="neueRolle" value="Neu" class="btn btn-primary">


          <input type="button" name="rolleErteilen" id="rolleErteilen" value="Erteilen" class="btn btn-info">


        </div>


      </div>


      <div id="nav">


        <button id="nav-back-btn" class="btn btn-secondary">zur&uuml;ck</button>


      <div class="top-btn-area">


        <button type="button"  title="Neuer Benutzer" class="top-btn" id="top-neu-btn"><i class="icon-user-plus"></i></button>


        <button type="button"  title="Abmelden" class="top-btn" id="top-logout-btn"><i class="icon-off"></i></button>


      </div>


    </div>


    <script src="/jslib/jquery/jquery.min.js"></script>


    <script src="/jslib/bootstrap/js/bootstrap.min.js"></script>


    <script src="/jslib/mustache/mustache.min.js"></script>


    <script src="ui.js"></script>


    <script type="text/javascript" charset="utf-8">


      //var ui;


      $(document).ready(function() {


        um_init();


    <div class="inhalt">


      <!-- westliche Seitenleiste -->


      <div class="west"></div>


      <div class="zentrum-behaelter">


        <!-- Einblendbereich -->


        <div class="dialog"></div>


        <!-- zentraler Inhaltsbereich -->


        <div class="zentrum">


          <div class="zentraler-inhalt">


            <div class="zentrum-liste" id="nutzer">


              <figure>


                <i class="demo-icon icon-folder">&#xe800;</i> 


                <figcaption class="i-name">icon-folder</figcaption>


              </figure>


            </div>


          </div>


        </div>


      </div>


      <!-- oestliche Seitenleiste -->


      <div class="ost"></div>


    </div>


    <!-- Fusszeile -->


    <div class="sued sued-open">


      Fußzeile


    </div>


    <!-- Skripte -->


    <script src="../jslib/mustache/mustache.min.js"></script>


    <script src="js/app.js"></script>


    <script>


      var app;


      document.addEventListener('DOMContentLoaded', function () {


        app = new NutzerApp();


        app.init();


      });


    </script>


  </body>