From fe1cb2b417c800cc6c9743834a5209af0d2fe17e Mon Sep 17 00:00:00 2001 From: ulrich <not disclosed> Date: Fri, 05 Jan 2018 16:00:08 +0000 Subject: [PATCH] Doku zum Zusammenspiel zwischen radio-ui und pirc / Raspberry Pi ergänzt --- app.js | 74 +++++++++++++++++++++++++++++++++--- 1 files changed, 67 insertions(+), 7 deletions(-) diff --git a/app.js b/app.js index 6328a75..331f3c1 100644 --- a/app.js +++ b/app.js @@ -1,14 +1,20 @@ var TPL_HOME = 'home'; var TPL_PREFS = 'prefs'; var TPL_SENDER = 'sender'; -var templateCache = {}; // mustache templates 'home', 'prefs', 'sender' +var TPL_DLG_MSG = 'dlg-msg'; +var TPL_DLG_INFO = 'dlg-info'; +var TPL_DLG_SENDER = 'dlg-sender'; +var templateCache = {}; // mustache templates var prefsRendered = false; function app_init() { $('.dialog').hide(); $('.ost').hide(); - app_menu_init("menu/", "hauptmenue.json", "../jslib/app-menu/app-menu.tpl", ".west"); - app_get_template('tpl/sender.tpl', TPL_SENDER); + app_menu_init("data/menu/", "hauptmenue.json", "../jslib/app-menu/app-menu.tpl", ".west", "8em"); + app_get_template('data/tpl/dlg-msg.tpl', TPL_DLG_MSG); + app_get_template('data/tpl/dlg-info.tpl', TPL_DLG_INFO); + app_get_template('data/tpl/sender.tpl', TPL_SENDER); + app_get_template('data/tpl/dlg-sender-edit.tpl', TPL_DLG_SENDER); //app_get_template('tpl/prefs.tpl', 'prefs'); $('.sued').text('Bereit.'); setTimeout(function() { @@ -16,23 +22,77 @@ }, 200); } -function app_nachricht_test() { - $('.dialog').slideDown(300); +/* --- Menüfunktionen --- */ +function app_nachricht_test() { + app_dialog_laden_und_zeigen(templateCache[TPL_DLG_MSG], 'data/msg-test.json'); + app_menu_toggle(); +} + +function app_info_dialog_zeigen() { + app_dialog_laden_und_zeigen(templateCache[TPL_DLG_INFO], ''); + app_menu_toggle(); +} + +function app_neuer_sender() { + app_dialog_laden_und_zeigen(templateCache[TPL_DLG_SENDER], ''); + $('#sender-speichern').on('click', function() { + $('#sender-speichern').attr('onclick','').unbind('click'); + app_dialog_schliessen(); + $('.sued').text('Speichern gewaehlt'); + setTimeout(function() { + $('.sued').text('Bereit.'); + }, 1500); + }); + app_menu_toggle(); +} + + +/* --- Sonstiges --- */ + +function app_dialog_zeigen(vorlage, inhalt) { + $(".dialog").html(Mustache.render(vorlage, inhalt)); + $(".close-btn").on('click', function() { + app_dialog_schliessen(); + /* + $('.close-btn').attr('onclick','').unbind('click'); + $('.dialog').slideUp(300); + */ + }); + $('.dialog').slideDown(300); +} + +function app_dialog_schliessen() { + $('.close-btn').attr('onclick','').unbind('click'); + $('.dialog').slideUp(300); } /* --- Ajax-Aufrufe --- */ function app_get_sender() { $.ajax({ - url: "api/sender.json", + url: "data/sender.json", type: "GET", dataType : "json" }).done(function( senderliste ) { - $("#sender").html(Mustache.render(templateCache[TPL_SENDER], senderliste)); + $(".sender-behaelter").html(Mustache.render(templateCache[TPL_SENDER], senderliste)); }); } +function app_dialog_laden_und_zeigen(vorlage, adresse) { + if(adresse !== '') { + $.ajax({ + url: adresse, + type: "GET", + dataType : "json" + }).done(function( msg ) { + app_dialog_zeigen(vorlage, msg); + }); + } else { + app_dialog_zeigen(vorlage, ''); + } +} + /* Ein Template vom Server in den Cache laden template_url - home.tpl, prefs.tpl, sender.tpl -- Gitblit v1.9.3