Source: view/menu/Button.js

  1. /** @module */
  3. /**
  4.  * Class for a single button.
  5.  * @param {*} buttonConfig
  6.  * @param {*} onChoose
  7.  * @constructor
  8.  */
  9. export default function Button(buttonConfig, onChoose) {
  10.     const self = this
  12.     self.config = buttonConfig
  13.     self.name = buttonConfig.name
  14.     self.nameIsHTML = buttonConfig.nameIsHTML || false
  15.     self.dom = document.createElement('div')
  16.     self.dom.setAttribute('class', 'button button2')
  18.     // overwrite margins.  The old way was not working.
  19.     let fixMargin = buttonConfig.margin
  20.     fixMargin = fixMargin || 0
  21.     fixMargin = Math.max(fixMargin, 4)
  22.     self.dom.style.marginRight = `${fixMargin}px`
  24.     // Click!
  25.     self.draw = function () {
  26.         if (self.nameIsHTML) {
  27.             self.dom.innerHTML = self.name
  28.         } else {
  29.             self.dom.innerText = self.name
  30.         }
  31.     }
  32.     self.draw()
  33.     self.dom.setAttribute('title', buttonConfig.explain || '')
  34.     self.onClick = function () {
  35.         onChoose(self, buttonConfig)
  36.     }
  37.     self.dom.onclick = self.onClick
  38.     // Turn on or off!
  39.     self.turnOff = function () {
  40.         self.isOn = false
  41.         self.config.isOn = false
  42.         self.dom.setAttribute('on', 'no')
  43.     }
  44.     self.turnOn = function () {
  45.         self.isOn = true
  46.         self.config.isOn = true
  47.         self.dom.setAttribute('on', 'yes')
  48.     }
  49.     self.turnOff()
  50. }