@gisce/ooui 0.2.2 → 0.2.3

package/dist/Indicator.d.ts

@@ -4,6 +4,12 @@ declare class Indicator extends Field {
     _card: boolean;
     get card(): boolean;
     set card(value: boolean);
+    _icon: string;
+    get icon(): string;
+    set icon(value: string);
+    _suffix: string;
+    get suffix(): string;
+    set suffix(value: string);
     constructor(props: any);
 }
 export default Indicator;

package/dist/Indicator.js

@@ -18,8 +18,12 @@ var Indicator = /** @class */ (function (_super) {
         var _this = _super.call(this, props) || this;
         _this._nolabel = true;
         _this._card = false;
+        _this._icon = "";
+        _this._suffix = "";
         if (_this._parsedWidgetProps) {
-            _this._card = _this._parsedWidgetProps.card;
+            _this._card = _this._parsedWidgetProps.card || false;
+            _this._icon = _this._parsedWidgetProps.icon || "";
+            _this._suffix = _this._parsedWidgetProps.suffix || "";
         }
         return _this;
     }
@@ -33,6 +37,26 @@ var Indicator = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(Indicator.prototype, "icon", {
+        get: function () {
+            return this._icon;
+        },
+        set: function (value) {
+            this._icon = value;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(Indicator.prototype, "suffix", {
+        get: function () {
+            return this._suffix;
+        },
+        set: function (value) {
+            this._suffix = value;
+        },
+        enumerable: false,
+        configurable: true
+    });
     return Indicator;
 }(Field));
 export default Indicator;

package/dist/Indicator.js.map

@@ -1 +1 @@
-{"version":3,"file":"Indicator.js","sourceRoot":"","sources":["../src/Indicator.ts"],"names":[],"mappings":";;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,SAAS,CAAC;AAE5B;IAAwB,6BAAK;IAW3B,mBAAY,KAAU;QAAtB,YACE,kBAAM,KAAK,CAAC,SAKb;QAhBD,cAAQ,GAAY,IAAI,CAAC;QAYvB,KAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QACnB,IAAI,KAAI,CAAC,kBAAkB,EAAE;YAC3B,KAAI,CAAC,KAAK,GAAG,KAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC;SAC3C;;IACH,CAAC;IAbD,sBAAI,2BAAI;aAAR;YACE,OAAO,IAAI,CAAC,KAAK,CAAC;QACpB,CAAC;aACD,UAAS,KAAc;YACrB,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QACrB,CAAC;;;OAHA;IAYH,gBAAC;AAAD,CAAC,AAlBD,CAAwB,KAAK,GAkB5B;AAGD,eAAe,SAAS,CAAC"}
+{"version":3,"file":"Indicator.js","sourceRoot":"","sources":["../src/Indicator.ts"],"names":[],"mappings":";;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,SAAS,CAAC;AAE5B;IAAwB,6BAAK;IAyB3B,mBAAY,KAAU;QAAtB,YACE,kBAAM,KAAK,CAAC,SASb;QAlCD,cAAQ,GAAY,IAAI,CAAC;QA0BvB,KAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QACnB,KAAI,CAAC,KAAK,GAAG,EAAE,CAAC;QAChB,KAAI,CAAC,OAAO,GAAG,EAAE,CAAC;QAClB,IAAI,KAAI,CAAC,kBAAkB,EAAE;YAC3B,KAAI,CAAC,KAAK,GAAG,KAAI,CAAC,kBAAkB,CAAC,IAAI,IAAI,KAAK,CAAC;YACnD,KAAI,CAAC,KAAK,GAAG,KAAI,CAAC,kBAAkB,CAAC,IAAI,IAAI,EAAE,CAAC;YAChD,KAAI,CAAC,OAAO,GAAG,KAAI,CAAC,kBAAkB,CAAC,MAAM,IAAI,EAAE,CAAC;SACrD;;IACH,CAAC;IA/BD,sBAAI,2BAAI;aAAR;YACE,OAAO,IAAI,CAAC,KAAK,CAAC;QACpB,CAAC;aACD,UAAS,KAAc;YACrB,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QACrB,CAAC;;;OAHA;IAKD,sBAAI,2BAAI;aAAR;YACE,OAAO,IAAI,CAAC,KAAK,CAAC;QACpB,CAAC;aACD,UAAS,KAAa;YACpB,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QACrB,CAAC;;;OAHA;IAKD,sBAAI,6BAAM;aAAV;YACE,OAAO,IAAI,CAAC,OAAO,CAAC;QACtB,CAAC;aACD,UAAW,KAAa;YACtB,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;QACvB,CAAC;;;OAHA;IAgBH,gBAAC;AAAD,CAAC,AApCD,CAAwB,KAAK,GAoC5B;AAGD,eAAe,SAAS,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gisce/ooui",
-  "version": "0.2.2",
+  "version": "0.2.3",
   "dependencies": {},
   "main": "dist/index.js",
   "types": "dist/index.d.ts",

package/src/Indicator.ts

@@ -10,12 +10,30 @@ class Indicator extends Field {
   set card(value: boolean) {
     this._card = value;
   }
+  _icon: string;
+  get icon(): string {
+    return this._icon;
+  }
+  set icon(value: string) {
+    this._icon = value;
+  }
+  _suffix: string;
+  get suffix(): string {
+    return this._suffix;
+  }
+  set suffix(value: string) {
+    this._suffix = value;
+  }
 
   constructor(props: any) {
     super(props);
     this._card = false;
+    this._icon = "";
+    this._suffix = "";
     if (this._parsedWidgetProps) {
-      this._card = this._parsedWidgetProps.card;
+      this._card = this._parsedWidgetProps.card || false;
+      this._icon = this._parsedWidgetProps.icon || "";
+      this._suffix = this._parsedWidgetProps.suffix || "";
     }
   }
 }

package/src/spec/Indicator.spec.ts

@@ -19,9 +19,28 @@ describe("An Indicator", () => {
   it('should parse widget props', () => {
     const widgetFactory = new WidgetFactory();
     const props = {
-      widget_props: "{'card': true}"
+      widget_props: "{'card': true, 'icon': 'wallet', 'suffix': '€'}"
     };
     const widget = widgetFactory.createWidget("indicator", props);
     expect(widget.card).toBe(true);
+    expect(widget.icon).toBe('wallet');
+    expect(widget.suffix).toBe('€');
+  });
+  it('icon and suffix should be an empty string if not defined', () => {
+    const widgetFactory = new WidgetFactory();
+    const props = {
+      widget_props: "{'card': true}"
+    };
+    const widget = widgetFactory.createWidget("indicator", props);
+    expect(widget.icon).toBe("");
+    expect(widget.suffix).toBe("");
+  });
+  it('card should be false if not defined', () => {
+    const widgetFactory = new WidgetFactory();
+    const props = {
+      widget_props: "{'icon': 'wallet'}"
+    };
+    const widget = widgetFactory.createWidget("indicator", props);
+    expect(widget.card).toBe(false);
   });
 });