From df379b8b3ca964dc5b95369f1456f020817060bd Mon Sep 17 00:00:00 2001
From: ulrich <not disclosed>
Date: Fri, 05 Jan 2018 11:06:20 +0000
Subject: [PATCH] Breite beim Einblenden des Menüs veränderlich, diverse Anpassungen am Stylesheet

---
 app.js |   76 +++++++++++++++++++++++++++++++++++--
 1 files changed, 71 insertions(+), 5 deletions(-)

diff --git a/app.js b/app.js
index 0967f49..331f3c1 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,77 @@
   }, 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();
+    $('.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