From bf56be31ddaaee5333625e2f5a2e733f7651c7ef Mon Sep 17 00:00:00 2001
From: ulrich
Date: Thu, 21 Jan 2021 18:44:56 +0000
Subject: [PATCH] Ausbau jquery aus foto-ui und umstellung des foto ui auf flex-box, noch in arbeit
---
web/ui2/index.html | 84 ++++++++++++++++++++++-------------------
1 files changed, 45 insertions(+), 39 deletions(-)
diff --git a/web/ui2/index.html b/web/ui2/index.html
index 0225b0a..0570e80 100644
--- a/web/ui2/index.html
+++ b/web/ui2/index.html
@@ -1,27 +1,31 @@
<!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">
@@ -29,38 +33,32 @@
<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>
@@ -72,7 +70,12 @@
</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>
@@ -85,6 +88,9 @@
<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>
--
Gitblit v1.9.3