Dateiverwaltung für die WebBox
ulrich
2021-01-28 81abd5a101a52f7ca9c803af879815dacae028b1
commit | author | age
05e9c4 1 <!DOCTYPE html>
U 2 <html>
3   <head>
b65512 4     <title>Dateien</title>
c79727 5     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
05e9c4 6     <meta name="viewport" content="width=device-width, initial-scale=1.0">
U 7     <meta name="apple-mobile-web-app-capable" content="yes" />
ebc1f3 8     <link rel="stylesheet" href="/jslib/codemirror/lib/codemirror.css">        
9350c9 9     <link rel="stylesheet" type="text/css" href="/jslib/fancybox/jquery.fancybox.min.css">
U 10     <link rel="stylesheet" type="text/css" href="/jslib/lightbox/lightbox.css">
05e9c4 11     <link rel="stylesheet" type="text/css" href="stile.css">
U 12   </head>
13   <body>
ebc1f3 14     
05e9c4 15     <!-- Kopfzeile -->
U 16     <div class="nord">
b65512 17       <div id="nav-toggle" class="hamburger hamburger--elastic">
U 18         <div class="hamburger-box">
19           <div class="hamburger-inner"></div>
05e9c4 20         </div>
b65512 21       </div>
05e9c4 22       <div class="app-titel">
b65512 23         <span id="app-titel">Dateien</span>
U 24       </div>
25       <div class="top-btn-area">
f32042 26         <button type="button"  title="Neuer Text" class="top-btn" id="top-neuer-text-btn"><i class="icon-doc-text-inv datei"></i></button>
U 27         <button type="button"  title="Neuer Ordner" class="top-btn" id="top-neuer-ordner-btn"><i class="icon-folder"></i></button>
28         <button type="button"  title="Schlie&szlig;en" class="top-btn" id="top-close-btn"><i class="icon-cancel"></i></button>
05e9c4 29       </div>
U 30     </div>
31     <div class="inhalt">
32       <!-- westliche Seitenleiste -->
33       <div class="west">
34         westliche Seitenleiste
35       </div>
5b4d03 36       <div class="zentrum-behaelter">
05e9c4 37         <!-- Einblendbereich -->
U 38         <div class="dialog"></div>
5b4d03 39         <!-- Codemirror Start -->
U 40         <div class="codeeditor-space">
41           <textarea class="codeeditor" id="editspace"></textarea>       
f002d9 42         </div>
5b4d03 43         <!-- Codemirror Ende -->
U 44         <!-- TinyMCE Start -->
4e450e 45         <div id="mce-editor" class="mce-editor">
5b4d03 46           <textarea class="text-editor" id="text-editspace"></textarea>
U 47         </div>        
48         <!-- TinyMCE Ende -->
49         <!-- Breadcrumb -->
50         <div class="breadcrumb">
51           <a class="bc-link">Ordner 1</a> / 
52           <a class="bc-link">Ordner 2</a>
53         </div>
54         <!-- zentraler Inhaltsbereich -->
8e238e 55         <div class="zentrum" id="upload-target">
5b4d03 56           <div class="zentraler-inhalt">
U 57             <div class="zentrum-liste" id="dateien">
58               <figure>
59                 <i class="icon-folder"> </i> 
60                 <figcaption class="i-name">icon-folder</figcaption>
61               </figure>
58bcbd 62             </div>
05e9c4 63           </div>
U 64         </div>
65       </div>
66       <!-- oestliche Seitenleiste -->
67       <div class="ost ost-open">
68         &ouml;stliche Seitenleiste
69       </div>
70     </div>
71     <!-- Fusszeile -->
72     <div class="sued sued-open">
122cf8 73       <button id="fusszeile-schliessen" type="button" class="close" aria-label="Close">
U 74         <span aria-hidden="true">&times;</span>
75       </button>
76       <div class="system-out">
77         
78       </div>
05e9c4 79     </div>
U 80     <!-- Skripte -->
631a88 81     <script src="/jslib/mustache/mustache.min.js"></script>
05e9c4 82     <script src="/jslib/moment/moment-with-locales.min.js"></script>
U 83     <script src="/jslib/numeral/numeral.min.js"></script>    
f002d9 84     <script src="/jslib/codemirror/lib/codemirror.js"></script>
U 85     <script src="/jslib/codemirror/mode/javascript/javascript.js"></script>
86     <script src="/jslib/codemirror/mode/xml/xml.js"></script>
87     <script src="/jslib/codemirror/mode/htmlmixed/htmlmixed.js"></script>
88     <script src="/jslib/codemirror/mode/clike/clike.js"></script>
89     <script src="/jslib/codemirror/addon/display/fullscreen.js"></script>
90     <script src="/jslib/tinymce/tinymce.min.js"></script>
820953 91     <script src="/jslib/jquery/jquery.min.js"></script>
U 92     <script src="/jslib/fancybox/jquery.fancybox.min.js"></script>
93     <script src="/jslib/lightbox/lightbox.min.js"></script>
05e9c4 94     <script src="js/app-menu.js"></script>
58bcbd 95     <script src="js/data.js"></script>
05e9c4 96     <script src="js/app.js"></script>
U 97     <script>
98       var app;
99       document.addEventListener('DOMContentLoaded', function () {
100         app = new AppVorlage();
101         app.init();
102       });
103     </script>
104   </body>
105 </html>