jQuery entfernen weiter in Arbeit

ulrich

2019-12-13 ee378724076ae6917f9c75c329d7ff7c390b8f03

 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 = '';
  };