TableFilter/src/modules/statusBar.js

define(["exports", "../dom", "../event", "../types", "../helpers"], function (exports, _dom, _event, _types, _helpers) {
  "use strict";

  var _classProps = function (child, staticProps, instanceProps) {
    if (staticProps) Object.defineProperties(child, staticProps);
    if (instanceProps) Object.defineProperties(child.prototype, instanceProps);
  };

  var Dom = _dom.Dom;
  var Event = _event.Event;
  var Types = _types.Types;
  var Helpers = _helpers.Helpers;
  var StatusBar = (function () {
    var StatusBar = function StatusBar(tf) {
      // Configuration object
      var f = tf.fObj || {};

      //id of custom container element
      this.statusBarTgtId = f.status_bar_target_id || null;
      //element containing status bar label
      this.statusBarDiv = null;
      //status bar
      this.statusBarSpan = null;
      //status bar label
      this.statusBarSpanText = null;
      //defines status bar text
      this.statusBarText = f.status_bar_text || "";
      //defines css class status bar
      this.statusBarCssClass = f.status_bar_css_class || "status";
      //delay for status bar clearing
      this.statusBarCloseDelay = 250;

      //calls function before message is displayed
      this.onBeforeShowMsg = Types.isFn(f.on_before_show_msg) ? f.on_before_show_msg : null;
      //calls function after message is displayed
      this.onAfterShowMsg = Types.isFn(f.on_after_show_msg) ? f.on_after_show_msg : null;

      this.tf = tf;
    };

    _classProps(StatusBar, null, {
      init: {
        writable: true,
        value: function () {
          var tf = this.tf;
          if (!tf.hasGrid && !tf.isFirstLoad) {
            return;
          }

          //status bar container
          var statusDiv = Dom.create("div", ["id", tf.prfxStatus + tf.id]);
          statusDiv.className = this.statusBarCssClass;

          //status bar label
          var statusSpan = Dom.create("span", ["id", tf.prfxStatusSpan + tf.id]);
          //preceding text
          var statusSpanText = Dom.create("span", ["id", tf.prfxStatusTxt + tf.id]);
          statusSpanText.appendChild(Dom.text(this.statusBarText));

          // target element container
          if (!this.statusBarTgtId) {
            tf.SetTopDiv();
          }
          var targetEl = (!this.statusBarTgtId) ? tf.lDiv : Dom.id(this.statusBarTgtId);

          // TODO: use alternative to outerHTML
          if (this.statusBarDiv && Helpers.isIE()) {
            this.statusBarDiv.outerHTML = "";
          }

          //default container: 'lDiv'
          if (!this.statusBarTgtId) {
            statusDiv.appendChild(statusSpanText);
            statusDiv.appendChild(statusSpan);
            targetEl.appendChild(statusDiv);
          } else {
            // custom container, no need to append statusDiv
            targetEl.appendChild(statusSpanText);
            targetEl.appendChild(statusSpan);
          }

          this.statusBarDiv = statusDiv;
          this.statusBarSpan = statusSpan;
          this.statusBarSpanText = statusSpanText;
        }
      },
      message: {
        writable: true,
        value: function (t) {
          var _this = this;
          if (t === undefined) t = "";
          var tf = this.tf;
          if (!tf.statusBar || !this.statusBarSpan) {
            return;
          }
          if (this.onBeforeShowMsg) {
            this.onBeforeShowMsg.call(null, this.tf, t);
          }

          var d = t === "" ? this.statusBarCloseDelay : 1;
          window.setTimeout(function () {
            _this.statusBarSpan.innerHTML = t;
            if (_this.onAfterShowMsg) {
              _this.onAfterShowMsg.call(null, _this.tf, t);
            }
          }, d);
        }
      },
      destroy: {
        writable: true,
        value: function () {
          var tf = this.tf;
          if (!tf.hasGrid || !this.statusBarDiv) {
            return;
          }

          this.statusBarDiv.innerHTML = "";
          this.statusBarDiv.parentNode.removeChild(this.statusBarDiv);
          this.statusBarSpan = null;
          this.statusBarSpanText = null;
          this.statusBarDiv = null;
        }
      }
    });

    return StatusBar;
  })();

  exports.StatusBar = StatusBar;
});