Bedienoberfläche für Webradio
ulrich
2018-01-26 8d52920e58d2973194e07011a50e6af53125f056
Abspieler aendern begonnen (noch in Arbeit)
1 files modified
1 files added
54 ■■■■ changed files
app.js 27 ●●●●● patch | view | raw | blame | history
data/tpl/dlg-abspieler-edit-form.tpl 27 ●●●●● patch | view | raw | blame | history
app.js
@@ -9,6 +9,7 @@
var TPL_SENDER_KACHEL = 'sender-kachel';
var TPL_ABSPIELER = 'abspieler';
var TPL_DLG_ABSPIELER_NEU = 'dlg-abspieler-neu';
var TPL_DLG_ABSPIELER_EDIT_FORM = 'dlg-abspieler-edit-form';
var TPL_ABSPIELER_EINTRAG = 'abspieler-eintrag';
var templateCache = {}; // mustache templates
var prefsRendered = false;
@@ -41,6 +42,7 @@
  app_get_template('data/tpl/abspieler.tpl', TPL_ABSPIELER);
  app_get_template('data/tpl/dlg-abspieler-neu.tpl', TPL_DLG_ABSPIELER_NEU);
  app_get_template('data/tpl/abspieler-eintrag.tpl', TPL_ABSPIELER_EINTRAG);
  app_get_template('data/tpl/dlg-abspieler-edit-form.tpl', TPL_DLG_ABSPIELER_EDIT_FORM);
  // Klicks auf das Hamburger-Menü-Icon an eine Funktion leiten
  $(".hamburger").on("click", function(e) {
@@ -227,12 +229,6 @@
  app_dialog_laden_und_zeigen(templateCache[TPL_DLG_ABSPIELER_NEU], '');
  $('#abspieler-speichern').on('click', function() {
    $('#abspieler-speichern').off('click');
    /*
      hier eine Funktion rufen mit der der neue Abspieler
      auf die gui genommen wird analog zu
      app_kachel_neu(app_sender_dialog_lesen(--ID_UNDEFINED));
      bei Sendern
    */
    app_abspieler_neu(app_abspieler_dialog_lesen(--A_ID_UNDEFINED));
    app_dialog_schliessen();
    app_meldung_mit_timeout('Speichern gewaehlt', 1500);
@@ -240,7 +236,16 @@
  app_menue_umschalten();
}
function app_abspieler_bearbeiten() {
  app_meldung_mit_timeout('Nicht implementiert: Abspieler bearbeiten.', 1500);
  app_dialog_laden_und_zeigen(templateCache[TPL_DLG_ABSPIELER_EDIT_FORM], '');
  $('#abspieler-speichern').on('click', function() {
    $('#abspieler-speichern').off('click');
    /*
      hier eine Funktion zum Speichern der Aenderungen
    */
    app_dialog_schliessen();
    app_meldung_mit_timeout('Speichern gewaehlt', 1500);
  });
  app_menue_umschalten();
}
@@ -320,10 +325,14 @@
  });
}
function app_dialog_laden_und_zeigen(vorlage, adresse) {
/*
  vorlage - die Dialogvorlage
  msgTpl - eine Vorlage mit einem Mitteilungstext (optional)
*/
function app_dialog_laden_und_zeigen(vorlage, msgTpl) {
  if(adresse !== '') {
    $.ajax({
      url: adresse,
      url: msgTpl,
      type: "GET",
      dataType : "json"
    }).done(function( msg ) {
data/tpl/dlg-abspieler-edit-form.tpl
New file
@@ -0,0 +1,27 @@
<div class="dlg-abspieler-titel">Abspieler bearbeiten</div>
<form>
  <input value="{{id}}" id="abspieler-id" name="abspieler-id" type="hidden"
      class="abspieler-eingabe"></br>
  <label class="inline-label">Name:</label>
  <input value="{{name}}" id="abspieler-name" name="abspieler-name" placeholder="Name"
      type="text" class="abspieler-eingabe"></br>
  <label class="inline-label">Bild:</label>
  <input value="{{logo}}" id="abspieler-bild" name="abspieler-bild" placeholder="Bild"
      type="text" class="abspieler-eingabe"></br>
  <label class="inline-label">URL:</label>
  <input value="{{url}}" id="abspieler-url"  name="abspieler-url" placeholder="URL"
      type="text" class="abspieler-eingabe"></br>
  <label class="inline-label">Typ:</label>
  <select id="abspieler-typ" size="1" class="abspieler-auswahl">
    <option value="lokal">lokal</option>
    <option value="pirc">pirc</option>
  </select></br>
  <label class="inline-label">Zustand:</label>
  <select id="abspieler-zustand" size="1" class="abspieler-auswahl">
    <option value="">nicht ausgew&auml;hlt</option>
    <option value="selected">ausgew&auml;hlt</option>
  </select></br>
  <div class="form-button-footer">
    <button type="button" id="abspieler-speichern">Speichern</button>
  </div>
</form>