Dateiverwaltung für die WebBox
ulrich
2021-01-14 ebc1f371409171987dee6a782145189e25cc4d56
commit | author | age
05e9c4 1 <!DOCTYPE html>
U 2 <html>
3   <head>
4     <title>Dateiverwaltung</title>
5     <meta charset="UTF-8">
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">
16       <div id="nav-menu">
17         <div id="nav-toggle" class="hamburger hamburger--elastic">
18           <div class="hamburger-box">
19             <div class="hamburger-inner"></div>
20           </div>
21         </div>
22       </div>
23       <div class="app-titel">
24         <span id="app-titel">Dateiverwaltung</span>
25       </div>
26     </div>
27     <div class="inhalt">
28       <!-- westliche Seitenleiste -->
29       <div class="west">
30         westliche Seitenleiste
31       </div>
ebc1f3 32       <div class="arbeitsbereich">
05e9c4 33         <!-- Einblendbereich -->
U 34         <div class="dialog"></div>
ebc1f3 35         <div class="editor-behaelter">
U 36           <!-- Codemirror Start -->
37           <div class="code-editor-container">
38           <div class="codeeditor-space">
39             <textarea class="codeeditor" id="editspace"></textarea>       
40           </div>
41           </div>
42           <!-- Codemirror Ende -->
43           <!-- TinyMCE Start -->
44           <div id="mce-editor" class="pl-3 pr-3">
45             <textarea class="text-editor" id="text-editspace"></textarea>
46           </div>        
47           <!-- TinyMCE Ende -->
f002d9 48         </div>
ebc1f3 49         <div class="zentrum-behaelter">
U 50           <!-- Breadcrumb -->
51           <div class="breadcrumb">
52             <a class="bc-link">Ordner 1</a> / 
53             <a class="bc-link">Ordner 2</a>
54           </div>
55           <!-- zentraler Inhaltsbereich -->
56           <div class="zentrum">
57             <div class="zentraler-inhalt">
58               <div class="zentrum-liste" id="dateien">
59                 <figure>
60                   <i class="icon-folder"> </i> 
61                   <figcaption class="i-name">icon-folder</figcaption>
62                 </figure>
63               </div>
58bcbd 64             </div>
05e9c4 65           </div>
U 66         </div>
67       </div>
68       <!-- oestliche Seitenleiste -->
69       <div class="ost ost-open">
70         &ouml;stliche Seitenleiste
71       </div>
72     </div>
73     <!-- Fusszeile -->
74     <div class="sued sued-open">
75       Fußzeile
76     </div>
77     <!-- Skripte -->
631a88 78     <script src="/jslib/mustache/mustache.min.js"></script>
05e9c4 79     <script src="/jslib/moment/moment-with-locales.min.js"></script>
U 80     <script src="/jslib/numeral/numeral.min.js"></script>    
f002d9 81     <script src="/jslib/codemirror/lib/codemirror.js"></script>
U 82     <script src="/jslib/codemirror/mode/javascript/javascript.js"></script>
83     <script src="/jslib/codemirror/mode/xml/xml.js"></script>
84     <script src="/jslib/codemirror/mode/htmlmixed/htmlmixed.js"></script>
85     <script src="/jslib/codemirror/mode/clike/clike.js"></script>
86     <script src="/jslib/codemirror/addon/display/fullscreen.js"></script>
87     <script src="/jslib/tinymce/tinymce.min.js"></script>
05e9c4 88     <script src="js/app-menu.js"></script>
58bcbd 89     <script src="js/data.js"></script>
05e9c4 90     <script src="js/app.js"></script>
U 91     <script>
92       var app;
93       document.addEventListener('DOMContentLoaded', function () {
94         app = new AppVorlage();
95         app.init();
96       });
97     </script>
98   </body>
99 </html>