| | |
|---|
| | | <!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="stile.css"> |
|---|
| | | </head> |
|---|
| | |
|---|
| | | |
|---|
| | | <!-- 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"> |
|---|
| | | <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> |
|---|
