From 5ebc23a2e77b30c4c812b4961cdaf07e3af368fe Mon Sep 17 00:00:00 2001
From: ulrich <undisclosed>
Date: Fri, 13 Dec 2019 18:55:59 +0000
Subject: [PATCH] Verwendung und damit die Abhaengigkeit von jQuery wurde entfernt

---
 app.js |   86 +++++++++++++++++++++++--------------------
 1 files changed, 46 insertions(+), 40 deletions(-)

diff --git a/app.js b/app.js
index 36bae97..ae373f9 100644
--- a/app.js
+++ b/app.js
@@ -12,14 +12,16 @@
       "jslib/app-menu/app-menu.tpl",
       ".west",
       "8em");
-    $(".hamburger").on("click", function(e) {
+
+	document.querySelector('.hamburger').addEventListener('click', function(e) {
       self.menue_umschalten();
     });
 
   };
 
   this.menue_umschalten = function() {
-    $(".hamburger").toggleClass("is-active"); // hamburger-icon umschalten
+    var ham = document.querySelector(".hamburger");
+    ham.classList.toggle("is-active"); // hamburger-icon umschalten
     self.appMenu.toggle(); // menue oeffnen/schliessen
   };
 
@@ -29,36 +31,36 @@
   };
 
   this.seitenleiste_umschalten = function() {
-    var ostDiv = $('.ost');
-    if($(ostDiv).hasClass('ost-open')) {
-      $(ostDiv).removeClass('ost-open');
-      $(ostDiv).css("flex-basis", "0em");
+    var ostDiv = document.querySelector('.ost');
+    if(ostDiv.classList.contains('ost-open')) {
+      ostDiv.classList.remove('ost-open');
+  	  ostDiv.style.flexBasis = '0em';
     } else {
-      $(ostDiv).addClass('ost-open');
-      $(ostDiv).css("flex-basis", '6em'); // z.B. "16em"
+  	  ostDiv.classList.add('ost-open');
+  	  ostDiv.style.flexBasis = '6em';
     }
     self.menue_umschalten();
   };
 
   this.fusszeile_umschalten = function() {
-    var suedDiv = $('.sued');
-    if($(suedDiv).hasClass('sued-open')) {
-      $(suedDiv).removeClass('sued-open');
-      $(suedDiv).css("height", "0");
+    var suedDiv = document.querySelector('.sued');
+    if(suedDiv.classList.contains('sued-open')) {
+      suedDiv.classList.remove('sued-open');
+	    suedDiv.style.height = '0';
     } else {
-      $(suedDiv).addClass('sued-open');
-      $(suedDiv).css("height", '1.5em'); // z.B. "16em"
+      suedDiv.classList.add('sued-open');
+	    suedDiv.style.height = '1.5em';
     }
     self.menue_umschalten();
   };
 
   this.menu_message = function(msg) {
     self.meldung_mit_timeout(msg, 1500);
-    var suedDiv = $('.sued');
-    if($(suedDiv).hasClass('sued-open')) {
+    var suedDiv = document.querySelector('.sued');
+    if(suedDiv.classList.contains('sued-open')) {
     } else {
-      $(suedDiv).addClass('sued-open');
-      $(suedDiv).css("height", '1.5em'); // z.B. "16em"
+      suedDiv.classList.add('sued-open');
+	    suedDiv.style.height = '1.5em';
     }
     self.menue_umschalten();
   };
@@ -76,15 +78,15 @@
   };
 
   this.meldung_mit_timeout = function(meldung, timeout) {
-    var s = $('.sued');
-    s.text(meldung);
+    var s = document.querySelector('.sued');
+    s.textContent = meldung;
     setTimeout(function() {
-      s.text('Bereit.');
+      s.textContent = 'Bereit.';
       setTimeout(function() {
-        var suedDiv = $('.sued');
-        if($(suedDiv).hasClass('sued-open')) {
-          $(suedDiv).removeClass('sued-open');
-          $(suedDiv).css("height", "0");
+        var suedDiv = document.querySelector('.sued');
+        if(suedDiv.classList.contains('sued-open')) {
+    		  suedDiv.classList.remove('sued-open');
+    		  suedDiv.style.height = '0';
         }
       }, 500);
     }, timeout);
@@ -100,35 +102,39 @@
   */
   this.dialog_laden_und_zeigen = function(vurl, msgTpl) {
     if(msgTpl !== '') {
-      $.ajax({
-        url: msgTpl,
-        type: "GET",
-        dataType : "json"
-      }).done(function( msg ) {
-        self.dialog_zeigen(vurl, msg);
-      });
+      fetch(msgTpl)
+        .then(data => {
+          // Handle data
+          self.dialog_zeigen(vurl, data);
+        }).catch(error => {
+          // Handle error
+        });
     } else {
       self.dialog_zeigen(vurl, '');
     }
   };
 
   this.dialog_zeigen = function(vurl, inhalt) {
-    var dlg = $(".dialog");
+    var dlg = document.querySelector(".dialog");
     self.vorlagen.html_erzeugen(
       vurl,
       inhalt,
       function(html) {
-        dlg.html(html);
-        $(".close-btn").on('click', function() {
-          self.dialog_schliessen();
-        });
-        dlg.slideDown(300);
+        //dlg.html(html);
+        dlg.style.height = '5em';
+        dlg.innerHTML = html;
+        document.querySelector('.close-btn').addEventListener('click', self.dialog_schliessen);
+        //dlg.slideDown(300);
     });
   };
 
   self.dialog_schliessen = function() {
-    $('.close-btn').off('click');
-    $('.dialog').slideUp(300);
+    document.querySelector('.close-btn').removeEventListener('click', self.dialog_schliessen);
+    //$('.dialog').slideUp(300);
+    var dlg = document.querySelector('.dialog');
+    //dlg.style.display = "none";
+    dlg.style.height = '0';
+    dlg.innerHTML = '';
   };
 
 

--
Gitblit v1.9.3