Dateiverwaltung für die WebBox
ulrich
2021-01-17 0783c52c0ea7d1dfd11c127f3360b543d605b22f
commit | author | age
05e9c4 1 <!DOCTYPE html>
U 2 <html>
3   <head>
b65512 4     <title>Dateien</title>
05e9c4 5     <meta charset="UTF-8">
U 6     <meta name="viewport" content="width=device-width, initial-scale=1.0">
7     <meta name="apple-mobile-web-app-capable" content="yes" />
8     <link href="https://fonts.googleapis.com/css?family=Roboto+Condensed" rel="stylesheet">
ebc1f3 9     <link rel="stylesheet" href="/jslib/codemirror/lib/codemirror.css">        
05e9c4 10     <link rel="stylesheet" type="text/css" href="stile.css">
U 11   </head>
12   <body>
ebc1f3 13     
05e9c4 14     <!-- Kopfzeile -->
U 15     <div class="nord">
b65512 16       <div id="nav-toggle" class="hamburger hamburger--elastic">
U 17         <div class="hamburger-box">
18           <div class="hamburger-inner"></div>
05e9c4 19         </div>
b65512 20       </div>
05e9c4 21       <div class="app-titel">
b65512 22         <span id="app-titel">Dateien</span>
U 23       </div>
24       <div class="top-btn-area">
25         <button type="button"  title="Neuer Benutzer" class="top-btn" id="top-neu-btn"><i class="icon-doc-text-inv datei"></i></button>
26         <button type="button"  title="Abmelden" class="top-btn" id="top-logout-btn"><i class="icon-folder"></i></button>
05e9c4 27       </div>
U 28     </div>
29     <div class="inhalt">
30       <!-- westliche Seitenleiste -->
31       <div class="west">
32         westliche Seitenleiste
33       </div>
5b4d03 34       <div class="zentrum-behaelter">
05e9c4 35         <!-- Einblendbereich -->
U 36         <div class="dialog"></div>
5b4d03 37         <!-- Codemirror Start -->
U 38         <div class="codeeditor-space">
39           <textarea class="codeeditor" id="editspace"></textarea>       
f002d9 40         </div>
5b4d03 41         <!-- Codemirror Ende -->
U 42         <!-- TinyMCE Start -->
4e450e 43         <div id="mce-editor" class="mce-editor">
5b4d03 44           <textarea class="text-editor" id="text-editspace"></textarea>
U 45         </div>        
46         <!-- TinyMCE Ende -->
47         <!-- Breadcrumb -->
48         <div class="breadcrumb">
49           <a class="bc-link">Ordner 1</a> / 
50           <a class="bc-link">Ordner 2</a>
51         </div>
52         <!-- zentraler Inhaltsbereich -->
53         <div class="zentrum">
54           <div class="zentraler-inhalt">
55             <div class="zentrum-liste" id="dateien">
56               <figure>
57                 <i class="icon-folder"> </i> 
58                 <figcaption class="i-name">icon-folder</figcaption>
59               </figure>
58bcbd 60             </div>
05e9c4 61           </div>
U 62         </div>
63       </div>
64       <!-- oestliche Seitenleiste -->
65       <div class="ost ost-open">
66         &ouml;stliche Seitenleiste
67       </div>
68     </div>
69     <!-- Fusszeile -->
70     <div class="sued sued-open">
71       Fußzeile
72     </div>
73     <!-- Skripte -->
631a88 74     <script src="/jslib/mustache/mustache.min.js"></script>
05e9c4 75     <script src="/jslib/moment/moment-with-locales.min.js"></script>
U 76     <script src="/jslib/numeral/numeral.min.js"></script>    
f002d9 77     <script src="/jslib/codemirror/lib/codemirror.js"></script>
U 78     <script src="/jslib/codemirror/mode/javascript/javascript.js"></script>
79     <script src="/jslib/codemirror/mode/xml/xml.js"></script>
80     <script src="/jslib/codemirror/mode/htmlmixed/htmlmixed.js"></script>
81     <script src="/jslib/codemirror/mode/clike/clike.js"></script>
82     <script src="/jslib/codemirror/addon/display/fullscreen.js"></script>
83     <script src="/jslib/tinymce/tinymce.min.js"></script>
05e9c4 84     <script src="js/app-menu.js"></script>
58bcbd 85     <script src="js/data.js"></script>
05e9c4 86     <script src="js/app.js"></script>
U 87     <script>
88       var app;
89       document.addEventListener('DOMContentLoaded', function () {
90         app = new AppVorlage();
91         app.init();
92       });
93     </script>
94   </body>
95 </html>