Auswahl in Nutzerliste

ulrich@undisclosed

2020-05-11 f9d0c4a3da9d183c90bc7351f233fa67ea3c66a7

Auswahl in Nutzerliste

 web/ui2/data/tpl/inhalt.tpl

@@ -1,7 +1,7 @@
<div>
  {{#List}}
  {{#List}}
    <p>{{String}}</p>
    <p class="nutzer-liste-eintrag">{{String}}</p>
  {{/List}}
  {{/List}}
</div>

 web/ui2/js/app.js

@@ -11,6 +11,17 @@
  this.datei_neuer_text = function () {
    self.meldung_mit_timeout("Neuer Text", 1500);
  };
  
  /* Nutzerverwaltung */
  
  this.nutzerliste_klick = function(event) {
    var target = event.target;
    var gewaehlterNutzer = document.querySelector(".nutzer-gewaehlt");
    if(gewaehlterNutzer !== null) {
      gewaehlterNutzer.classList.remove("nutzer-gewaehlt");
    }
    target.classList.add("nutzer-gewaehlt");
  };

  /* Funktionen aus App-Vorlage */

@@ -149,6 +160,13 @@
      function (h) {
        var elem = document.getElementById('nutzer');
        elem.innerHTML = h;
        
        var absaetze = document.querySelectorAll('p.nutzer-liste-eintrag');
        var index;
        for (index = 0; index < absaetze.length; index++) {
          absaetze[index].addEventListener("click", self.nutzerliste_klick);
        }
        
      });
    });
  };

 web/ui2/stile.css

@@ -158,6 +158,12 @@
  color: #b8b8b8;
}

/* Nutzerliste */

.nutzer-gewaehlt {
  background-color: lightsteelblue;
}

/* für app-menu */