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