postal.diagnostics/report/assets/scripts/plato-sortable-file-list.js

Wiretap add-on for postal.js allowing configurable console.logging (or other) output of messages being published through postal's message bus.

/* global $:false, _:false */
/* jshint browser:true */

/*
  author: david linse <davidlinse@gmail.com>
  version: 0.0.1

  A very first draft to add the ability to sort
  the "file-list" by the displayed 'numbers' for:

   + lint-errors
   + complexity
   + lines of code
   + estimated errors

  A group of buttons is added to the template above
  to trigger the update of the file-list.
*/

$(function sortable_file_list () {

  "use strict";

    var file_list = $('ul.file-list');

    var files = file_list.find('li');

    // work-horse
    // @param:  key  The 'data-<key>' to sort by
    // @return: descending sorted array of <li> elements
    //
    var _sortBy = function (key) {
        return _.sortBy(files, function (el) {
            return Number($(el).find('span[data-lint]').attr(key)) * -1;
        });
    };

    // sorter

    var _sortByLintErr = function _sortByLintErr () {
        return _sortBy('data-lint');
    };

    var _sortBySLOC = function _sortBySLOC () {
        return _sortBy('data-sloc');
    };

    var _sortByBugs = function _sortByBugs () {
        return _sortBy('data-bugs');
    };

    var _sortByComplexity = function _sortByComplexity () {
        return _sortBy('data-complexity');
    };

    // appends the 'list' of '<li>' elements
    // to its parent '<ul>'.
    // @param: a list of '<li>'' elements
    //
    var _update_list = function _update_list (list) {
      file_list.append($(list));
    };

    // button event-handler

    var _byComplexity = function () {
      _update_list(_sortByComplexity());
    };

    var _byBugs = function () {
      _update_list(_sortByBugs());
    };

    var _bySLOC = function () {
      _update_list(_sortBySLOC());
    };

    var _byLint = function () {
      _update_list(_sortByLintErr());
    };

    // styling

    var _update_state = function _update_state (target) {

        var prev = $('button.on');
            prev.removeClass('on');

        var current = $(target);
            current.addClass('on');
    };

    // setup button events

    $('button#button-complexity').on('click', _byComplexity);
    $('button#button-bugs').on('click', _byBugs);
    $('button#button-sloc').on('click', _bySLOC);
    $('button#button-lint').on('click', _byLint);

    // styling update for buttons

    var all = $('button.btn');
        all.on('click', function (evt) {
          _update_state(evt.target);
        });
});