jiskattema/spot

var View = require('ampersand-view');
var templates = require('../../templates');

module.exports = View.extend({
  template: templates.configurePartition.partitionContinuous,
  bindings: {
    'model.isContinuous': {
      type: 'toggle',
      hook: 'group-continuous-panel'
    },

    'model.minval': {
      type: 'value',
      hook: 'group-minimum-input'
    },
    'model.maxval': {
      type: 'value',
      hook: 'group-maximum-input'
    },
    'model.groupingParam': {
      type: 'value',
      hook: 'group-param-input'
    },
    'model.groupFixedN': {
      type: 'booleanAttribute',
      hook: 'group-fixedn-input',
      name: 'checked'
    },
    'model.groupFixedSC': {
      type: 'booleanAttribute',
      hook: 'group-fixedsc-input',
      name: 'checked'
    },
    'model.groupFixedS': {
      type: 'booleanAttribute',
      hook: 'group-fixeds-input',
      name: 'checked'
    },
    'model.groupLog': {
      type: 'booleanAttribute',
      hook: 'group-log-input',
      name: 'checked'
    }
  },
  events: {
    'change [data-hook~=group-minimum-input]': function () {
      this.model.minval = parseInt(this.queryByHook('group-minimum-input').value);
      this.parent.resetFilter = true;
    },
    'change [data-hook~=group-maximum-input]': function () {
      this.model.maxval = parseInt(this.queryByHook('group-maximum-input').value);
      this.parent.resetFilter = true;
    },
    'click [data-hook~=group-range-button]': function () {
      var partition = this.model;
      partition.reset();

      this.queryByHook('group-minimum-input').dispatchEvent(new window.Event('input'));
      this.queryByHook('group-maximum-input').dispatchEvent(new window.Event('input'));
      this.parent.resetFilter = true;
    },

    'change [data-hook~=group-param-input]': function () {
      this.model.groupingParam = parseInt(this.queryByHook('group-param-input').value);
      this.parent.resetFilter = true;
    },
    'click [data-hook~=group-fixedn-input]': function () {
      this.model.groupingContinuous = 'fixedn';
      this.parent.resetFilter = true;
    },
    'click [data-hook~=group-fixedsc-input]': function () {
      this.model.groupingContinuous = 'fixedsc';
      this.parent.resetFilter = true;
    },
    'click [data-hook~=group-fixeds-input]': function () {
      this.model.groupingContinuous = 'fixeds';
      this.parent.resetFilter = true;
    },
    'click [data-hook~=group-log-input]': function () {
      this.model.groupingContinuous = 'log';
      this.parent.resetFilter = true;
    }
  }
});