From c7c5020d1ad7e4fc39c7ae08db4afe4cf2956c0c Mon Sep 17 00:00:00 2001
From: ulrich <ulrich@uhilger.de>
Date: Tue, 14 Feb 2017 17:47:58 +0000
Subject: [PATCH] FileMgr Api begonnen
---
web/WEB-INF/web.xml | 4 +
web/ui/index.html | 112 ++++++++++++++++++++++++++++
web/ui/stile.css | 58 ++++++++++++++
src/java/de/uhilger/filecms/api/FileMgr.java | 34 ++++++++
web/ui/ui.js | 5 +
5 files changed, 213 insertions(+), 0 deletions(-)
diff --git a/src/java/de/uhilger/filecms/api/FileMgr.java b/src/java/de/uhilger/filecms/api/FileMgr.java
new file mode 100644
index 0000000..b7f7a70
--- /dev/null
+++ b/src/java/de/uhilger/filecms/api/FileMgr.java
@@ -0,0 +1,34 @@
+package de.uhilger.filecms.api;
+
+import de.uhilger.filesystem.FileRef;
+import de.uhilger.transit.web.WebKontext;
+import javax.servlet.ServletContext;
+
+/**
+ *
+ * @author ulrich
+ */
+public class FileMgr implements WebKontext {
+
+ public static final String FILE_BASE = "fileBase";
+
+ private ServletContext ctx;
+
+ public FileRef getBase() {
+ FileRef ref = null;
+ String fileBase = getServletContext().getInitParameter(FILE_BASE);
+ return ref;
+ }
+
+ @Override
+ public ServletContext getServletContext() {
+ return ctx;
+ }
+
+ @Override
+ public void setServletContext(ServletContext servletContext) {
+ this.ctx = servletContext;
+ }
+
+
+}
diff --git a/web/WEB-INF/web.xml b/web/WEB-INF/web.xml
index 551a606..0c3e8d5 100644
--- a/web/WEB-INF/web.xml
+++ b/web/WEB-INF/web.xml
@@ -2,6 +2,10 @@
<web-app version="3.0" xmlns="http://java.sun.com/xml/ns/javaee" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_3_0.xsd">
<description>Dateiverwaltung fuer die WebBox</description>
<display-name>file-cms</display-name>
+ <context-param>
+ <param-name>fileBase</param-name>
+ <param-value>../../../daten/</param-value>
+ </context-param>
<session-config>
<session-timeout>
30
diff --git a/web/ui/index.html b/web/ui/index.html
new file mode 100644
index 0000000..91318a4
--- /dev/null
+++ b/web/ui/index.html
@@ -0,0 +1,112 @@
+<!DOCTYPE html>
+<html>
+ <head>
+ <title>Flexbox Demo</title>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <link rel="stylesheet" type="text/css" href="/jslib/bootstrap/css/bootstrap.min.css">
+ <link rel="stylesheet" type="text/css" href="/jslib/font-awesome/css/font-awesome.min.css">
+ <link rel="stylesheet" type="text/css" href="stile.css">
+ </head>
+ <body>
+ <!-- Kopfzeile -->
+ <div class="nord">
+
+ <div id="menue"> <!-- Menue -->
+ <ul class="nav">
+ <li class="nav-item dropdown">
+ <a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">Verwaltung</a>
+ <div class="dropdown-menu">
+ <a class="dropdown-item" href="/">WebBox</a>
+ <div class="dropdown-divider"></div>
+ <a class="dropdown-item" href="/wbx/mng">Apps</a>
+ <a class="dropdown-item" href="/um/ui">Benutzer</a>
+ </div>
+ </li>
+ <li class="nav-item dropdown">
+ <a id="userMenu" class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">Dropdown</a>
+ <div class="dropdown-menu">
+ <a id="logout" class="dropdown-item" href="#">Abmelden</a>
+ </div>
+ </li>
+ </ul>
+ </div> <!-- Menue -->
+
+ </div>
+ <div class="inhalt">
+ <!-- westliche Seitenleiste -->
+ <div class="west hidden-xs-down">
+ <!-- linke Seitenleiste mit Links -->
+ <nav class="nav flex-column">
+ <a class="nav-link active" href="#">Active</a>
+ <a class="nav-link" href="#">Link</a>
+ <a class="nav-link" href="#">Link</a>
+ <a class="nav-link disabled" href="#">Disabled</a>
+ </nav>
+ </div>
+ <!-- zentraler Inhaltsbereich -->
+ <div class="zentrum">
+ <div class="zentrum-bc">
+ <nav class="breadcrumb">
+ <a class="breadcrumb-item" href="#">Home</a>
+ <a class="breadcrumb-item" href="#">Library</a>
+ <a class="breadcrumb-item" href="#">Data</a>
+ <span class="breadcrumb-item active">Bootstrap</span>
+ <div class="pull-right align-middle">
+ <i class="fa fa-th-large"></i>
+ </div>
+ </nav>
+ </div>
+ <div class="zentrum-liste">
+ <figure class="figure datei-figure text-center text-warning align-top">
+ <i class="fa fa-folder fa-3x"></i>
+ <figcaption class="figure-caption">Kurzer Text</figcaption>
+ </figure>
+ <figure class="figure datei-figure text-center text-warning align-top">
+ <i class="fa fa-folder fa-3x"></i>
+ <figcaption class="figure-caption">A caption for the above image.</figcaption>
+ </figure>
+ <figure class="figure datei-figure text-center text-warning align-top">
+ <i class="fa fa-folder fa-3x"></i>
+ <figcaption class="figure-caption">Ein ganz langer Text, der dieses Element benennt.</figcaption>
+ </figure>
+ <figure class="figure datei-figure text-center text-warning align-top">
+ <i class="fa fa-folder fa-3x"></i>
+ <figcaption class="figure-caption">Wort</figcaption>
+ </figure>
+ <figure class="figure datei-figure text-center text-warning align-top">
+ <i class="fa fa-folder fa-3x"></i>
+ <figcaption class="figure-caption">Wort2</figcaption>
+ </figure>
+ <figure class="figure datei-figure text-center text-warning align-top">
+ <i class="fa fa-folder fa-3x"></i>
+ <figcaption class="figure-caption">Wort3</figcaption>
+ </figure>
+ </div>
+ </div>
+ <!-- oestliche Seitenleiste -->
+ <!--
+ <div class="ost">
+ östliche Seitenleiste
+ </div>
+ -->
+ </div>
+ <!-- Fusszeile -->
+ <!--
+ <div class="sued">
+ Fußzeile
+ </div>
+ -->
+ <!-- Skripte -->
+ <script src="/jslib/jquery/jquery.min.js"></script>
+ <script src="/jslib/bootstrap/js/bootstrap.min.js"></script>
+ <script src="/jslib/mustache/mustache.min.js"></script>
+ <script src="ui.js"></script>
+ <script type="text/javascript" charset="utf-8">
+ //var ui;
+ $(document).ready(function() {
+ // init
+ });
+ </script>
+ </body>
+</html>
diff --git a/web/ui/stile.css b/web/ui/stile.css
new file mode 100644
index 0000000..aedae23
--- /dev/null
+++ b/web/ui/stile.css
@@ -0,0 +1,58 @@
+
+
+
+/* Stile Listenansicht */
+
+html {
+ margin: 0;
+ padding: 0;
+ height: 100%; /* Anmerkung 2 */
+}
+body {
+ margin: 0;
+ padding: 0;
+ height: 100%; /* Anmerkung 2 */
+ min-height: 0; /* Anmerkung 1 */
+ display: flex;
+ flex-flow: column;
+}
+.inhalt {
+ display: flex;
+ flex-flow: row;
+ height: 100%; /* Anmerkung 2 */
+ min-height: 0; /* Anmerkung 1 */
+}
+.nord {
+
+}
+.sued {
+ background-color: lightgray;
+}
+.west {
+ flex-grow: 0;
+ flex-shrink: 0;
+ flex-basis: 10em;
+}
+.ost {
+ flex-grow: 0;
+ flex-shrink: 0;
+ flex-basis: 10em;
+ background-color: antiquewhite;
+}
+.zentrum {
+ width: 100%;
+ height: 100%;
+ display: flex;
+ flex-flow: column;
+}
+.zentrum-bc {
+}
+.zentrum-liste {
+ width: 100%;
+ height: 100%;
+ overflow: auto;
+ -webkit-overflow-scrolling: touch;
+}
+.datei-figure {
+ width: 6em;
+}
diff --git a/web/ui/ui.js b/web/ui/ui.js
new file mode 100644
index 0000000..31f3e6d
--- /dev/null
+++ b/web/ui/ui.js
@@ -0,0 +1,5 @@
+
+
+function fm_init() {
+
+}
\ No newline at end of file
--
Gitblit v1.9.3