grapesjs/src/trait_manager/view/TraitCheckboxView.js

Free and Open Source Web Builder Framework

var TraitView = require('./TraitView');

module.exports = TraitView.extend({

  initialize(o) {
    TraitView.prototype.initialize.apply(this, arguments);
    var iconCls = this.ppfx + 'chk-icon';
    this.tmpl = '<div class="' + this.fieldClass +'"><label class="' + this.inputhClass +'"><i class="' + iconCls +'"></i></label></div>';
  },

  /**
   * Fires when the input is changed
   * @private
   */
  onChange() {
    this.model.set('value', this.getInputEl().checked);
  },

  /**
   * Returns input element
   * @return {HTMLElement}
   * @private
   */
  getInputEl(...args) {
    var first;
    if(!this.$input)
      first = 1;
    var el = TraitView.prototype.getInputEl.apply(this, args);
    if(first){
      var md = this.model;
      var name = md.get('name');
      var target = this.target;
      if(md.get('changeProp')){
        el.checked = target.get(name);
      } else {
        var attrs = target.get('attributes');
        el.checked = !!attrs[name];
      }
    }
    return el;
  },

});