From 14673a33aa0712c08202ea9f580d74b2d6cf8608 Mon Sep 17 00:00:00 2001
From: ulrich <ulrich>
Date: Wed, 20 May 2020 08:20:21 +0000
Subject: [PATCH] Doku 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 383671b..427fa84 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/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">
</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">❮ Zurü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ö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ü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="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>
--
Gitblit v1.9.3