From b20b749a95f6aa9d73414c58b66b4c7abe9b1077 Mon Sep 17 00:00:00 2001
From: ulrich
Date: Sat, 16 Jan 2021 16:31:25 +0000
Subject: [PATCH] Stile angepasst, Neuer Reiter hinzugefuegt, Menue angepasst

---
 web/ui2/index.html |   41 ++++++++++++++++++++++++++++++++++-------
 1 files changed, 34 insertions(+), 7 deletions(-)

diff --git a/web/ui2/index.html b/web/ui2/index.html
index dfbc0d5..561f67a 100644
--- a/web/ui2/index.html
+++ b/web/ui2/index.html
@@ -6,18 +6,20 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name="apple-mobile-web-app-capable" content="yes" />
     <link href="https://fonts.googleapis.com/css?family=Roboto+Condensed" rel="stylesheet">
+    <link rel="stylesheet" href="/jslib/codemirror/lib/codemirror.css">        
     <link rel="stylesheet" type="text/css" href="stile.css">
   </head>
   <body>
+    
     <!-- Kopfzeile -->
     <div class="nord">
-      <div id="nav-menu">
+      <!-- <div id="nav-menu"> -->
         <div id="nav-toggle" class="hamburger hamburger--elastic">
           <div class="hamburger-box">
             <div class="hamburger-inner"></div>
           </div>
         </div>
-      </div>
+      <!-- </div> -->
       <div class="app-titel">
         <span id="app-titel">Dateiverwaltung</span>
       </div>
@@ -30,12 +32,30 @@
       <div class="zentrum-behaelter">
         <!-- Einblendbereich -->
         <div class="dialog"></div>
+        <!-- Codemirror Start -->
+        <div class="codeeditor-space">
+          <textarea class="codeeditor" id="editspace"></textarea>       
+        </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">
-            <p>
-              Hier kommen die Dateien und Ordner hin.
-            </p>
+            <div class="zentrum-liste" id="dateien">
+              <figure>
+                <i class="icon-folder"> </i> 
+                <figcaption class="i-name">icon-folder</figcaption>
+              </figure>
+            </div>
           </div>
         </div>
       </div>
@@ -49,11 +69,18 @@
       Fußzeile
     </div>
     <!-- Skripte -->
-    <script src="https://cdnjs.cloudflare.com/ajax/libs/mustache.js/2.3.0/mustache.min.js"></script>
+    <script src="/jslib/mustache/mustache.min.js"></script>
     <script src="/jslib/moment/moment-with-locales.min.js"></script>
     <script src="/jslib/numeral/numeral.min.js"></script>    
+    <script src="/jslib/codemirror/lib/codemirror.js"></script>
+    <script src="/jslib/codemirror/mode/javascript/javascript.js"></script>
+    <script src="/jslib/codemirror/mode/xml/xml.js"></script>
+    <script src="/jslib/codemirror/mode/htmlmixed/htmlmixed.js"></script>
+    <script src="/jslib/codemirror/mode/clike/clike.js"></script>
+    <script src="/jslib/codemirror/addon/display/fullscreen.js"></script>
+    <script src="/jslib/tinymce/tinymce.min.js"></script>
     <script src="js/app-menu.js"></script>
-    <script src="js/vorlagen.js"></script>
+    <script src="js/data.js"></script>
     <script src="js/app.js"></script>
     <script>
       var app;

--
Gitblit v1.9.3