eclipse-scout-core/src/switch/Switch.js

/*
 * Copyright (c) 2014-2019 BSI Business Systems Integration AG.
 * All rights reserved. This program and the accompanying materials
 * are made available under the terms of the Eclipse Public License v1.0
 * which accompanies this distribution, and is available at
 * http://www.eclipse.org/legal/epl-v10.html
 *
 * Contributors:
 *     BSI Business Systems Integration AG - initial API and implementation
 */
import {Event, Widget} from '../index';
import tooltips from '../tooltip/tooltips';
import strings from '../util/strings';

export default class Switch extends Widget {

  constructor() {
    super();

    this.activated = false;
    this.label = null;
    this.htmlEnabled = false;

    this.$label = null;
    this.$button = null;
    this.tooltipText = null;
  }

  _init(model) {
    super._init(model);
    this.setTooltipText(model.tooltipText);
  }

  _render() {
    this.$container = this.$parent.appendDiv('switch');
    this.$label = this.$container.appendDiv('switch-label');
    this.$button = this.$container.appendDiv('switch-button')
      .on('click', this._onSwitchButtonClick.bind(this));
  }

  _renderProperties() {
    super._renderProperties();
    this._renderActivated();
    this._renderLabel();
    this._renderTooltipText();
  }

  _onSwitchButtonClick() {
    var event = new Event();
    this.trigger('switch', event);
    if (!event.defaultPrevented) {
      this.setActivated(!this.activated);
    }
  }

  setLabel(label) {
    this.setProperty('label', label);
  }

  _renderLabel() {
    if (this.htmlEnabled) {
      this.$label.html(this.label);
    } else {
      this.$label.text(this.label);
    }
  }

  setActivated(activated) {
    this.setProperty('activated', activated);
  }

  _renderActivated() {
    this.$button.toggleClass('activated', this.activated);
  }

  setTooltipText(tooltipText) {
    this.setProperty('tooltipText', tooltipText);
  }

  _renderTooltipText() {
    if (strings.hasText(this.tooltipText)) {
      tooltips.install(this.$container, {
        parent: this,
        text: this.tooltipText
      });
    } else {
      tooltips.uninstall(this.$container);
    }
  }
}