/**
 *  Tidy Table
 *  Create a HTML table from JSON that can be sorted, selected
 *  and post-processed using a simple callback.
 *
 *  Copyright 2012-2015, Marc S. Brooks (https://mbrooks.info)
 *  Licensed under the MIT license:
 *  http://www.opensource.org/licenses/mit-license.php
 *
 *  Dependencies:
 *    jquery.js
 */

if (!window.jQuery || (window.jQuery && parseInt(window.jQuery.fn.jquery.replace('.', '')) < parseInt('1.8.3'.replace('.', '')))) {
  throw new Error('Tidy-Table requires jQuery 1.8.3 or greater.');
}

(function($) {
  var table = null;

  /**
   * @namespace TidyTable
   */
  var methods = {

    /**
     * Create new instance of Tidy-Table
     *
     * @memberof TidyTable
     * @method init
     *
     * @example
     * $('#container').TidyTable(settings, config);
     *
     * @param {Object} settings
     * @param {Object} config
     *
     * @returns {Object} jQuery object
     */
    "init": function(settings, config) {
      var $this = $(this),
          data  = $this.data();

      // Default settings
      var defaults = {
        enableCheckbox: false,
        enableMenu:     false,
        reverseSortDir: false,
        responsive:     false
      };

      if (arguments.length > 1) {
        $.extend(defaults, settings);
      }
      else {
        config = settings;
      }

      // Config defaults
      config = $.extend({
        sortByPattern: function(col_num, val) {
          if ( $.trim(col_num) ) {
            return String(val).replace(/$|%|#/g, '');
          }
        }
      }, config);

      if ( $.isEmptyObject(data) ) {
        $this.data({
          settings: defaults,
          config:   config
        });
      }

      // Responsive layout?
      if (defaults.responsive) {
        $this.addClass('tidy_table media');
      }

      return $this.TidyTable('_createTable');
    },

    /**
     * Perform cleanup
     *
     * @memberof TidyTable
     * @method destroy
     *
     * @example
     * $('#container').TidyTable('destroy');
     */
    "destroy": function() {
      $(this).removeData();
    },

    /**
     * Create HTML table elements.
     *
     * @memberof TidyTable
     * @method _createTable
     * @private
     *
     * @param {String|undefined} num
     * @param {String|undefined} order
     *
     * @returns {Object} jQuery object
     */
    "_createTable": function(num, order) {
      var $this = $(this),
          data  = $this.data();

      // Create reusable elements.
      table = $('<table></table>')
        .addClass('tidy_table');

      // Disable IE7/8 text selection.
      table.mousedown(function() { return false; });
      table.mouseover(function() { return false; });

      var thead  = $('<thead></thead>'),
          tbody  = $('<tbody></tbody>'),
          titles = null;

      // .. <THEAD>
      (function() {
        titles = data.config.columnTitles;

        var row = $('<tr></tr>');

        for (var i = 0; i < titles.length; i++) {
          var title = titles[i];

          var col = $('<th></th>')
            .append(title)
            .attr('title', title);
          row.append(col);

          var col_class;

          // Determine column result order.
          if (!data.settings.reverseSortDir) {
            if (order == 'asc' || !order) {
              col_class = 'sort_asc';
              col.order = 'desc';
            }
            else {
              col_class = 'sort_desc';
              col.order = 'asc';
            }
          }
          else {
            if (order == 'desc' || !order) {
              col_class = 'sort_asc';
              col.order = 'asc';
            }
            else {
              col_class = 'sort_desc';
              col.order = 'desc';
            }
          }

          // Highlight selected column.
          if (num == i) {
            col.addClass(col_class);
          }

          // Attach sorting event to each column.
          col.on('click', {
            col_number: i,
            sort_order: (num == i) ? col.order : 'asc'
          },
          function(event) {
            $this.TidyTable('_sortByColumn', event.data.col_number, event.data.sort_order);
          });
        }

        thead.append(row);
      })();

      // .. <TBODY>
      (function() {
        var vals = data.config.columnValues;

        for (var j = 0; j < vals.length; j++) {
          var row = $('<tr></tr>');

          for (var k = 0; k < vals[j].length; k++) {
            var val = vals[j][k];

            var col = $('<td></td>')
              .append(val)
              .attr('title', val);
            row.append(col);

            // Post-process table column HTML object.
            if (data.config.postProcess && $.isFunction(data.config.postProcess.column)) {
              data.config.postProcess.column(col);
            }
          }

          tbody.append(row);
        }

        table.append(thead);
        table.append(tbody);

        // Append check boxes to beginning each row.
        if (data.settings && data.settings.enableCheckbox) {
          var rows = table.find('tr');

          rows.each(function(index) {
            var input = $('<input></input>')
              .attr('type', 'checkbox');

            var col;

            // First row is always the header.
            if (index === 0) {
              col = $('<th></th>');

              // Attach event to check all boxes.
              input.on('click', function() {
                $this.TidyTable('_toggleSelRows', rows);
              });
            }
            else {
              col = $('<td></td>');

              // Attach event to each checkbox.
              input.on('click', {
                box_number: index
              },
              function(event) {
                $this.TidyTable('_toggleSelRows', rows, event.data.box_number);
              });
            }

            col.append(input);

            // Insert before first cell.
            $(this).prepend(col);
          });
        }
      })();

      // Post-process table results HTML object.
      if (data.config.postProcess && $.isFunction(data.config.postProcess.table)) {
        data.config.postProcess.table(table);
      }

      var block = $this.children('table.tidy_table');

      // If table exists, perform an in-place update of the element.
      if (block[0]) {
        block.replaceWith(table);
      }

      // Generate table/menu elements.
      else {
        if (data.settings && data.settings.enableMenu) {
          $this.append(
            $this.TidyTable('_createMenu', 'options')
          );
        }

        $this.append(table);
      }

      return table;
    },

    /**
     * Create HTML select menu element
     *
     * @memberof TidyTable
     * @method _createMenu
     * @private
     *
     * @param {String} name
     *
     * @returns {Object} jQuery object
     */
    "_createMenu": function(name) {
      var $this = $(this),
          data  = $this.data();

      // Create reusable elements.
      var select = $('<select></select>')
        .addClass('tidy_table ' + name)
        .change(function() {
          var elm = $(this);

          var callback = data.config.menuOptions[ elm.val() ][1]['callback'];

          // Callback event
          if ( $.isFunction(callback) ) {
            callback( $this.TidyTable('_getCheckedAsObj') );
          }

          elm.val(0);
        });

      // .. Options
      $.each(data.config.menuOptions, function(index) {
        var option = $('<option>' + data.config.menuOptions[index][0] + '</option>')
          .attr('value', index);

        select.append(option);
      });

      // Post-process select menu HTML object.
      if (data.config.postProcess && $.isFunction(data.config.postProcess.menu)) {
        data.config.postProcess.menu(select);
      }

      return select;
    },

    /**
     * Return selected row values as an array.
     *
     * @memberof TidyTable
     * @method _getCheckedAsObj
     * @private
     *
     * @returns {Array}
     */
    "_getCheckedAsObj": function() {
      var $this = $(this),
          rows  = $this.find('tbody > tr'),
          objs  = [];

      for (var i = 0; i < rows.length; i++) {
        var cols = rows[i].childNodes;

        // If the row checkbox is selected.
        if (cols[0].firstChild.checked) {
          var row = [];

          // Simulate an associative array.
          for (var j = 1; j < cols.length; j++) {
            row[j - 1] = cols[j].textContent;
          }

          objs.push(row);
        }
      }

      return objs;
    },

    /**
     * Select/Deselect (input checkbox and row highlight).
     *
     * @memberof TidyTable
     * @method _toggleSelRows
     * @private
     *
     * @param {Object} rows jQuery object
     * @param {Number} num
     */
    "_toggleSelRows": function(rows, num) {
      var checked = null;

      rows.each(function(index) {
        var row   = $(this),
            input = row.find(':checkbox').first();

        // Update all rows.
        if (!num) {
          if (index === 0) {
            checked = (input.is(':checked')) ? true : false;
            return;
          }

          if (checked) {
            row.removeClass('check_off').addClass('check_on');
            input.prop('checked', true);
          }
          else {
            row.removeClass('check_on').addClass('check_off');
            input.prop('checked', false);
          }
        }

        // Update selected row.
        else {
          if (index === 0) {
            return;
          }

          if (input.is(':checked')) {
            row.removeClass('check_off').addClass('check_on');
            input.prop('checked', true);
          }
          else {
            row.removeClass('check_on').addClass('check_off');
            input.prop('checked', false);
          }
        }
      });
    },

    /**
     * Display results ordered by selected column.
     *
     * @memberof TidyTable
     * @method _sortByColumn
     * @private
     *
     * @param {Number} num
     * @param {Number} order
     */
    "_sortByColumn": function(num, order) {
      var $this = $(this),
          data  = $this.data();

      if ( $.isFunction(data.config.sortByPattern) ) {
        var reverse = (order == 'desc') ? -1 : 1;

        // Sort JSON object by bucket number.
        data.config.columnValues.sort(function(a, b) {
          var str1 = data.config.sortByPattern(num, a[num]),
              str2 = data.config.sortByPattern(num, b[num]);

          if (isNaN(str1)) {
            return [reverse * cmpAny(str1, str2)] >
                   [reverse * cmpAny(str2, str1)] ? -1 : 1;
          }
          else {
            return [reverse * cmpInt(str1, str2)];
          }
        });
      }

      $this.TidyTable('_createTable', num, order);
    }
  };

  $.fn.TidyTable = function(method) {
    if (methods[method]) {
      return methods[method].apply(this, Array.prototype.slice.call(arguments, 1));
    }
    else
    if (typeof method === 'object' || !method) {
      return methods.init.apply(this, arguments);
    }
    else {
      $.error('Method ' +  method + ' does not exist in jQuery.TidyTable');
    }
  };

  /**
   * Generic string comparison functions.
   *
   * @protected
   *
   * @param {String} a
   * @param {String} b
   *
   * @returns {Number}
   */
  function cmpAny(a, b) {
    return (a > b) ? 1 : (a < b) ? -1 : 0;
  }

  function cmpInt(a, b) {
    return b - a;
  }
})(jQuery);