From 10d3d35ec5891c1f7d549ef49b9831394db2d792 Mon Sep 17 00:00:00 2001
From: ulrich <not disclosed>
Date: Tue, 21 Feb 2017 15:44:39 +0000
Subject: [PATCH] Kacheln / Liste umschaltbar

---
 web/ui/index.html |   54 ++++++++++++++++++++++++++++++++++++++++++------------
 1 files changed, 42 insertions(+), 12 deletions(-)

diff --git a/web/ui/index.html b/web/ui/index.html
index b26a150..5c3eb16 100644
--- a/web/ui/index.html
+++ b/web/ui/index.html
@@ -11,12 +11,34 @@
     <link rel="stylesheet" type="text/css" href="stile.css">
     <script id="tpl-kacheln" type="x-tmpl-mustache">
       {{#files}}          
-        <figure class="figure datei-figure text-center text-warning align-top">
+        <figure class="figure datei-figure text-center text-warning align-top datei-elem">
           <i class="fa {{ typeClass }} fa-3x"></i>
-          <figcaption class="figure-caption">{{ fileName }}</figcaption>
+          <figcaption class="figure-caption dateiname">{{ fileName }}</figcaption>
         </figure>   
-      {{/files}}
-          
+      {{/files}}          
+    </script>
+    <script id="tpl-liste" type="x-tmpl-mustache">
+      <table class="table table-hover table-sm table-responsive tableBodyScroll">
+        <thead>
+          <tr>
+            <th colspan="2">Name</th>
+            <th>Gr&ouml;&szlig;e</th>
+            <th>Art</th>
+            <th>ge&auml;ndert</th>
+          </tr>
+        </thead>
+        <tbody>
+        {{#files}}
+          <tr class="datei-zeile">
+            <td class="datei-elem"><i class="fa {{ typeClass }}"></i></td>
+            <td class="dateiname">{{ fileName }}</td>
+            <td>{{ fr.length }}</td>
+            <td>&nbsp;</td>
+            <td>{{ fr.lastModified }}</td>
+          </tr>
+        {{/files}}
+        </tbody>
+      </table>
     </script>
     <script id="tpl-bcr" type="x-tmpl-mustache">
       {{#files}}
@@ -27,8 +49,8 @@
       <span class="breadcrumb-item active">{{ fName }}</span>
     </script>
     <script id="tpl-bcr3" type="x-tmpl-mustache">
-      <div class="pull-right align-middle">
-        <i class="fa fa-th-large"></i>
+      <div id="ansicht" class="pull-right align-middle">
+        <i class="fa fa-th-list"></i>
       </div>              
     </script>
   </head>
@@ -42,14 +64,14 @@
             <a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">Datei</a>
             <div class="dropdown-menu">
               <a id="newTextFile" class="dropdown-item" href="#">Neue Text-Datei..</a>
-              <a class="dropdown-item" href="#">Neues Dokument..</a>
+              <a class="dropdown-item disabled" href="#">Neues Dokument..</a>
               <a id="newFolder" class="dropdown-item" href="#">Neuer Ordner..</a>
               <div class="dropdown-divider"></div>
-              <a class="dropdown-item" href="#">Ansehen als Code</a>
-              <a class="dropdown-item" href="#">Ansehen als Dokument</a>
+              <a class="dropdown-item disabled" href="#">Ansehen als Code</a>
+              <a class="dropdown-item disabled" href="#">Ansehen als Dokument</a>
               <div class="dropdown-divider"></div>
               <a id="editTextFile" class="dropdown-item" href="#">Bearbeiten als Code</a>
-              <a class="dropdown-item" href="#">Bearbeiten als Dokument</a>
+              <a class="dropdown-item disabled" href="#">Bearbeiten als Dokument</a>
               <div class="dropdown-divider"></div>
               <a id="saveFile" class="dropdown-item" href="#">Speichern</a>
               <div class="dropdown-divider"></div>
@@ -118,7 +140,9 @@
         <div id="dateiansicht">
           <!-- Breadcrumb Start -->
           <div class="zentrum-bc">
-            <nav class="breadcrumb" id="bcnav">
+            <nav class="breadcrumb mr-5" id="bcnav">
+              
+              <!--
               <a class="breadcrumb-item" href="#">Home</a>
               <a class="breadcrumb-item" href="#">Library</a>
               <a class="breadcrumb-item" href="#">Data</a>
@@ -126,11 +150,15 @@
               <div class="pull-right align-middle">
                 <i class="fa fa-th-large"></i>
               </div>
-            </nav>            
+              -->
+              
+            </nav>             
           </div>
           <!-- Breadcrumb Ende -->
           <!-- Dateikacheln Start -->
           <div class="zentrum-liste" id="dateien">
+            
+            <!--
             <figure class="figure datei-figure text-center text-warning align-top">
               <i class="fa fa-folder fa-3x"></i>
               <figcaption class="figure-caption">Kurzer Text</figcaption>
@@ -155,6 +183,8 @@
               <i class="fa fa-folder fa-3x"></i>
               <figcaption class="figure-caption">Wort3</figcaption>
             </figure>   
+            -->
+            
           </div>
           <!-- Dateikacheln Ende -->
         </div>

--
Gitblit v1.9.3