Sendersuche eingebaut

ulrich

2018-02-21 54eba2eb27cd26a573ab7719bfd0bd4016ea43df

Sendersuche eingebaut

 app.js

@@ -69,14 +69,37 @@

function app_sendersuche() {
  var suchbegriff = $(".sendersuche-eingabe").val();
  /*
    Anstelle der folgenden Meldung wuerde hier
    die Suchfunktion ausgefuehrt
  */

  app_meldung_mit_timeout(
    'Suchbegriff: ' + suchbegriff,
    1500
  );

  /*
    nachfolgend wird ueber alle divs der Klasse sender-kachel
    iteriert und diejenigen mit .hide() ausgeblendet, die nicht
    den Suchbegiff im Namen tragen

    evtl. findet sich spaeter noch eine elegantere Suchfunktion..
  */

  var divs = $(".sender-kachel");
  var elem;
  var pos;
  var nm;
  if(suchbegriff.length > 0) {
    divs.each(function(index, element) {
      nm = $(element).html();
      pos = nm.indexOf(suchbegriff);
      if (pos < 0) {
        $(element).hide();
      } else {
        $(element).show();
      }
    });
  } else {
    $(divs).show();
  }
}

function app_menue_umschalten() {

 data/tpl/sender.tpl

@@ -1,7 +1,8 @@
<div id="sender" class="sender">
{{#senderliste}}
  {{#inhalt}}
  <div class="sender-kachel" sid="{{senderid}}" data-verweis="{{senderurl}}">
  <div class="sender-kachel" sid="{{senderid}}" data-verweis="{{senderurl}}"
  sender-name="{{sendername}}">
    <div class="sender-name">{{sendername}}</div>
    <div class="sender-bild-behaelter">
      <img class="sender-bild" src="{{senderlogo}}">