in Arbeit: Verwendung von jQuery entfernen

ulrich

2019-12-12 e394579029084010925e536150122f286dce3b5b

in Arbeit: Verwendung von jQuery entfernen

 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);

 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>