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 |   69 ++++++++++++++++++++++++----------
 1 files changed, 49 insertions(+), 20 deletions(-)

diff --git a/app.js b/app.js
index ac8ca41..331f3c1 100644
--- a/app.js
+++ b/app.js
@@ -3,16 +3,18 @@
 var TPL_SENDER = 'sender';
 var TPL_DLG_MSG = 'dlg-msg';
 var TPL_DLG_INFO = 'dlg-info';
-var templateCache = {}; // mustache templates 'home', 'prefs', 'sender'
+var TPL_DLG_SENDER = 'dlg-sender';
+var templateCache = {}; // mustache templates
 var prefsRendered = false;
 
 function app_init() {
   $('.dialog').hide();
   $('.ost').hide();
-  app_menu_init("data/menu/", "hauptmenue.json", "../jslib/app-menu/app-menu.tpl", ".west");
-  app_get_template('tpl/dlg-msg.tpl', TPL_DLG_MSG);
-  app_get_template('tpl/dlg-info.tpl', TPL_DLG_INFO);
-  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() {
@@ -20,12 +22,49 @@
   }, 200);
 }
 
+/* --- Menüfunktionen --- */
+
 function app_nachricht_test() {
-  app_nachricht_zeigen(templateCache[TPL_DLG_MSG], 'data/msg-test.json');
+  app_dialog_laden_und_zeigen(templateCache[TPL_DLG_MSG], 'data/msg-test.json');
+  app_menu_toggle();
 }
 
 function app_info_dialog_zeigen() {
-  app_nachricht_zeigen(templateCache[TPL_DLG_INFO], '');
+  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 --- */
@@ -40,27 +79,17 @@
   });
 }
 
-function app_nachricht_zeigen(vorlage, adresse) {
+function app_dialog_laden_und_zeigen(vorlage, adresse) {
   if(adresse !== '') {
     $.ajax({
       url: adresse,
       type: "GET",
       dataType : "json"
     }).done(function( msg ) {
-      $(".dialog").html(Mustache.render(vorlage, msg));
-      $(".close-btn").on('click', function() {
-        $('.close-btn').attr('onclick','').unbind('click');
-        $('.dialog').slideUp(300);
-      });
-      $('.dialog').slideDown(300);
+      app_dialog_zeigen(vorlage, msg);
     });
   } else {
-    $(".dialog").html(Mustache.render(vorlage, ''));
-    $(".close-btn").on('click', function() {
-      $('.close-btn').attr('onclick','').unbind('click');
-      $('.dialog').slideUp(300);
-    });
-    $('.dialog').slideDown(300);
+    app_dialog_zeigen(vorlage, '');
   }
 }
 

--
Gitblit v1.9.3