Dateiverwaltung für die WebBox
ulrich
2021-01-17 f320427aedc5b1bd73da7e08c0e84cef9d7ec66f
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">
f32042 25         <button type="button"  title="Neuer Text" class="top-btn" id="top-neuer-text-btn"><i class="icon-doc-text-inv datei"></i></button>
U 26         <button type="button"  title="Neuer Ordner" class="top-btn" id="top-neuer-ordner-btn"><i class="icon-folder"></i></button>
27         <button type="button"  title="Schlie&szlig;en" class="top-btn" id="top-close-btn"><i class="icon-cancel"></i></button>
05e9c4 28       </div>
U 29     </div>
30     <div class="inhalt">
31       <!-- westliche Seitenleiste -->
32       <div class="west">
33         westliche Seitenleiste
34       </div>
5b4d03 35       <div class="zentrum-behaelter">
05e9c4 36         <!-- Einblendbereich -->
U 37         <div class="dialog"></div>
5b4d03 38         <!-- Codemirror Start -->
U 39         <div class="codeeditor-space">
40           <textarea class="codeeditor" id="editspace"></textarea>       
f002d9 41         </div>
5b4d03 42         <!-- Codemirror Ende -->
U 43         <!-- TinyMCE Start -->
4e450e 44         <div id="mce-editor" class="mce-editor">
5b4d03 45           <textarea class="text-editor" id="text-editspace"></textarea>
U 46         </div>        
47         <!-- TinyMCE Ende -->
48         <!-- Breadcrumb -->
49         <div class="breadcrumb">
50           <a class="bc-link">Ordner 1</a> / 
51           <a class="bc-link">Ordner 2</a>
52         </div>
53         <!-- zentraler Inhaltsbereich -->
54         <div class="zentrum">
55           <div class="zentraler-inhalt">
56             <div class="zentrum-liste" id="dateien">
57               <figure>
58                 <i class="icon-folder"> </i> 
59                 <figcaption class="i-name">icon-folder</figcaption>
60               </figure>
58bcbd 61             </div>
05e9c4 62           </div>
U 63         </div>
64       </div>
65       <!-- oestliche Seitenleiste -->
66       <div class="ost ost-open">
67         &ouml;stliche Seitenleiste
68       </div>
69     </div>
70     <!-- Fusszeile -->
71     <div class="sued sued-open">
72       Fußzeile
73     </div>
74     <!-- Skripte -->
631a88 75     <script src="/jslib/mustache/mustache.min.js"></script>
05e9c4 76     <script src="/jslib/moment/moment-with-locales.min.js"></script>
U 77     <script src="/jslib/numeral/numeral.min.js"></script>    
f002d9 78     <script src="/jslib/codemirror/lib/codemirror.js"></script>
U 79     <script src="/jslib/codemirror/mode/javascript/javascript.js"></script>
80     <script src="/jslib/codemirror/mode/xml/xml.js"></script>
81     <script src="/jslib/codemirror/mode/htmlmixed/htmlmixed.js"></script>
82     <script src="/jslib/codemirror/mode/clike/clike.js"></script>
83     <script src="/jslib/codemirror/addon/display/fullscreen.js"></script>
84     <script src="/jslib/tinymce/tinymce.min.js"></script>
05e9c4 85     <script src="js/app-menu.js"></script>
58bcbd 86     <script src="js/data.js"></script>
05e9c4 87     <script src="js/app.js"></script>
U 88     <script>
89       var app;
90       document.addEventListener('DOMContentLoaded', function () {
91         app = new AppVorlage();
92         app.init();
93       });
94     </script>
95   </body>
96 </html>