/*
  型号过滤器部分
  包括两个部分，一个是下拉菜单，另一个是显示的列表
 */

(function() {
  define(['restful', 'utils', 'async', 'i18n'], function(_restful, _utils, _async, _i18n) {
    var ModelFilter;
    return ModelFilter = (function() {
      function ModelFilter(_at_product_id, $container) {
        this.product_id = _at_product_id != null ? _at_product_id : 0;
        this.data = null;
        this.product = null;
        this.group = [];
        this.shownFilter = null;
        this.initElements($container);
        this.groupChecked = {};
        this.dimension = {};
      }

      ModelFilter.prototype.cancelFilter = function($row) {
        var rowIndex;
        rowIndex = parseInt($row.attr('data-row-index'));
        delete this.groupChecked[rowIndex];
        return $row.trigger('filter:group:change', {
          selected: [],
          rowIndex: rowIndex
        });
      };

      ModelFilter.prototype.filterOnChange = function($row) {
        var isChanged, list, rowIndex;
        rowIndex = parseInt($row.attr('data-row-index'));
        isChanged = $row.attr('data-changed') === 'true';
        if (!isChanged) {
          return;
        }
        $row.removeAttr('data-changed');
        list = [];
        $row.find('input:checked').each(function() {
          var $this, fieldIndex, group_id;
          $this = $(this);
          fieldIndex = parseInt($this.attr('data-field-index'));
          group_id = parseInt($this.attr('data-group-id'));
          return list.push({
            fieldIndex: fieldIndex,
            group_id: group_id,
            rowIndex: rowIndex,
            type: $this.attr('data-type'),
            text: $this.attr('data-text'),
            value: $this.val()
          });
        });
        this.groupChecked[rowIndex] = list;
        $row.trigger('filter:group:change', {
          selected: list,
          rowIndex: rowIndex
        });
        if (this.shownFilter) {
          return this.shownFilter.hide();
        }
      };

      ModelFilter.prototype.hideStandFilter = function() {
        this.elements.stand.hide();
        return this.elements.control.hide();
      };

      ModelFilter.prototype.setDimensionText = function() {
        var $el, text, unit;
        $el = this.elements.dimension;
        if (this.dimension.indexes.length) {
          $el.show();
        } else {
          $el.hide();
        }
        unit = this.dimension.customUnit || this.dimension.unit;
        text = _i18n.product["dimension_" + (unit === 'mm' ? 'inch' : 'mm')];
        return $el.text(text);
      };

      ModelFilter.prototype.initFilterEvent = function() {
        var els, self;
        els = this.elements;
        self = this;
        els.stand.bind('click', function(e) {
          var $parent, $target, field;
          $target = $(e.target);
          $parent = $target.closest('div');
          if ($target.is('a')) {
            field = $target.attr('data-field');
            if (field === 'filter') {
              return self.filterOnChange($parent);
            }
            if (field === 'cancel') {
              return self.cancelFilter($parent);
            }
          }
          if (!$target.is('input')) {
            return;
          }
          return $parent.attr('data-changed', true);
        });
        return els.popMenu.bind('click', function(e) {
          var $parent, $target;
          $target = $(e.target);
          if (!$target.is('input')) {
            return;
          }
          $parent = $target.closest('div');
          return self.filterOnChange($parent);
        });
      };

      ModelFilter.prototype.initElements = function($o) {
        var els, self;
        self = this;
        els = this.elements = {
          container: $o,
          popMenu: $("<div class='pop-menu-filter'/>"),
          stand: $('<div class="stand-filter"/>'),
          control: $("<ul class='control'> <li class='collapse'> <a href='javascript:void(0)'>" + _i18n.product.hideFilter + "</a> </li> <li class='dimension'> <a href='javascript:void(0)'></a> </li> </ul>")
        };
        els.dimension = els.control.find('li.dimension a');
        els.dimension.bind('click', function() {
          var originalUnit, unit;
          originalUnit = self.dimension.customUnit || self.dimension.unit;
          unit = originalUnit === 'mm' ? 'inch' : 'mm';
          _utils.setCookie('dimension', unit);
          return els.container.trigger('product:dimension:changed');
        });
        els.control.find('li.collapse a').bind('click', function() {
          var text;
          els.stand.toggle();
          text = els.stand.is(':visible') ? _i18n.product.hideFilter : _i18n.product.showFilter;
          return $(this).html(text);
        });
        $o.append(els.popMenu).append(els.stand).append(els.control);
        return this.initFilterEvent();
      };

      ModelFilter.prototype.popFilter = function($event, index) {
        var available, flag, offset, shownFilter;
        if (this.shownFilter) {
          this.shownFilter.fadeOut('fast');
        }
        shownFilter = this.shownFilter = this.findFilter(index);
        available = parseInt(shownFilter.attr('data-available'));
        if (available === 0) {
          return;
        }
        offset = $event.offset();
        this.shownFilter.fadeIn('fast').css({
          top: offset.top + $event.height() + 7,
          left: offset.left
        });
        flag = false;
        this.shownFilter.one('mouseenter', function() {
          return flag = true;
        });
        return setTimeout(function() {
          if (!flag) {
            return shownFilter.fadeOut();
          }
        }, 3000);
      };

      ModelFilter.prototype.findFilter = function(index) {
        return $("#header-filter-" + index);
      };

      ModelFilter.prototype.isChecked = function(rowIndex, group_id, value) {
        var data, result;
        data = this.groupChecked[rowIndex] || [];
        result = _.find(data, function(current) {
          return current.group_id == group_id && current.value == value;
        });
        return !!result;
      };

      ModelFilter.prototype.loadGroup = function(fieldIndex, cb) {
        var api, self;
        self = this;
        api = "product/" + this.product_id + "/model/group/" + fieldIndex + "?";
        api += $.param(this.condition);
        return _restful.get(api, function(result) {
          var data, item, _i, _len;
          data = [];
          for (_i = 0, _len = result.length; _i < _len; _i++) {
            item = result[_i];
            data.push({
              text: item.name,
              value: item.name,
              fieldIndex: fieldIndex,
              type: 'group',
              checked: self.isChecked(fieldIndex, fieldIndex, item.name)
            });
          }
          return cb(data, fieldIndex);
        });
      };

      ModelFilter.prototype.buildGroupFilter = function(fieldIndex, isRange) {
        var self;
        self = this;
        return this.loadGroup(fieldIndex, function(data, index) {
          self.createPopFilterMenu(data, index, isRange);
          self.createStandFilter(data, index);
          return self.elements.container.trigger('filter:group:loaded', {
            group: data,
            rowIndex: index
          });
        });
      };

      ModelFilter.prototype.addModelNoFilter = function(groupedIndexes) {
        var data, group, groups, index, key, rowIndex, rule, self, _i, _j, _len, _len1;
        data = [];
        groups = this.product.model_filter;
        if (!groups) {
          groups = [];
        }
        for (index = _i = 0, _len = groups.length; _i < _len; index = ++_i) {
          group = groups[index];
          for (_j = 0, _len1 = group.length; _j < _len1; _j++) {
            rule = group[_j];
            key = "title_" + _utils.language;
            data.push({
              text: rule[key],
              value: rule.id,
              type: 'filter',
              group_id: rule.model_filter_id
            });
          }
        }
        self = this;
        index = 0;
        rowIndex = 0;
        return _async.whilst(function() {
          return index < groupedIndexes.length;
        }, function(done) {
          return self.loadGroup(groupedIndexes[index++], function(groupData, fieldIndex) {
            var item, langs, _k, _len2;
            for (_k = 0, _len2 = groupData.length; _k < _len2; _k++) {
              item = groupData[_k];
              langs = item.text.split('/');
              item.text = langs.length === 2 ? langs[~~!_utils.isChineseEnv()] : item.text;
              data.push({
                text: item.text,
                value: item.value,
                type: item.type,
                fieldIndex: fieldIndex,
                checked: self.isChecked(rowIndex, fieldIndex)
              });
            }
            return done(null);
          });
        }, function(err) {
          if (data.length === 0) {
            return;
          }
          self.createPopFilterMenu(data, rowIndex);
          self.createStandFilter(data, rowIndex);
          return self.elements.container.trigger('filter:group:loaded', {
            group: data,
            rowIndex: rowIndex
          });
        });
      };

      ModelFilter.prototype.getTitle = function(index) {
        var title, _ref, _ref1;
        if (index === 0) {
          return _i18n.product.modelNoFilter;
        }
        title = (_ref = this.data.subtitle[_utils.language]) != null ? _ref[index] : void 0;
        title = title || ((_ref1 = this.data.title[_utils.language]) != null ? _ref1[index] : void 0);
        if (title) {
          title = _utils.subHandler(title);
        }
        return title;
      };

      ModelFilter.prototype.syncCheckStatus = function($o) {
        var $allCheckbox, self;
        $allCheckbox = $o.find('input[type="checkbox"]');
        $allCheckbox.prop('checked', false);
        self = this;
        return $allCheckbox.each(function() {
          var $current, group_id, rowIndex, value;
          $current = $(this);
          rowIndex = $current.attr('data-row-index');
          group_id = $current.attr('data-group-id');
          value = $current.val();
          if (self.isChecked(rowIndex, group_id, value)) {
            return $current.prop('checked', true);
          }
        });
      };

      ModelFilter.prototype.getFilterCheckboxInput = function(data, rowIndex) {
        return "<label><input type='checkbox' value='" + data.value + "' data-text='" + data.text + "' data-field-index='" + data.fieldIndex + "' data-row-index='" + rowIndex + "' data-type='" + data.type + "' " + (data.checked ? "checked='checked'" : '') + " data-group-id='" + (data.group_id || rowIndex) + "' /> " + data.text + " </label>";
      };

      ModelFilter.prototype.getStandRowContainer = function(rowIndex) {
        var $o, id, self;
        self = this;
        id = "header-stand-" + rowIndex;
        $o = $("#" + id);
        if ($o.length > 0) {
          return $o;
        }
        $o = $("<div id='" + id + "' class='row' data-row-index='" + rowIndex + "'/>");
        $o.bind('mouseleave', function() {
          return self.filterOnChange($o);
        });
        this.elements.stand.append($o);
        return $o;
      };

      ModelFilter.prototype.createStandFilter = function(data, rowIndex) {
        var $rowContainer, html, lastGroupId, self, _ref;
        self = this;
        $rowContainer = this.getStandRowContainer(rowIndex);
        if ($rowContainer.attr('data-loaded') === 'true') {
          return this.setFilter(data, $rowContainer, rowIndex, true);
        }
        $rowContainer.attr('data-loaded', true).attr('data-available', data.length);
        lastGroupId = ((_ref = data[0]) != null ? _ref.group_id : void 0) || rowIndex;
        html = "<ul><li class='title row'>" + (this.getTitle(rowIndex)) + "</li><li class='row'> <ul class='group-items' id='header-stand-" + rowIndex + "-" + lastGroupId + "'>";
        _.map(data, function(current) {
          var currentGroupId;
          currentGroupId = current.group_id || rowIndex;
          if (lastGroupId !== currentGroupId) {
            html += "</ul></li><li class='group-line row'> <ul class='group-items' id='header-stand-" + rowIndex + "-" + currentGroupId + "'>";
          }
          lastGroupId = currentGroupId;
          return html += "<li data-value='" + current.value + "'>" + (self.getFilterCheckboxInput(current, rowIndex)) + "</li>";
        });
        html += "</ul></li><li class='search-control'>";
        html += "<a href='javascript:void(0)' data-field='filter'>" + _i18n.product.filter + "</a>";
        html += "<a href='javascript:void(0)' data-field='cancel'>" + _i18n.product.showAll + "</a>";
        html += "</li></ul>";
        return $rowContainer.append(html);
      };

      ModelFilter.prototype.setFilter = function(data, $o, index, isStand) {
        var $items, expr, item, _i, _len, _results;
        $o.attr('data-available', data.length);
        if (isStand && data.length === 0) {
          return $o.hide();
        }
        expr = "td";
        if (isStand) {
          $o.show();
          expr = "ul.group-items>li";
        }
        this.syncCheckStatus($o, index, data);
        $items = $o.find(expr);
        $items.hide();
        _results = [];
        for (_i = 0, _len = data.length; _i < _len; _i++) {
          item = data[_i];
          _results.push($o.find(expr + "[data-value='" + item.value + "']").show());
        }
        return _results;
      };

      ModelFilter.prototype.createPopFilterMenu = function(data, rowIndex, isRange) {
        var $rangeBox, $row, $tooltip, colCount, groupClass, html, i, item, lastGroupId, maxRow, _i, _len, _ref;
        maxRow = 10;
        colCount = Math.ceil(data.length / maxRow);
        $row = $("#header-filter-" + rowIndex);
        if ($row.length > 0) {
          return this.setFilter(data, $row, rowIndex, false);
        }
        html = "<div class='chosen' id='header-filter-" + rowIndex + "' data-row-index='" + rowIndex + "' data-available='" + data.length + "'><div data-field='range' />";
        html += '<table><tr>';
        lastGroupId = (_ref = data[0]) != null ? _ref.gropu_id : void 0;
        for (i = _i = 0, _len = data.length; _i < _len; i = ++_i) {
          item = data[i];
          groupClass = '';
          if (lastGroupId !== item.group_id) {
            groupClass = " class='group-line'";
          }
          lastGroupId = item.group_id;
          if (i % colCount === 0 && i !== 0) {
            html += "</tr><tr" + groupClass + ">";
          }
          html += "<td data-value='" + item.value + "'>" + (this.getFilterCheckboxInput(item, rowIndex)) + "</td>";
        }
        html += '</table></div>';
        $tooltip = $(html);
        if (isRange) {
          $rangeBox = $tooltip.find(">div[data-field='range']");
          this.addGroupRangeFilter($rangeBox, data, rowIndex);
        }
        $tooltip.bind('mouseleave', function() {
          return $tooltip.hide();
        });
        return this.elements.popMenu.append($tooltip);
      };

      ModelFilter.prototype.addGroupRangeFilter = function($o, data, index) {
        var $obj, count, html, self, title;
        count = data.length;
        if (count < 10) {
          return;
        }
        self = this;
        title = _utils.subHandler(this.data.subtitle[_utils.language][index]);
        html = "<div class='range'><input type='text' data-field='min' /> &lt;  " + title + " &lt;  <input type='text' data-field='max' /> <input type='button' value='Go' /></div>";
        $obj = $(html);
        $o.append($obj);
        $o.bind('click', function(e) {
          return e.stopPropagation();
        });
        $obj.find('input:text').bind('blur', function() {
          var value;
          value = parseFloat(this.value);
          if (isNaN(value)) {
            value = '';
          }
          return this.value = value;
        }).bind('keyup', function(event) {
          if (event.keyCode !== 13) {
            return;
          }
          return this.blur();
        });
        return $obj.find('input:button').bind('click', function() {
          var max, min;
          min = $obj.find("input[data-field='min']").val();
          max = $obj.find("input[data-field='max']").val();
          data = {
            min: min,
            max: max,
            fieldIndex: index
          };
          if (self.shownFilter) {
            self.shownFilter.hide();
          }
          if (min && max) {
            return $obj.trigger('filter:range:change', data);
          }
        });
      };

      ModelFilter.prototype.build = function() {
        var command, field, groupedIndexes, index, _i, _len, _ref;
        this.getStandRowContainer(0);
        groupedIndexes = [];
        _ref = this.data.command;
        for (index = _i = 0, _len = _ref.length; _i < _len; index = ++_i) {
          command = _ref[index];
          if (/group/i.test(command)) {
            groupedIndexes.push(index);
          }
          field = "f" + index;
          if (!(this.willShowColumns.hasOwnProperty([field]) && (command === '*1' || command === '*0'))) {
            continue;
          }
          this.getStandRowContainer(index);
          this.buildGroupFilter(index, command === '*0');
        }
        return this.addModelNoFilter(groupedIndexes);
      };

      return ModelFilter;

    })();
  });

}).call(this);