From c0ad5e4def882502078e9ed486fc25a5d0e80c0c Mon Sep 17 00:00:00 2001 From: ulrich <not disclosed> Date: Fri, 05 Jan 2018 16:39:13 +0000 Subject: [PATCH] Code weiter aufgeräumt --- app.js | 93 ++++++++++++++++++++++++++++++++++++++++++++-- 1 files changed, 88 insertions(+), 5 deletions(-) diff --git a/app.js b/app.js index 0967f49..653076d 100644 --- a/app.js +++ b/app.js @@ -1,13 +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() { @@ -15,18 +22,94 @@ }, 200); } +/* --- 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(); + app_meldung_mit_timeout('Speichern gewaehlt', 1500); + }); + app_menu_toggle(); +} + +function app_sender_bearbeiten() { + app_meldung_mit_timeout('Nicht implementiert: Sender bearbeiten.', 1500); + app_menu_toggle(); +} + +function app_sender_loeschen() { + app_meldung_mit_timeout('Nicht implementiert: Sender loeschen.', 1500); + app_menu_toggle(); +} + +/* --- Dialogfunktionen --- */ + +function app_dialog_zeigen(vorlage, inhalt) { + $(".dialog").html(Mustache.render(vorlage, inhalt)); + $(".close-btn").on('click', function() { + app_dialog_schliessen(); + }); + $('.dialog').slideDown(300); +} + +function app_dialog_schliessen() { + $('.close-btn').attr('onclick','').unbind('click'); + $('.dialog').slideUp(300); +} + +/* --- Meldungen in der Fusszeile --- */ + +/* + Eine Meldung eine Zeitlang in der Fusszeile anzeigen + + meldung - Text der Meldung + timeout - die Anzahl Millisekunden, die eine Meldung zu sehen sein soll +*/ +function app_meldung_mit_timeout(meldung, timeout) { + $('.sued').text(meldung); + setTimeout(function() { + $('.sued').text('Bereit.'); + }, timeout); +} + /* --- 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