| | |
|---|
| | | <!DOCTYPE html> |
|---|
| | | <html> |
|---|
| | | <head> |
|---|
| | | <title>Dateiverwaltung</title> |
|---|
| | | <meta charset="UTF-8"> |
|---|
| | | <title>Dateien</title> |
|---|
| | | <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> |
|---|
| | | <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|---|
| | | <meta name="apple-mobile-web-app-capable" content="yes" /> |
|---|
| | | <link href="https://fonts.googleapis.com/css?family=Roboto+Condensed" rel="stylesheet"> |
|---|
| | | <link rel="stylesheet" href="/jslib/codemirror/lib/codemirror.css"> |
|---|
| | | <link rel="stylesheet" type="text/css" href="/jslib/fancybox/jquery.fancybox.min.css"> |
|---|
| | | <link rel="stylesheet" type="text/css" href="/jslib/lightbox/lightbox.css"> |
|---|
| | | <link rel="stylesheet" type="text/css" href="stile.css"> |
|---|
| | | </head> |
|---|
| | | <body> |
|---|
| | | |
|---|
| | | <!-- Kopfzeile --> |
|---|
| | | <div class="nord"> |
|---|
| | | <div id="nav-menu"> |
|---|
| | | <div id="nav-toggle" class="hamburger hamburger--elastic"> |
|---|
| | | <div class="hamburger-box"> |
|---|
| | | <div class="hamburger-inner"></div> |
|---|
| | | </div> |
|---|
| | | <div id="nav-toggle" class="hamburger hamburger--elastic"> |
|---|
| | | <div class="hamburger-box"> |
|---|
| | | <div class="hamburger-inner"></div> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | <div class="app-titel"> |
|---|
| | | <span id="app-titel">Dateiverwaltung</span> |
|---|
| | | <span id="app-titel">Dateien</span> |
|---|
| | | </div> |
|---|
| | | <div class="top-btn-area"> |
|---|
| | | <button type="button" title="Neuer Text" class="top-btn" id="top-neuer-text-btn"><i class="icon-doc-text-inv datei"></i></button> |
|---|
| | | <button type="button" title="Neuer Ordner" class="top-btn" id="top-neuer-ordner-btn"><i class="icon-folder"></i></button> |
|---|
| | | <button type="button" title="Schließen" class="top-btn" id="top-close-btn"><i class="icon-cancel"></i></button> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | <div class="inhalt"> |
|---|
| | |
|---|
| | | <div class="west"> |
|---|
| | | westliche Seitenleiste |
|---|
| | | </div> |
|---|
| | | <div class="arbeitsbereich"> |
|---|
| | | <div class="zentrum-behaelter"> |
|---|
| | | <!-- Einblendbereich --> |
|---|
| | | <div class="dialog"></div> |
|---|
| | | <div class="editor-behaelter"> |
|---|
| | | <!-- Codemirror Start --> |
|---|
| | | <div class="code-editor-container"> |
|---|
| | | <div class="codeeditor-space"> |
|---|
| | | <textarea class="codeeditor" id="editspace"></textarea> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | <!-- Codemirror Ende --> |
|---|
| | | <!-- TinyMCE Start --> |
|---|
| | | <div id="mce-editor" class="pl-3 pr-3"> |
|---|
| | | <textarea class="text-editor" id="text-editspace"></textarea> |
|---|
| | | </div> |
|---|
| | | <!-- TinyMCE Ende --> |
|---|
| | | <!-- Codemirror Start --> |
|---|
| | | <div class="codeeditor-space"> |
|---|
| | | <textarea class="codeeditor" id="editspace"></textarea> |
|---|
| | | </div> |
|---|
| | | <div class="zentrum-behaelter"> |
|---|
| | | <!-- Breadcrumb --> |
|---|
| | | <div class="breadcrumb"> |
|---|
| | | <a class="bc-link">Ordner 1</a> / |
|---|
| | | <a class="bc-link">Ordner 2</a> |
|---|
| | | </div> |
|---|
| | | <!-- zentraler Inhaltsbereich --> |
|---|
| | | <div class="zentrum"> |
|---|
| | | <div class="zentraler-inhalt"> |
|---|
| | | <div class="zentrum-liste" id="dateien"> |
|---|
| | | <figure> |
|---|
| | | <i class="icon-folder"> </i> |
|---|
| | | <figcaption class="i-name">icon-folder</figcaption> |
|---|
| | | </figure> |
|---|
| | | </div> |
|---|
| | | <!-- Codemirror Ende --> |
|---|
| | | <!-- TinyMCE Start --> |
|---|
| | | <div id="mce-editor" class="mce-editor"> |
|---|
| | | <textarea class="text-editor" id="text-editspace"></textarea> |
|---|
| | | </div> |
|---|
| | | <!-- TinyMCE Ende --> |
|---|
| | | <!-- Breadcrumb --> |
|---|
| | | <div class="breadcrumb"> |
|---|
| | | <a class="bc-link">Ordner 1</a> / |
|---|
| | | <a class="bc-link">Ordner 2</a> |
|---|
| | | </div> |
|---|
| | | <!-- zentraler Inhaltsbereich --> |
|---|
| | | <div class="zentrum" id="upload-target"> |
|---|
| | | <div class="zentraler-inhalt"> |
|---|
| | | <div class="zentrum-liste" id="dateien"> |
|---|
| | | <figure> |
|---|
| | | <i class="icon-folder"> </i> |
|---|
| | | <figcaption class="i-name">icon-folder</figcaption> |
|---|
| | | </figure> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | |
|---|
| | | </div> |
|---|
| | | <!-- Fusszeile --> |
|---|
| | | <div class="sued sued-open"> |
|---|
| | | Fußzeile |
|---|
| | | <button id="fusszeile-schliessen" type="button" class="close" aria-label="Close"> |
|---|
| | | <span aria-hidden="true">×</span> |
|---|
| | | </button> |
|---|
| | | <div class="system-out"> |
|---|
| | | |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | <!-- Skripte --> |
|---|
| | | <script src="/jslib/mustache/mustache.min.js"></script> |
|---|
| | |
|---|
| | | <script src="/jslib/codemirror/mode/clike/clike.js"></script> |
|---|
| | | <script src="/jslib/codemirror/addon/display/fullscreen.js"></script> |
|---|
| | | <script src="/jslib/tinymce/tinymce.min.js"></script> |
|---|
| | | <script src="/jslib/jquery/jquery.min.js"></script> |
|---|
| | | <script src="/jslib/fancybox/jquery.fancybox.min.js"></script> |
|---|
| | | <script src="/jslib/lightbox/lightbox.min.js"></script> |
|---|
| | | <script src="js/app-menu.js"></script> |
|---|
| | | <script src="js/data.js"></script> |
|---|
| | | <script src="js/app.js"></script> |
|---|
