hopglass/lib/sorttable.js

define(["virtual-dom"], function (V) {
  "use strict";

  return function (headings, sortIndex, renderRow) {
    var data;
    var sortReverse = false;
    var el = document.createElement("table");
    var elLast = V.h("table");

    function sortTable(i) {
      sortReverse = i === sortIndex ? !sortReverse : false;
      sortIndex = i;

      updateView();
    }

    function sortTableHandler(i) {
      return function () {
        sortTable(i);
      };
    }

    function updateView() {
      var children = [];

      if (data.length !== 0) {
        var th = headings.map(function (d, i) {
          var properties = {
            onclick: sortTableHandler(i),
            className: "sort-header"
          };

          if (sortIndex === i) {
            properties.className += sortReverse ? " sort-up" : " sort-down";
          }

          return V.h("th", properties, d.name);
        });

        var links = data.slice(0).sort(headings[sortIndex].sort);

        if (headings[sortIndex].reverse ? !sortReverse : sortReverse) {
          links = links.reverse();
        }

        children.push(V.h("thead", V.h("tr", th)));
        children.push(V.h("tbody", links.map(renderRow)));
      }

      var elNew = V.h("table", children);
      el = V.patch(el, V.diff(elLast, elNew));
      elLast = elNew;
    }

    this.setData = function (d) {
      data = d;
      updateView();
    };

    this.el = el;

    return this;
  };
});