From f320427aedc5b1bd73da7e08c0e84cef9d7ec66f Mon Sep 17 00:00:00 2001
From: ulrich
Date: Sun, 17 Jan 2021 15:49:42 +0000
Subject: [PATCH] Funktion der Schaltflaechen in Kopfleise fertig, Pikto erweitert

---
 web/ui2/index.html |   69 ++++++++++++++++------------------
 1 files changed, 33 insertions(+), 36 deletions(-)

diff --git a/web/ui2/index.html b/web/ui2/index.html
index 0225b0a..00f98fa 100644
--- a/web/ui2/index.html
+++ b/web/ui2/index.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <title>Dateiverwaltung</title>
+    <title>Dateien</title>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name="apple-mobile-web-app-capable" content="yes" />
@@ -13,15 +13,18 @@
     
     <!-- Kopfzeile -->
     <div class="nord">
-      <div id="nav-menu">
-        <div id="nav-toggle" class="hamburger hamburger--elastic">
-          <div class="hamburger-box">
-            <div class="hamburger-inner"></div>
-          </div>
+      <div id="nav-toggle" class="hamburger hamburger--elastic">
+        <div class="hamburger-box">
+          <div class="hamburger-inner"></div>
         </div>
       </div>
       <div class="app-titel">
-        <span id="app-titel">Dateiverwaltung</span>
+        <span id="app-titel">Dateien</span>
+      </div>
+      <div class="top-btn-area">
+        <button type="button"  title="Neuer Text" class="top-btn" id="top-neuer-text-btn"><i class="icon-doc-text-inv datei"></i></button>
+        <button type="button"  title="Neuer Ordner" class="top-btn" id="top-neuer-ordner-btn"><i class="icon-folder"></i></button>
+        <button type="button"  title="Schlie&szlig;en" class="top-btn" id="top-close-btn"><i class="icon-cancel"></i></button>
       </div>
     </div>
     <div class="inhalt">
@@ -29,38 +32,32 @@
       <div class="west">
         westliche Seitenleiste
       </div>
-      <div class="arbeitsbereich">
+      <div class="zentrum-behaelter">
         <!-- Einblendbereich -->
         <div class="dialog"></div>
-        <div class="editor-behaelter">
-          <!-- Codemirror Start -->
-          <div class="code-editor-container">
-          <div class="codeeditor-space">
-            <textarea class="codeeditor" id="editspace"></textarea>       
-          </div>
-          </div>
-          <!-- Codemirror Ende -->
-          <!-- TinyMCE Start -->
-          <div id="mce-editor" class="pl-3 pr-3">
-            <textarea class="text-editor" id="text-editspace"></textarea>
-          </div>        
-          <!-- TinyMCE Ende -->
+        <!-- Codemirror Start -->
+        <div class="codeeditor-space">
+          <textarea class="codeeditor" id="editspace"></textarea>       
         </div>
-        <div class="zentrum-behaelter">
-          <!-- Breadcrumb -->
-          <div class="breadcrumb">
-            <a class="bc-link">Ordner 1</a> / 
-            <a class="bc-link">Ordner 2</a>
-          </div>
-          <!-- zentraler Inhaltsbereich -->
-          <div class="zentrum">
-            <div class="zentraler-inhalt">
-              <div class="zentrum-liste" id="dateien">
-                <figure>
-                  <i class="icon-folder"> </i> 
-                  <figcaption class="i-name">icon-folder</figcaption>
-                </figure>
-              </div>
+        <!-- Codemirror Ende -->
+        <!-- TinyMCE Start -->
+        <div id="mce-editor" class="mce-editor">
+          <textarea class="text-editor" id="text-editspace"></textarea>
+        </div>        
+        <!-- TinyMCE Ende -->
+        <!-- Breadcrumb -->
+        <div class="breadcrumb">
+          <a class="bc-link">Ordner 1</a> / 
+          <a class="bc-link">Ordner 2</a>
+        </div>
+        <!-- zentraler Inhaltsbereich -->
+        <div class="zentrum">
+          <div class="zentraler-inhalt">
+            <div class="zentrum-liste" id="dateien">
+              <figure>
+                <i class="icon-folder"> </i> 
+                <figcaption class="i-name">icon-folder</figcaption>
+              </figure>
             </div>
           </div>
         </div>

--
Gitblit v1.9.3