From b90d6705d78a7ad60a1e0419eb27ab20927d3fdd Mon Sep 17 00:00:00 2001 From: ulrich Date: Wed, 07 Apr 2021 07:09:58 +0000 Subject: [PATCH] Piktogramme und Dropdown --- www/ui/index.html | 30 +++++++++++++++++++++++++++--- 1 files changed, 27 insertions(+), 3 deletions(-) diff --git a/www/ui/index.html b/www/ui/index.html index 2a2f3df..c81f404 100644 --- a/www/ui/index.html +++ b/www/ui/index.html @@ -40,6 +40,28 @@ <div class="app-titel"> <span id="app-titel">Mediazentrale</span> </div> + <div class="top-btn-area"> + <!-- <button type="button" title="Speichern" class="top-btn" id="top-speichern-btn"><i class="icon-floppy"></i></button> --> + <!-- <button type="button" title="Schließen" class="top-btn" id="top-close-btn"><i class="icon-cancel"></i></button> --> + <div class="dropdown"> + <button class="top-btn"><i class="icon-down-dir"></i></button> + <div class="dropdown-content"> + <!-- + <a id="mi-ansehen"><i class="icon-eye"></i> Ansehen</a> + <a id="mi-duplizieren"><i class="icon-docs"></i> Duplizieren</a> + <a id="mi-umbenennen"><i class="icon-pencil"></i> Umbenennen</a> + <a id="mi-neuer-ordner"><i class="icon-folder-empty"></i> Neuer Ordner</a> + <a id="mi-neuer-text"><i class="icon-doc"></i> Neuer Text</a> + <a id="mi-neues-dok"><i class="icon-doc-text"></i> Neues Dokument</a> + <a id="mi-abmelden"><i class="icon-logout"></i> Abmelden</a> + --> + <a id="mi-katalog"><i class="icon-music"></i> Media</a> + <a id="mi-orte"><i class="icon-database"></i> Orte</a> + <a id="mi-list"><i class="icon-list"></i> Playlist</a> + </div> + </div> + + </div> </div> <div class="inhalt"> <!-- westliche Seitenleiste --> @@ -47,16 +69,18 @@ westliche Seitenleiste </div> <div class="zentrum-behaelter"> - <!-- Einblendbereich --> + <!-- Einblendbereich oben --> <div class="dialog"></div> <!-- zentraler Inhaltsbereich --> <div class="zentrum"> <div class="zentraler-inhalt"> <p> - Hier erschient der Media-Inhalt. + Hier erscheint der Media-Inhalt. </p> </div> </div> + <!-- Einblendbereich unten --> + <div class="dialog-unten"></div> </div> <!-- oestliche Seitenleiste --> <div class="ost ost-open"> @@ -68,7 +92,7 @@ Fußzeile </div> <!-- Skripte --> - <script src="https://cdnjs.cloudflare.com/ajax/libs/mustache.js/2.3.0/mustache.min.js"></script> + <script src="js/mustache/mustache.min.js"></script> <script src="js/app-menu.js"></script> <!-- <script src="js/vorlagen.js"></script> --> <script src="js/app.js"></script> -- Gitblit v1.9.3