| | |
| | | <!DOCTYPE html> |
| | | <html> |
| | | <head> |
| | | <title>Dateiverwaltung</title> |
| | | <title>Dateien</title> |
| | | <meta charset="UTF-8"> |
| | | <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
| | | <meta name="apple-mobile-web-app-capable" content="yes" /> |
| | |
| | | |
| | | <!-- 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 Benutzer" class="top-btn" id="top-neu-btn"><i class="icon-doc-text-inv datei"></i></button> |
| | | <button type="button" title="Abmelden" class="top-btn" id="top-logout-btn"><i class="icon-folder"></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"> |
| | | <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> |