From e394579029084010925e536150122f286dce3b5b Mon Sep 17 00:00:00 2001
From: ulrich <undisclosed>
Date: Thu, 12 Dec 2019 06:45:19 +0000
Subject: [PATCH] in Arbeit: Verwendung von jQuery entfernen

---
 app.js     |   48 +++++++++++++++++++++++++-----------------------
 index.html |   10 +++++-----
 2 files changed, 30 insertions(+), 28 deletions(-)

diff --git a/app.js b/app.js
index 36bae97..4671102 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');
+    var s = document.querySelector('.sued');
     s.text(meldung);
     setTimeout(function() {
       s.text('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);
diff --git a/index.html b/index.html
index e04b5a4..9e68458 100644
--- a/index.html
+++ b/index.html
@@ -69,11 +69,11 @@
     <script src="jslib/vorlagen.js"></script>
     <script src="app.js"></script>
     <script>
-      var app;
-      $(document).ready(function() {
-        app = new AppVorlage();
-        app.init();
-      });
+		var app;
+		document.addEventListener('DOMContentLoaded', function () {
+			app = new AppVorlage();
+			app.init();
+		});
     </script>
   </body>
 </html>

--
Gitblit v1.9.3