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 | 60 ++++++++++++++++++++++++++++++++----------------------------
1 files changed, 32 insertions(+), 28 deletions(-)
diff --git a/app.js b/app.js
index 4671102..ae373f9 100644
--- a/app.js
+++ b/app.js
@@ -12,7 +12,7 @@
"jslib/app-menu/app-menu.tpl",
".west",
"8em");
-
+
document.querySelector('.hamburger').addEventListener('click', function(e) {
self.menue_umschalten();
});
@@ -20,8 +20,8 @@
};
this.menue_umschalten = function() {
- var ham = document.querySelector(".hamburger");
- ham.classList.toggle("is-active"); // hamburger-icon umschalten
+ var ham = document.querySelector(".hamburger");
+ ham.classList.toggle("is-active"); // hamburger-icon umschalten
self.appMenu.toggle(); // menue oeffnen/schliessen
};
@@ -34,10 +34,10 @@
var ostDiv = document.querySelector('.ost');
if(ostDiv.classList.contains('ost-open')) {
ostDiv.classList.remove('ost-open');
- ostDiv.style.flexBasis = '0em';
+ ostDiv.style.flexBasis = '0em';
} else {
- ostDiv.classList.add('ost-open');
- ostDiv.style.flexBasis = '6em';
+ ostDiv.classList.add('ost-open');
+ ostDiv.style.flexBasis = '6em';
}
self.menue_umschalten();
};
@@ -46,10 +46,10 @@
var suedDiv = document.querySelector('.sued');
if(suedDiv.classList.contains('sued-open')) {
suedDiv.classList.remove('sued-open');
- suedDiv.style.height = '0';
+ suedDiv.style.height = '0';
} else {
suedDiv.classList.add('sued-open');
- suedDiv.style.height = '1.5em';
+ suedDiv.style.height = '1.5em';
}
self.menue_umschalten();
};
@@ -60,7 +60,7 @@
if(suedDiv.classList.contains('sued-open')) {
} else {
suedDiv.classList.add('sued-open');
- suedDiv.style.height = '1.5em';
+ suedDiv.style.height = '1.5em';
}
self.menue_umschalten();
};
@@ -79,14 +79,14 @@
this.meldung_mit_timeout = function(meldung, timeout) {
var s = document.querySelector('.sued');
- s.text(meldung);
+ s.textContent = meldung;
setTimeout(function() {
- s.text('Bereit.');
+ s.textContent = 'Bereit.';
setTimeout(function() {
var suedDiv = document.querySelector('.sued');
if(suedDiv.classList.contains('sued-open')) {
- suedDiv.classList.remove('sued-open');
- suedDiv.style.height = '0';
+ suedDiv.classList.remove('sued-open');
+ suedDiv.style.height = '0';
}
}, 500);
}, timeout);
@@ -102,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