From e9db3f21a07fca8267ac128a5911f2254cdc6334 Mon Sep 17 00:00:00 2001 From: ulrich <not disclosed> Date: Sat, 07 Jan 2017 17:07:58 +0000 Subject: [PATCH] Liste der Benutzer auf Bootstrap-Gestaltung umgestellt --- web/ui/user.html | 49 +++++++++++++++++++++++++++++-------------------- 1 files changed, 29 insertions(+), 20 deletions(-) diff --git a/web/ui/user.html b/web/ui/user.html index 0fc03cd..70e1369 100644 --- a/web/ui/user.html +++ b/web/ui/user.html @@ -4,39 +4,48 @@ <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/bootstrap4_a6/css/bootstrap.min.css"> <link rel="stylesheet" type="text/css" href="stile.css"> </head> <body> <div id="inhalt"> - <h1>Benutzer</h1> - <div id="user-list-form"> - <select size="5" name="nutzerliste" id="nutzerliste"></select> + <div class="breadcrumb"> + <a class="breadcrumb-item" href="/">WebBox</a> + <a class="breadcrumb-item" href="/mng/index.html">Verwaltung</a> + <span class="breadcrumb-item active">Benutzer</span> </div> - <div> - <input type="button" name="nutzerLoeschen" id="nutzerLoeschen" value="Löschen"> - <input type="button" name="nutzerNeu" id="nutzerNeu" value="Neu"> + <!-- <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> </div> <div id="user-form"> - <input type="text" size="20" maxlength="20" placeholder="Anmeldename" name="anmeldename" id="anmeldename"> - <input type="password" size="20" maxlength="20" placeholder="Kennwort" name="kennwort" id="kennwort"> - <input type="password" size="20" maxlength="20" placeholder="Wiederholung" name="kennwortw" id="kennwortw"> - <button class="user-cancel-btn">Abbrechen</button> - <button class="user-save-btn">OK</button> + <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"> + <!--<button class="user-cancel-btn">Abbrechen</button>--> + <button class="user-save-btn btn btn-primary eingabe">Speichern</button> </div> <div id="user-role-form"> - <h5>Rollen des Benutzers</h5> - <select size="5" name="nutzerrollen" id="nutzerrollen"></select> - </div> - <div> - <input type="button" name="nutzerRolleEntziehen" id="nutzerRolleEntziehen" value="Entziehen"> + <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 size="5" name="rollen" id="rollen"></select> + <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> - <input type="button" name="neueRolle" id="neueRolle" value="Neu"> - <input type="button" name="rolleErteilen" id="rolleErteilen" value="Erteilen"> + <div id="nav"> + <button id="nav-back-btn" class="btn btn-secondary">zurück</button> </div> </div> <script src="/jslib/jquery-1.11.1/jquery-1.11.1.min.js"></script> -- Gitblit v1.9.3