dev/js/src/state.js

/**
 * Create a state object, that can have a single value
 * (mostly boolean) and multiple objects associated to it.
 * Whenever the state changes, all objects are informed
 * by their setState() method of the value change.
 *
 * @author Nils Diewald
 */
/*
 * TODO:
 *   Require names for states, that should be quite short, so they
 *   can easily be serialized and kept between page turns (via cookie
 *   and/or query param)
 */
define(function () {

  "use strict";

  return {

    /**
     * Constructor
     */
    create : function (value) {
      return Object.create(this)._init(value);
    },

    // Initialize
    _init : function (values) {
      this._assoc = [];
      if (values == undefined) {
        this.values = [false,true];
      }
      else if (Array.isArray(values)) {
        this.values = values;
      }
      else {
        this.values = [values];
      }
      this.value = this.values[0];
      return this;
    },

    /**
     * Associate the state with some objects.
     */
    associate : function (obj) {

      // Check if the object has a setState() method
      if (obj.hasOwnProperty("setState")) {
        this._assoc.push(obj);
        obj.setState(this.value);
      } else {
        console.log("Object " + obj + " has no setState() method");
      }
    },

    /**
     * Set the state to a certain value.
     * This will set the state to all associated objects as well.
     */
    set : function (value) {
      if (value != this.value) {
        this.value = value;
        this._assoc.forEach(i => i.setState(value));
      };
    },

    /**
     * Get the state value
     */
    get : function () {
      return this.value;
    },


    /**
     * Get the number of associated objects
     */
    associates : function () {
      return this._assoc.length;
    },

    /**
     * Clear all associated objects
     */
    clear : function () {
      return this._assoc = [];
    },

    /**
     * Roll to the next value.
     * This may be used for toggling.
     */
    roll : function () {
      let next = 0;
      for (let i = 0; i < this.values.length - 1; i++) {
        if (this.value == this.values[i]) {
          next = i+1;
          break;
        };
      };
      this.set(this.values[next]);
    }
  }
});