Bedienoberfläche für Webradio
ulrich
2018-01-06 56852df8849316a72d1c9287f0232983849e4262
Ablauf Sender bearbeiten gebaut
4 files modified
47 ■■■■ changed files
app.js 41 ●●●● patch | view | raw | blame | history
data/tpl/dlg-sender-edit-form.tpl 1 ●●●● patch | view | raw | blame | history
data/tpl/dlg-sender-edit.tpl 1 ●●●● patch | view | raw | blame | history
data/tpl/sender.tpl 4 ●●● patch | view | raw | blame | history
app.js
@@ -5,8 +5,10 @@
var TPL_DLG_INFO = 'dlg-info';
var TPL_DLG_SENDER_NEU = 'dlg-sender-neu';
var TPL_DLG_SENDER_EDIT = 'dlg-sender-edit';
var TPL_SENDER_EDIT_FORM = 'sender-edit-form';
var templateCache = {}; // mustache templates
var prefsRendered = false;
var senderKlickModus = "0"; // 1=abspielen, 2=bearbeiten, 3=loeschen
function app_init() {
  $('.dialog').hide();
@@ -22,6 +24,7 @@
  app_get_template('data/tpl/sender.tpl', TPL_SENDER);
  app_get_template('data/tpl/dlg-sender-neu.tpl', TPL_DLG_SENDER_NEU);
  app_get_template('data/tpl/dlg-sender-edit.tpl', TPL_DLG_SENDER_EDIT);
  app_get_template('data/tpl/dlg-sender-edit-form.tpl', TPL_SENDER_EDIT_FORM);
  //app_get_template('tpl/prefs.tpl', 'prefs');
  $('.sued').text('Bereit.');
  setTimeout(function() {
@@ -52,15 +55,9 @@
}
function app_sender_bearbeiten() {
  senderKlickModus = "2"; // bearbeiten
  app_dialog_laden_und_zeigen(templateCache[TPL_DLG_SENDER_EDIT], '');
  app_menu_toggle();
  /*
  $('#sender-speichern').on('click', function() {
    $('#sender-speichern').attr('onclick','').unbind('click');
    app_dialog_schliessen();
    app_meldung_mit_timeout('Speichern gewaehlt', 1500);
  });
  */
}
function app_sender_loeschen() {
@@ -79,6 +76,7 @@
}
function app_dialog_schliessen() {
  senderKlickModus = "0";
  $('.close-btn').off('click');
  $('.dialog').slideUp(300);
}
@@ -106,14 +104,35 @@
    type: "GET",
    dataType : "json"
  }).done(function( senderliste ) {
    $(".sender-behaelter").html(Mustache.render(templateCache[TPL_SENDER], senderliste));
    $(".sender-kachel").off("click");
    $(".sender-behaelter").html(
      Mustache.render(templateCache[TPL_SENDER], senderliste));
    $('.sender-kachel').on('click', function() {
      var kachel = $( this );
      var senderId = kachel.attr("sid");
      var senderName = $(kachel).find(".sender-name").text();
      app_meldung_mit_timeout(
        'Sender ' + senderName + ', ID ' + senderId,
        1500);
      switch (senderKlickModus) {
          case "1":
            break;
          case "2":
            $(".dlg-behaelter").html(
              Mustache.render(templateCache[TPL_SENDER_EDIT_FORM], '')
            );
            $('#sender-speichern').on('click', function() {
              $('#sender-speichern').off('click');
              app_dialog_schliessen();
              app_meldung_mit_timeout('Speichern gewaehlt', 1500);
            });
            break;
          case "3":
            break;
          default:
            app_meldung_mit_timeout(
              'Sender ' + senderName + ', ID ' + senderId,
              1500
            );
            break;
      }
    });
  });
}
data/tpl/dlg-sender-edit-form.tpl
@@ -1,3 +1,4 @@
<div class="dlg-sender-titel">Sender bearbeiten</div>
<form>
  <input id="sender-name" placeholder="Name" type="text" class="sender-eingabe"></br>
  <input id="sender-logo" placeholder="Logo" type="text" class="sender-eingabe"></br>
data/tpl/dlg-sender-edit.tpl
@@ -1,7 +1,6 @@
<div class="dlg-sender-edit">
  <span class="close-btn pointer-cursor">&#10006;</span>
  <div class="dlg-behaelter">
    <div class="dlg-sender-titel">Sender bearbeiten</div>
    <div class="dlg-sender-text">Sender zum Bearbeiten antippen...</div>
  </div>
</div>
data/tpl/sender.tpl
@@ -3,7 +3,9 @@
  {{#inhalt}}
  <div class="sender-kachel" sid="{{senderid}}" data-verweis="{{senderurl}}">
    <div class="sender-name">{{sendername}}</div>
    <div class="sender-bild-behaelter"><img class="sender-bild" src="{{senderlogo}}"></div>
    <div class="sender-bild-behaelter">
      <img class="sender-bild" src="{{senderlogo}}">
    </div>
  </div>
  {{/inhalt}}
{{/senderliste}}