plumes/features/buttons/js/pl-button-onoff.js

Flying-fast Metro future vision components

(function() {
  'use strict';

  window.Ractive.controller('pl-button-onoff', function(component, data, el, config, done) {

    data.label = typeof data['text-label'] == 'undefined' ? 'on/off' : data['text-label'];

    var ButtonOnoff = component({
      plName: 'pl-button-onoff',
      data: $.extend(true, {
        on: false
      }, data),

      toggleOn: function() {
        this.set('on', true);
      },
      toggleOff: function() {
        this.set('on', false);
      },
      toggle: function() {
        this.set('on', !this.get('on'));
      },
      isOn: function() {
        return this.get('on');
      }
    });

    ButtonOnoff.on('toggle', function() {
      ButtonOnoff.toggle();
    });

    if (data.toggle) {
      ButtonOnoff.on('toggle', function(event) {
        data.toggle(event, ButtonOnoff.isOn());
      });
    }

    done();
  });

})();