From 59dbdaf4808d3663303b9417e05861428f798ec0 Mon Sep 17 00:00:00 2001
From: ulrich
Date: Fri, 29 Jan 2021 12:15:32 +0000
Subject: [PATCH] Readme angepasst

---
 web/ui/index.html |   92 +++++++++++++++++++++++-----------------------
 1 files changed, 46 insertions(+), 46 deletions(-)

diff --git a/web/ui/index.html b/web/ui/index.html
index 03f8dc8..94619a8 100644
--- a/web/ui/index.html
+++ b/web/ui/index.html
@@ -1,59 +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/bootstrap4_a6/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">
   </head>
   <body>
-    <div id="inhalt">
-      <div class="breadcrumb">
-        <a class="breadcrumb-item" href="/">WebBox</a>
-        <a class="breadcrumb-item" href="/wbx/">Verwaltung</a>
-        <span class="breadcrumb-item active">Benutzer</span>
+    <!-- Kopfzeile -->
+    <div class="nord">
+      <div class="back-btn">
+        <button type="button" class="zurueck-btn">&#10094; Zur&uuml;ck</button>
       </div>
-      <!-- <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>
+      <div class="app-titel">
+        <span id="app-titel">Nutzerverwaltung</span>
       </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">
-        <!--<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 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-1.11.1/jquery-1.11.1.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>

--
Gitblit v1.9.3