@future-grid/fgp-graph/lib/extras/toolbar/widgets/View.js

fgp-graph is a chart lib based on Dygraphs

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports["default"] = void 0;

function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }

function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }

var View = function View(parentElement, viewConfigs, viewChangeListener) {
  var _this = this;

  _classCallCheck(this, View);

  this.parentElement = parentElement;
  this.viewConfigs = viewConfigs;
  this.viewChangeListener = viewChangeListener;

  _defineProperty(this, "initDom", function () {
    // dropdown container
    var dropdownContainer = document.createElement('div');
    dropdownContainer.setAttribute("class", "fgp-views-dropdown"); // create select

    var select = document.createElement("select"); // create options

    _this.viewConfigs.forEach(function (config) {
      var option = document.createElement('option');
      option.text = config.name;
      option.value = config.name;
      option.selected = config.show;
      select.add(option);
    });

    select.addEventListener("change", function (e) {
      _this.viewConfigs.map(function (_config, _index) {
        _config.show = _index === select.selectedIndex;
      }); // call listener


      _this.viewChangeListener(_this.viewConfigs[select.selectedIndex]);
    });
    dropdownContainer.appendChild(select);

    _this.parentElement.appendChild(dropdownContainer);
  });

  this.initDom();
};

exports["default"] = View;
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9leHRyYXMvdG9vbGJhci93aWRnZXRzL1ZpZXcudHMiXSwibmFtZXMiOlsiVmlldyIsInBhcmVudEVsZW1lbnQiLCJ2aWV3Q29uZmlncyIsInZpZXdDaGFuZ2VMaXN0ZW5lciIsImRyb3Bkb3duQ29udGFpbmVyIiwiZG9jdW1lbnQiLCJjcmVhdGVFbGVtZW50Iiwic2V0QXR0cmlidXRlIiwic2VsZWN0IiwiZm9yRWFjaCIsImNvbmZpZyIsIm9wdGlvbiIsInRleHQiLCJuYW1lIiwidmFsdWUiLCJzZWxlY3RlZCIsInNob3ciLCJhZGQiLCJhZGRFdmVudExpc3RlbmVyIiwiZSIsIm1hcCIsIl9jb25maWciLCJfaW5kZXgiLCJzZWxlY3RlZEluZGV4IiwiYXBwZW5kQ2hpbGQiLCJpbml0RG9tIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztJQUVxQkEsSSxHQUVqQixjQUFtQkMsYUFBbkIsRUFBa0RDLFdBQWxELEVBQXlGQyxrQkFBekYsRUFBeUk7QUFBQTs7QUFBQTs7QUFBQSxPQUF0SEYsYUFBc0gsR0FBdEhBLGFBQXNIO0FBQUEsT0FBdkZDLFdBQXVGLEdBQXZGQSxXQUF1RjtBQUFBLE9BQWhEQyxrQkFBZ0QsR0FBaERBLGtCQUFnRDs7QUFBQSxtQ0FNdkgsWUFBTTtBQUVwQjtBQUNBLFFBQUlDLGlCQUFpQyxHQUFHQyxRQUFRLENBQUNDLGFBQVQsQ0FBdUIsS0FBdkIsQ0FBeEM7QUFDQUYsSUFBQUEsaUJBQWlCLENBQUNHLFlBQWxCLENBQStCLE9BQS9CLEVBQXdDLG9CQUF4QyxFQUpvQixDQU1wQjs7QUFDQSxRQUFNQyxNQUFNLEdBQUdILFFBQVEsQ0FBQ0MsYUFBVCxDQUF1QixRQUF2QixDQUFmLENBUG9CLENBU3BCOztBQUNBLElBQUEsS0FBSSxDQUFDSixXQUFMLENBQWlCTyxPQUFqQixDQUF5QixVQUFBQyxNQUFNLEVBQUk7QUFDL0IsVUFBTUMsTUFBTSxHQUFHTixRQUFRLENBQUNDLGFBQVQsQ0FBdUIsUUFBdkIsQ0FBZjtBQUNBSyxNQUFBQSxNQUFNLENBQUNDLElBQVAsR0FBY0YsTUFBTSxDQUFDRyxJQUFyQjtBQUNBRixNQUFBQSxNQUFNLENBQUNHLEtBQVAsR0FBZUosTUFBTSxDQUFDRyxJQUF0QjtBQUNBRixNQUFBQSxNQUFNLENBQUNJLFFBQVAsR0FBa0JMLE1BQU0sQ0FBQ00sSUFBekI7QUFDQVIsTUFBQUEsTUFBTSxDQUFDUyxHQUFQLENBQVdOLE1BQVg7QUFDSCxLQU5EOztBQVFBSCxJQUFBQSxNQUFNLENBQUNVLGdCQUFQLENBQXdCLFFBQXhCLEVBQWtDLFVBQUNDLENBQUQsRUFBVztBQUN6QyxNQUFBLEtBQUksQ0FBQ2pCLFdBQUwsQ0FBaUJrQixHQUFqQixDQUFxQixVQUFDQyxPQUFELEVBQVVDLE1BQVYsRUFBcUI7QUFDdENELFFBQUFBLE9BQU8sQ0FBQ0wsSUFBUixHQUFlTSxNQUFNLEtBQUtkLE1BQU0sQ0FBQ2UsYUFBakM7QUFDSCxPQUZELEVBRHlDLENBSXpDOzs7QUFDQSxNQUFBLEtBQUksQ0FBQ3BCLGtCQUFMLENBQXdCLEtBQUksQ0FBQ0QsV0FBTCxDQUFpQk0sTUFBTSxDQUFDZSxhQUF4QixDQUF4QjtBQUNILEtBTkQ7QUFPQW5CLElBQUFBLGlCQUFpQixDQUFDb0IsV0FBbEIsQ0FBOEJoQixNQUE5Qjs7QUFFQSxJQUFBLEtBQUksQ0FBQ1AsYUFBTCxDQUFtQnVCLFdBQW5CLENBQStCcEIsaUJBQS9CO0FBRUgsR0FuQ3dJOztBQUVySSxPQUFLcUIsT0FBTDtBQUNILEMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0dyYXBoQ29sbGVjdGlvbiwgVmlld0NvbmZpZ30gZnJvbSBcIi4uLy4uLy4uL21ldGFkYXRhL2NvbmZpZ3VyYXRpb25zXCI7XG5cbmV4cG9ydCBkZWZhdWx0IGNsYXNzIFZpZXcge1xuXG4gICAgY29uc3RydWN0b3IocHVibGljIHBhcmVudEVsZW1lbnQ6IEVsZW1lbnQsIHB1YmxpYyB2aWV3Q29uZmlnczogQXJyYXk8Vmlld0NvbmZpZz4sIHB1YmxpYyB2aWV3Q2hhbmdlTGlzdGVuZXI6ICh2aWV3OiBWaWV3Q29uZmlnKSA9PiB2b2lkKSB7XG5cbiAgICAgICAgdGhpcy5pbml0RG9tKCk7XG4gICAgfVxuXG5cbiAgICBwcml2YXRlIGluaXREb20gPSAoKSA9PiB7XG5cbiAgICAgICAgLy8gZHJvcGRvd24gY29udGFpbmVyXG4gICAgICAgIGxldCBkcm9wZG93bkNvbnRhaW5lcjogSFRNTERpdkVsZW1lbnQgPSBkb2N1bWVudC5jcmVhdGVFbGVtZW50KCdkaXYnKTtcbiAgICAgICAgZHJvcGRvd25Db250YWluZXIuc2V0QXR0cmlidXRlKFwiY2xhc3NcIiwgXCJmZ3Atdmlld3MtZHJvcGRvd25cIik7XG5cbiAgICAgICAgLy8gY3JlYXRlIHNlbGVjdFxuICAgICAgICBjb25zdCBzZWxlY3QgPSBkb2N1bWVudC5jcmVhdGVFbGVtZW50KFwic2VsZWN0XCIpO1xuXG4gICAgICAgIC8vIGNyZWF0ZSBvcHRpb25zXG4gICAgICAgIHRoaXMudmlld0NvbmZpZ3MuZm9yRWFjaChjb25maWcgPT4ge1xuICAgICAgICAgICAgY29uc3Qgb3B0aW9uID0gZG9jdW1lbnQuY3JlYXRlRWxlbWVudCgnb3B0aW9uJyk7XG4gICAgICAgICAgICBvcHRpb24udGV4dCA9IGNvbmZpZy5uYW1lO1xuICAgICAgICAgICAgb3B0aW9uLnZhbHVlID0gY29uZmlnLm5hbWU7XG4gICAgICAgICAgICBvcHRpb24uc2VsZWN0ZWQgPSBjb25maWcuc2hvdztcbiAgICAgICAgICAgIHNlbGVjdC5hZGQob3B0aW9uKTtcbiAgICAgICAgfSk7XG5cbiAgICAgICAgc2VsZWN0LmFkZEV2ZW50TGlzdGVuZXIoXCJjaGFuZ2VcIiwgKGU6RXZlbnQpPT57XG4gICAgICAgICAgICB0aGlzLnZpZXdDb25maWdzLm1hcCgoX2NvbmZpZywgX2luZGV4KSA9PiB7XG4gICAgICAgICAgICAgICAgX2NvbmZpZy5zaG93ID0gX2luZGV4ID09PSBzZWxlY3Quc2VsZWN0ZWRJbmRleDtcbiAgICAgICAgICAgIH0pO1xuICAgICAgICAgICAgLy8gY2FsbCBsaXN0ZW5lclxuICAgICAgICAgICAgdGhpcy52aWV3Q2hhbmdlTGlzdGVuZXIodGhpcy52aWV3Q29uZmlnc1tzZWxlY3Quc2VsZWN0ZWRJbmRleF0pO1xuICAgICAgICB9KTtcbiAgICAgICAgZHJvcGRvd25Db250YWluZXIuYXBwZW5kQ2hpbGQoc2VsZWN0KTtcblxuICAgICAgICB0aGlzLnBhcmVudEVsZW1lbnQuYXBwZW5kQ2hpbGQoZHJvcGRvd25Db250YWluZXIpO1xuXG4gICAgfTtcblxuXG59Il19