Persoenliche Mediazentrale
ulrich
2021-04-07 3d4bca22eef45eb1f4f8454ac8fecb35b5301e95
Abspieler
3 files added
4 files modified
151 ■■■■■ changed files
src/de/uhilger/mediaz/entity/Abspieler.java 47 ●●●●● patch | view | raw | blame | history
src/de/uhilger/mediaz/entity/Einstellung.java 5 ●●●●● patch | view | raw | blame | history
src/de/uhilger/mediaz/store/FileStorage.java 4 ●●●● patch | view | raw | blame | history
www/ui/data/tpl/abspieler_liste.tpl 11 ●●●●● patch | view | raw | blame | history
www/ui/data/tpl/form_abspieler.tpl 12 ●●●●● patch | view | raw | blame | history
www/ui/data/tpl/form_einstellung.tpl 2 ●●● patch | view | raw | blame | history
www/ui/js/app.js 70 ●●●●● patch | view | raw | blame | history
src/de/uhilger/mediaz/entity/Abspieler.java
New file
@@ -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;
  }
}
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;
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);
  }
  
  /**
www/ui/data/tpl/abspieler_liste.tpl
New file
@@ -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>
www/ui/data/tpl/form_abspieler.tpl
New file
@@ -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&ouml;schen</button>
  </div>
</div>
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>
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();