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 | 68 ++++++++++++++++++++++++++++------ 1 files changed, 56 insertions(+), 12 deletions(-) diff --git a/web/ui/index.html b/web/ui/index.html index bcd6555..5c3eb16 100644 --- a/web/ui/index.html +++ b/web/ui/index.html @@ -11,12 +11,47 @@ <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"> - <i class="fa {{ typeClass }} fa-folder fa-3x"></i> - <figcaption class="figure-caption">{{ fr.absolutePath }}</figcaption> + <figure class="figure datei-figure text-center text-warning align-top datei-elem"> + <i class="fa {{ typeClass }} fa-3x"></i> + <figcaption class="figure-caption dateiname">{{ fileName }}</figcaption> </figure> + {{/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öße</th> + <th>Art</th> + <th>geä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> </td> + <td>{{ fr.lastModified }}</td> + </tr> + {{/files}} + </tbody> + </table> + </script> + <script id="tpl-bcr" type="x-tmpl-mustache"> + {{#files}} + <a class="breadcrumb-item" rpath="{{ relPath }}" href="#">{{ fName }}</a> {{/files}} - + </script> + <script id="tpl-bcr2" type="x-tmpl-mustache"> + <span class="breadcrumb-item active">{{ fName }}</span> + </script> + <script id="tpl-bcr3" type="x-tmpl-mustache"> + <div id="ansicht" class="pull-right align-middle"> + <i class="fa fa-th-list"></i> + </div> </script> </head> <body> @@ -29,13 +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 class="dropdown-item" href="#">Bearbeiten als Code</a> - <a class="dropdown-item" href="#">Bearbeiten als Dokument</a> + <a id="editTextFile" class="dropdown-item" href="#">Bearbeiten als Code</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> @@ -104,7 +140,9 @@ <div id="dateiansicht"> <!-- Breadcrumb Start --> <div class="zentrum-bc"> - <nav class="breadcrumb"> + <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> @@ -112,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> @@ -141,6 +183,8 @@ <i class="fa fa-folder fa-3x"></i> <figcaption class="figure-caption">Wort3</figcaption> </figure> + --> + </div> <!-- Dateikacheln Ende --> </div> @@ -156,7 +200,7 @@ </button> </div> <div class="modal-body"> - <p>Dateiname?</p> + <p id="dialogfrage">Dateiname?</p> <input class="form-control eingabe" type="text" size="20" maxlength="250" placeholder="Dateiname" name="dateiname" id="dateiname"> </div> <div class="modal-footer"> -- Gitblit v1.9.3