Dateiverwaltung für die WebBox
ulrich
2021-01-20 8209533883044451ce7e1742f5a10c4b78679fc3
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">        
05e9c4 9     <link rel="stylesheet" type="text/css" href="stile.css">
U 10   </head>
11   <body>
ebc1f3 12     
05e9c4 13     <!-- Kopfzeile -->
U 14     <div class="nord">
b65512 15       <div id="nav-toggle" class="hamburger hamburger--elastic">
U 16         <div class="hamburger-box">
17           <div class="hamburger-inner"></div>
05e9c4 18         </div>
b65512 19       </div>
05e9c4 20       <div class="app-titel">
b65512 21         <span id="app-titel">Dateien</span>
U 22       </div>
23       <div class="top-btn-area">
f32042 24         <button type="button"  title="Neuer Text" class="top-btn" id="top-neuer-text-btn"><i class="icon-doc-text-inv datei"></i></button>
U 25         <button type="button"  title="Neuer Ordner" class="top-btn" id="top-neuer-ordner-btn"><i class="icon-folder"></i></button>
26         <button type="button"  title="Schlie&szlig;en" class="top-btn" id="top-close-btn"><i class="icon-cancel"></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>
820953 84     <script src="/jslib/jquery/jquery.min.js"></script>
U 85     <script src="/jslib/fancybox/jquery.fancybox.min.js"></script>
86     <script src="/jslib/lightbox/lightbox.min.js"></script>
05e9c4 87     <script src="js/app-menu.js"></script>
58bcbd 88     <script src="js/data.js"></script>
05e9c4 89     <script src="js/app.js"></script>
U 90     <script>
91       var app;
92       document.addEventListener('DOMContentLoaded', function () {
93         app = new AppVorlage();
94         app.init();
95       });
96     </script>
97   </body>
98 </html>