Dateiverwaltung für die WebBox
ulrich
2021-01-06 53119fbeeaf9dbbf6c3a2ae492b9940cb5550054
web/ui/index.html
@@ -8,6 +8,7 @@
    <link rel="stylesheet" href="/jslib/codemirror/addon/display/fullscreen.css">        
    <link rel="stylesheet" type="text/css" href="/jslib/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="/jslib/font-awesome/css/font-awesome.min.css">
    <link rel="stylesheet" type="text/css" href="/jslib/fancybox/jquery.fancybox.min.css">
    <link rel="stylesheet" type="text/css" href="/jslib/lightbox/lightbox.css">
    <link rel="stylesheet" type="text/css" href="stile.css">
    <script id="tpl-ci" type="x-tmpl-mustache">
@@ -22,7 +23,14 @@
      {{#files}}          
        <figure class="figure datei-figure text-center text-warning align-top datei-elem">
          {{#mini}}
            <img class="datei" src="{{miniurl}}"  width="60" height="40" />
            {{#dia}}
              <a href="{{bildurl}}" data-fancybox="group" data-caption="">
                <img class="datei" src="{{miniurl}}" />
              </a>
            {{/dia}}
            {{^dia}}
              <img class="datei" src="{{miniurl}}" />
            {{/dia}}
          {{/mini}}
          {{^mini}}
            <i class="fa {{ typeClass }} fa-3x"></i>
@@ -46,9 +54,9 @@
          <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>
            <td>{{ fileSize }}</td>
            <td>{{ fr.mimetype }}</td>
            <td>{{ fileDate }}</td>
          </tr>
        {{/files}}
        </tbody>
@@ -76,6 +84,8 @@
          <li class="nav-item dropdown">
            <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="newTab" class="dropdown-item" href="#">Neuer Reiter</a>
              <div class="dropdown-divider"></div>
              <a id="newTextFile" class="dropdown-item" href="#">Neuer Text..</a>
              <a id="newDoc" class="dropdown-item" href="#">Neues Dokument..</a>
              <a id="newFolder" class="dropdown-item" href="#">Neuer Ordner..</a>
@@ -84,12 +94,16 @@
              <a id="editDocFile" class="dropdown-item" href="#">&Ouml;ffnen als Dokument</a>
              <div class="dropdown-divider"></div>
              <a id="viewFile" class="dropdown-item" href="#">Ansehen</a>
              <a id="viewSlideshow" class="dropdown-item" href="#">Diashow</a>
              <!--<a class="dropdown-item" href="#">Ansehen als Dokument</a>-->
              <div class="dropdown-divider"></div>
              <a id="saveFile" class="dropdown-item" href="#">Speichern</a>
              <a id="saveFileAs" class="dropdown-item" href="#">Speichern unter..</a>
              <div class="dropdown-divider"></div>
              <a id="renameFile" class="dropdown-item" href="#">Umbenennen..</a>
              <a id="m-zip" class="dropdown-item" href="#">Ordner packen</a>
              <a id="m-unzip" class="dropdown-item" href="#">Entpacken</a>
              <a id="m-html-export" class="dropdown-item" href="#">Export HTML</a>
              <div class="dropdown-divider"></div>
              <a id="closeFile" class="dropdown-item" href="#">Schliessen</a>
            </div>
@@ -102,6 +116,7 @@
              <a id="m-paste" class="dropdown-item" href="#">Einf&uuml;gen</a>
              <div class="dropdown-divider"></div>
              <a id="m-shrink" class="dropdown-item" href="#">Verkleinern</a>
              <a id="m-rotate" class="dropdown-item" href="#">Rotieren</a>
              <div class="dropdown-divider"></div>
              <a id="m-del" class="dropdown-item" href="#">L&ouml;schen</a>
            </div>
@@ -115,13 +130,17 @@
              <a class="dropdown-item" href="/wbx/mng">Apps verwalten</a>
              <a class="dropdown-item" href="/um/ui">Benutzer verwalten</a>
              <a class="dropdown-item disabled" href="/file-cms/ui">Dateien verwalten</a>
              <a class="dropdown-item" href="/wbx-dbcon/ui">Datenbanken verwalten</a>
              <div class="dropdown-divider"></div>
              <a id="m-toggle-slideshow" class="dropdown-item" href="#">Diashow einschalten</a>
              <a id="m-test" class="dropdown-item" href="#">Test</a>
              <a id="m-test-2" class="dropdown-item" href="#">Compile</a>
              <a id="m-test-3" class="dropdown-item" href="#">Compile all</a>
              <a id="m-compile-results" class="dropdown-item" href="#">Compile results</a>
              <a id="m-build-app" class="dropdown-item" href="#">Build app</a>
              <a id="m-ant-build" class="dropdown-item" href="#">Ant build</a>
              <div class="dropdown-divider"></div>
              <a id="profil" class="dropdown-item" href="/um/profil">Profil</a>
              <a id="logout" class="dropdown-item" href="#">Abmelden</a>
            </div>
          </li>
@@ -225,6 +244,7 @@
    </div>
    <!-- Skripte -->
    <script src="/jslib/jquery/jquery.min.js"></script>
    <!--<script src="/jslib/jquery-3.2.1/jquery.min.js"></script>-->
    <script src="/jslib/codemirror/lib/codemirror.js"></script>
    
    <script src="/jslib/codemirror/mode/javascript/javascript.js"></script>
@@ -237,7 +257,12 @@
    <script src="/jslib/tether/tether.min.js"></script>
    <script src="/jslib/bootstrap/js/bootstrap.min.js"></script>
    <script src="/jslib/mustache/mustache.min.js"></script>
    <script src="/jslib/fancybox/jquery.fancybox.min.js"></script>
    <script src="/jslib/lightbox/lightbox.min.js"></script>
    <script src="/jslib/moment/moment-with-locales.min.js"></script>
    <script src="/jslib/numeral/numeral.min.js"></script>
    <script src="data.js"></script>
    <script src="api.js"></script>
    <script src="ui.js"></script>
    <script type="text/javascript" charset="utf-8">
      //var ui;