Source: widgets/filters/button.js

  1. define('application/widgets/filters/button', [
  2.     'application/widgets/pointerfocusablebutton',
  3.     'rofl/widgets/label'
  4. ], function (
  5.     Button,
  6.     Label
  7. ) {
  8.     'use strict';
  10.     return Button.extend({
  12.         /**
  13.          * Initialises the button.
  14.          *
  15.          * @param {Object} data - The filter data.
  16.          */
  17.         init: function init (data) {
  18.             init.base.call(this, data.id);
  19.             this.addClass(['filter']);
  21.             if (data.classList) {
  22.                 this.addClass(data.classList);
  23.             }
  25.             if (data.isDropDown) {
  26.                 this.addClass('dropdown');
  27.             }
  29.             this._build(data);
  30.         },
  32.         /**
  33.          * Builds the widget.
  34.          *
  35.          * @param {Object} data - The widget data.
  36.          * @private
  37.          */
  38.         _build: function (data) {
  39.             var label = this._label = new Label({ text: data.text || '' }),
  40.                 icon = new Label({ text: '', classNames: ['icon-chevron-down', 'icon'] }),
  41.                 helper = new Label({ text: '', classNames: ['v-align-helper'] });
  43.             this.appendChildWidget(helper);
  44.             this.appendChildWidget(label);
  46.             if (data.isDropDown) {
  47.                 label.addClass('v-align-target');
  48.                 icon.addClass('v-align-target');
  49.                 this.appendChildWidget(icon);
  50.             }
  51.         },
  53.         /**
  54.          * Sets the text of the button.
  55.          *
  56.          * @param {string} text - The text to set.
  57.          */
  58.         setText: function (text) {
  59.             this._label.setText(text);
  60.         },
  62.         /**
  63.          * Sets icon on button.
  64.          *
  65.          * @param {string} icon - Icon.
  66.          */
  67.         setIcon: function (icon) {
  68.             this._label.addClass(icon);
  69.             this._label.addClass('icon-dropdown');
  71.             if (this._iconClass && icon !== this._iconClass) {
  72.                 this._label.removeClass(this._iconClass);
  73.                 this._label.removeClass('icon-dropdown');
  74.             }
  76.             this._iconClass = icon;
  77.         },
  79.         /**
  80.          * Returns the text.
  81.          *
  82.          * @returns {string} - The text.
  83.          */
  84.         getText: function () {
  85.             return this._label.getText();
  86.         }
  87.     });
  88. });