| | |
|---|
| | | <!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 class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">Verwaltung</a> |
|---|
| | | <div class="dropdown-menu"> |
|---|
| | | <a class="dropdown-item" href="/">WebBox</a> |
|---|
| | | <div class="dropdown-divider"></div> |
|---|
| | | <a class="dropdown-item" href="/wbx/mng">Apps</a> |
|---|
| | | <a class="dropdown-item disabled" href="#">Benutzer</a> |
|---|
| | | </div> |
|---|
| | | </li> |
|---|
| | | <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 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ö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">❮ Zurü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ü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"></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> |
|---|
