From c9d6c1ac597b7a9747fcf762bfb2007582e14957 Mon Sep 17 00:00:00 2001 From: ulrich <undisclosed> Date: Fri, 13 Dec 2019 19:24:15 +0000 Subject: [PATCH] Doku angepasst --- 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