ffrgb / meshviewer

lib/filters/genericnode.js

define(['helper'], function (helper) {
  'use strict';

  return function (name, key, value, f) {
    var negate = false;
    var refresh;

    var label = document.createElement('label');
    var strong = document.createElement('strong');
    label.textContent = name + ': ';
    label.appendChild(strong);

    function run(d) {
      var o = helper.dictGet(d, key.slice(0));

      if (f) {
        o = f(o);
      }

      return o === value ? !negate : negate;
    }

    function setRefresh(r) {
      refresh = r;
    }

    function draw(el) {
      if (negate) {
        el.classList.add('not');
      } else {
        el.classList.remove('not');
      }

      strong.textContent = value;

The variable strong is changed as part of the for-each loop for example by document.createElement("strong") on line 9. Only the value of the last iteration will be visible in this function if it is called after the loop.

    }

    function render(el) {
      el.appendChild(label);
      draw(el);

      label.onclick = function onclick() {
        negate = !negate;

        draw(el);

        if (refresh) {
          refresh();
        }
      };
    }

    function getKey() {
      return value.concat(name);
    }

    return {
      run: run,
      setRefresh: setRefresh,
      render: render,
      getKey: getKey
    };
  };
});