Dateiverwaltung für die WebBox
blame | history | patch | commit | commitdiff | ignore whitespace
ulrich
2021-01-17 98f80cb3ee28a14a91a54585f6c92d3d8ac85cfb 
 web/ui2/index.html


@@ -1,25 +1,29 @@


<!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" />


    <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-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">


@@ -30,12 +34,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 +71,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;