From 3d4bca22eef45eb1f4f8454ac8fecb35b5301e95 Mon Sep 17 00:00:00 2001
From: ulrich
Date: Wed, 07 Apr 2021 13:10:11 +0000
Subject: [PATCH] Abspieler
---
src/de/uhilger/mediaz/entity/Einstellung.java | 5 +
src/de/uhilger/mediaz/store/FileStorage.java | 4 +
www/ui/data/tpl/abspieler_liste.tpl | 11 +++
src/de/uhilger/mediaz/entity/Abspieler.java | 47 +++++++++++++++
www/ui/data/tpl/form_einstellung.tpl | 2
www/ui/js/app.js | 70 +++++++++++++++++++++++
www/ui/data/tpl/form_abspieler.tpl | 12 ++++
7 files changed, 148 insertions(+), 3 deletions(-)
diff --git a/src/de/uhilger/mediaz/entity/Abspieler.java b/src/de/uhilger/mediaz/entity/Abspieler.java
new file mode 100644
index 0000000..c29354d
--- /dev/null
+++ b/src/de/uhilger/mediaz/entity/Abspieler.java
@@ -0,0 +1,47 @@
+/*
+ Mediazentrale - Personal Media Center
+ Copyright (C) 2021 Ulrich Hilger
+
+ This program is free software: you can redistribute it and/or modify
+ it under the terms of the GNU Affero General Public License as
+ published by the Free Software Foundation, either version 3 of the
+ License, or (at your option) any later version.
+
+ This program is distributed in the hope that it will be useful,
+ but WITHOUT ANY WARRANTY; without even the implied warranty of
+ MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+ GNU Affero General Public License for more details.
+
+ You should have received a copy of the GNU Affero General Public License
+ along with this program. If not, see <https://www.gnu.org/licenses/>.
+ */
+package de.uhilger.mediaz.entity;
+
+/**
+ * Abspieler
+ * @author Ulrich Hilger
+ * @version 1, 7.4.2021
+ */
+public class Abspieler implements Entity {
+
+ private String name;
+ private String url;
+
+ public String getUrl() {
+ return url;
+ }
+
+ public void setUrl(String url) {
+ this.url = url;
+ }
+
+ public void setName(String name) {
+ this.name = name;
+ }
+
+ @Override
+ public String getName() {
+ return name;
+ }
+
+}
diff --git a/src/de/uhilger/mediaz/entity/Einstellung.java b/src/de/uhilger/mediaz/entity/Einstellung.java
index 555fb76..6797d76 100644
--- a/src/de/uhilger/mediaz/entity/Einstellung.java
+++ b/src/de/uhilger/mediaz/entity/Einstellung.java
@@ -18,8 +18,9 @@
package de.uhilger.mediaz.entity;
/**
- *
- * @author ulrich
+ * Einstellung
+ * @author Ulich Hilger
+ * @version 1, 7.4.2021
*/
public class Einstellung implements Entity {
private String key;
diff --git a/src/de/uhilger/mediaz/store/FileStorage.java b/src/de/uhilger/mediaz/store/FileStorage.java
index e8ce068..4b0ff1a 100644
--- a/src/de/uhilger/mediaz/store/FileStorage.java
+++ b/src/de/uhilger/mediaz/store/FileStorage.java
@@ -22,6 +22,7 @@
import de.uhilger.mediaz.App;
import de.uhilger.mediaz.Server;
import de.uhilger.mediaz.entity.Ablageort;
+import de.uhilger.mediaz.entity.Abspieler;
import de.uhilger.mediaz.entity.Einstellung;
import java.io.BufferedReader;
import java.io.File;
@@ -55,6 +56,7 @@
/** StorageType Ablageort */
public static final String ST_ABLAGEORT = "Ablageort";
public static final String ST_EINSTELLUNG = "Einstellung";
+ public static final String ST_ABSPIELER = "Abspieler";
private final String fileBase;
@@ -66,9 +68,11 @@
// Beispiel: TypeToken<List<String>> list = new TypeToken<List<String>>() {};
TypeToken<Ablageort> ttAblageort = new TypeToken<Ablageort>() {};
TypeToken<Einstellung> ttEinstellung = new TypeToken<Einstellung>() {};
+ TypeToken<Abspieler> ttAbspieler = new TypeToken<Abspieler>() {};
types = new HashMap();
types.put(Ablageort.class.getSimpleName(), ttAblageort);
types.put(Einstellung.class.getSimpleName(), ttEinstellung);
+ types.put(Abspieler.class.getSimpleName(), ttAbspieler);
}
/**
diff --git a/www/ui/data/tpl/abspieler_liste.tpl b/www/ui/data/tpl/abspieler_liste.tpl
new file mode 100644
index 0000000..7d101a8
--- /dev/null
+++ b/www/ui/data/tpl/abspieler_liste.tpl
@@ -0,0 +1,11 @@
+<div class='entity-formular'>
+ <div class='entity-liste-kopf'>
+ Abspieler
+ <button class='ctrl-btn' id='neu-btn' title='Neu'><i class='icon-doc'></i></button>
+ </div>
+ <ul class='entity-liste'>
+ {{#ArrayList}}
+ <li class='entity-eintrag'>{{.}}</li>
+ {{/ArrayList}}
+ </ul>
+</div>
diff --git a/www/ui/data/tpl/form_abspieler.tpl b/www/ui/data/tpl/form_abspieler.tpl
new file mode 100644
index 0000000..c6f6eb3
--- /dev/null
+++ b/www/ui/data/tpl/form_abspieler.tpl
@@ -0,0 +1,12 @@
+<div class="entity-formular">
+ Einstellung
+
+ <input class="entity-element" type="text" id="abspieler-name" placeholder="Name" value="{{name}}" />
+ <input class="entity-element" type="text" id="abspieler-url" placeholder="URL" value="{{url}}" />
+ <div class="entity-buttons">
+ <button class="button-primary" id="ok-btn">Speichern</button>
+ <button class="button" id="cancel-btn">Abbrechen</button>
+ <button class="button" id="loeschen-btn">Löschen</button>
+ </div>
+
+</div>
\ No newline at end of file
diff --git a/www/ui/data/tpl/form_einstellung.tpl b/www/ui/data/tpl/form_einstellung.tpl
index 382dad1..b5493e1 100644
--- a/www/ui/data/tpl/form_einstellung.tpl
+++ b/www/ui/data/tpl/form_einstellung.tpl
@@ -2,7 +2,7 @@
Einstellung
<input class="entity-element" type="text" id="einstellung-key" placeholder="Key" value="{{key}}" />
- <input class="entity-element" type="text" id="einstellung-value" placeholder="Pfad" value="{{value}}" />
+ <input class="entity-element" type="text" id="einstellung-value" placeholder="Wert" value="{{value}}" />
<div class="entity-buttons">
<button class="button-primary" id="ok-btn">Speichern</button>
<button class="button" id="cancel-btn">Abbrechen</button>
diff --git a/www/ui/js/app.js b/www/ui/js/app.js
index 0063a18..c76dca1 100644
--- a/www/ui/js/app.js
+++ b/www/ui/js/app.js
@@ -9,6 +9,10 @@
this.value = v;
}
+function Abspieler(n, u) {
+ this.name = n;
+ this.url = u;
+}
function Mediazentrale() {
var self = this;
@@ -107,7 +111,72 @@
});
};
+ this.abspieler_liste = function() {
+ self.http_get('../api/store/Abspieler/', function (responseText) {
+ self.vorlage_laden_und_fuellen("data/tpl/abspieler_liste.tpl", JSON.parse(responseText), function (html) {
+ document.querySelector(".zentraler-inhalt").innerHTML = html;
+ self.addEvtListener('.entity-eintrag', 'click', function (event) {
+ var t = event.target;
+ self.http_get('../api/store/Abspieler/' + t.textContent, function(responseText){
+ var abspieler = JSON.parse(responseText);
+ self.abspieler_form(abspieler);
+ });
+ });
+ self.addEvtListener('#neu-btn', 'click', function (event) {
+ eval("self.abspieler_form" + "(this)");
+ });
+ });
+ });
+ };
+
/* Die folgenden '_form' Funktionen koennen noch vereinheitlicht werden */
+
+ this.abspieler_form = function(pl) {
+ self.vorlage_laden_und_fuellen("data/tpl/form_abspieler.tpl", pl, function (html) {
+ document.querySelector(".zentraler-inhalt").innerHTML = html;
+ self.addEvtListener('#ok-btn', 'click', function () {
+ var plname = document.querySelector('#abspieler-name').value;
+ plname = plname.replace(' ', '').replace(/[\W]+/g, '');
+ var abspieler = new Abspieler(
+ plname,
+ document.querySelector('#abspieler-url').value
+ );
+ var daten = JSON.stringify(abspieler);
+ if(typeof pl === "undefined" || pl.key !== plname) {
+ // neu
+ self.http_post('../api/store/Abspieler', daten, function (responseText) {
+ // hier die Antwort verarbeiten
+ });
+ } else {
+ // aendern
+ self.http_put('../api/store/Abspieler', daten, function (responseText) {
+ // hier die Antwort verarbeiten
+ });
+ }
+ //document.querySelector(".zentraler-inhalt").innerHTML = '';
+ self.abspieler_liste();
+ });
+ self.addEvtListener('#cancel-btn', 'click', function () {
+ //document.querySelector(".zentraler-inhalt").innerHTML = '';
+ self.abspieler_liste();
+ });
+ self.addEvtListener('#loeschen-btn', 'click', function() {
+ var plname = document.querySelector('#abspieler-name').value;
+ var dlgdata = {"del-elem": plname};
+ self.dialog_laden_und_zeigen('data/tpl/dlg-loeschen.tpl', dlgdata, function() {
+ self.addEvtListener('#nein-btn', 'click', self.dialog_schliessen);
+ self.addEvtListener('#ja-btn', 'click', function() {
+ self.http_delete('../api/store/Abspieler/' + plname, '', function (responseText) {
+ // hier die Antwort verarbeiten
+ self.dialog_schliessen();
+ //document.querySelector(".zentraler-inhalt").innerHTML = '';
+ self.abspieler_liste();
+ });
+ });
+ });
+ });
+ });
+ };
this.prefs_form = function(k) {
self.vorlage_laden_und_fuellen("data/tpl/form_einstellung.tpl", k, function (html) {
@@ -300,6 +369,7 @@
self.addEvtListener('#mi-katalog', 'click', self.media_liste);
self.addEvtListener('#mi-orte', 'click', self.ablageort_liste);
self.addEvtListener('#mi-prefs', 'click', self.prefs_liste);
+ self.addEvtListener('#mi-player', 'click', self.abspieler_liste);
//self.addEvtListener('#mi-list', 'click', self.media_liste);
self.fusszeile_umschalten();
--
Gitblit v1.9.3