Introduce inheritance to the Parameter structure

client/app/services/parameters/NumberParameter.js

@@ -0,0 +1,20 @@
+import { toNumber, isNull, isUndefined } from 'lodash';
+import { Parameter } from '.';
+
+class NumberParameter extends Parameter {
+  constructor(parameter, parentQueryId) {
+    super(parameter, parentQueryId);
+    this.setValue(parameter.value);
+  }
+
+  static normalizeValue(value) {
+    if (isNull(value) || isUndefined(value)) {
+      return null;
+    }
+
+    const normalizedValue = toNumber(value);
+    return !isNaN(normalizedValue) ? normalizedValue : 0;
+  }
+}
+
+export default NumberParameter;

client/app/services/parameters/Parameter.js

@@ -0,0 +1,130 @@
+import { isNull, isObject, isFunction, isUndefined, isEqual, has } from 'lodash';
+import { TextParameter, NumberParameter } from '.';
+
+class Parameter {
+  constructor(parameter, parentQueryId) {
+    this.title = parameter.title;
+    this.name = parameter.name;
+    this.type = parameter.type;
+    this.global = parameter.global; // backward compatibility in Widget service
+    this.parentQueryId = parentQueryId;
+
+    // Used for meta-parameters (i.e. dashboard-level params)
+    this.locals = [];
+
+    // Used for URL serialization
+    Object.defineProperty(this, 'urlPrefix', {
+      configurable: true,
+      enumerable: false, // don't save it
+      writable: true,
+      value: 'p_',
+    });
+  }
+
+  static create(param, parentQueryId) {
+    switch (param.type) {
+      case 'number':
+        return new NumberParameter(param, parentQueryId);
+      default:
+        return new TextParameter({ ...param, type: 'text' }, parentQueryId);
+    }
+  }
+
+  static normalizeValue(value) {
+    if (isUndefined(value)) {
+      return null;
+    }
+    return value;
+  }
+
+  static getValue(param, extra = {}) {
+    if (!isObject(param) || !isFunction(param.getValue)) {
+      return null;
+    }
+
+    return param.getValue(extra);
+  }
+
+  static setValue(param, value) {
+    if (!isObject(param) || !isFunction(param.setValue)) {
+      return null;
+    }
+
+    return param.setValue(value);
+  }
+
+  get isEmpty() {
+    return isNull(this.getValue());
+  }
+
+  get hasPendingValue() {
+    return this.pendingValue !== undefined && !isEqual(this.pendingValue, this.normalizedValue);
+  }
+
+  get normalizedValue() {
+    return this.$$value;
+  }
+
+  // TODO: Remove this property when finally moved to React
+  get ngModel() {
+    return this.normalizedValue;
+  }
+
+  set ngModel(value) {
+    this.setValue(value);
+  }
+
+  clone() {
+    return Parameter.create(this);
+  }
+
+  setValue(value) {
+    const normalizedValue = this.constructor.normalizeValue(value);
+    this.value = normalizedValue;
+    this.$$value = normalizedValue;
+
+    this.clearPendingValue();
+    return this;
+  }
+
+  getValue() {
+    return this.value;
+  }
+
+  setPendingValue(value) {
+    this.pendingValue = this.constructor.normalizeValue(value);
+  }
+
+  applyPendingValue() {
+    if (this.hasPendingValue) {
+      this.setValue(this.pendingValue);
+    }
+  }
+
+  clearPendingValue() {
+    this.pendingValue = undefined;
+  }
+
+  toUrlParams() {
+    const prefix = this.urlPrefix;
+    return {
+      [`${prefix}${this.name}`]: !this.isEmpty ? this.value : null,
+      [`${prefix}${this.name}.start`]: null,
+      [`${prefix}${this.name}.end`]: null,
+    };
+  }
+
+  fromUrlParams(query) {
+    const prefix = this.urlPrefix;
+    const key = `${prefix}${this.name}`;
+    if (has(query, key)) {
+      this.setValue(query[key]);
+    }
+  }
+
+  toQueryTextFragment() {
+    return `{{ ${this.name} }}`;
+  }
+}
+
+export default Parameter;

client/app/services/parameters/TextParameter.js

@@ -0,0 +1,19 @@
+import { toString, isEmpty } from 'lodash';
+import { Parameter } from '.';
+
+class TextParameter extends Parameter {
+  constructor(parameter, parentQueryId) {
+    super(parameter, parentQueryId);
+    this.setValue(parameter.value);
+  }
+
+  static normalizeValue(value) {
+    const normalizedValue = toString(value);
+    if (isEmpty(normalizedValue)) {
+      return null;
+    }
+    return normalizedValue;
+  }
+}
+
+export default TextParameter;

client/app/services/parameters/index.js

@@ -0,0 +1,3 @@
+export { default as Parameter } from './Parameter';
+export { default as TextParameter } from './TextParameter';
+export { default as NumberParameter } from './NumberParameter';