logitude-dashboard-library 1.2.60 → 1.2.63

package/dist/index.js

@@ -33,15 +33,139 @@ var Tools = /*#__PURE__*/function () {
   return Tools;
 }();
 
+var ApiServices = /*#__PURE__*/function () {
+  function ApiServices() {
+    this._apiUrl = Tools.GetLogitudeURL();
+  }
+
+  var _proto = ApiServices.prototype;
+
+  _proto.getByFilters = function getByFilters(api, filters) {
+    var token = this.getTokenFromStorage();
+    var apiURL = "" + this._apiUrl + api;
+    apiURL = this.ConcatFiltersToURL(filters, apiURL);
+    return axios.get(apiURL, {
+      headers: {
+        'Content-Type': 'application/json',
+        'Token': token
+      }
+    });
+  };
+
+  _proto.get = function get(api) {
+    var token = this.getTokenFromStorage();
+    var apiURL = "" + this._apiUrl + api;
+    return axios.get(apiURL, {
+      headers: {
+        'Content-Type': 'application/json',
+        'Token': token
+      }
+    });
+  };
+
+  _proto.post = function post(api, date) {
+    var token = this.getTokenFromStorage();
+    var apiURL = "" + this._apiUrl + api;
+    return axios.post(apiURL, date, {
+      headers: {
+        'Content-Type': 'application/json',
+        'Token': token
+      }
+    });
+  };
+
+  _proto.getTokenFromStorage = function getTokenFromStorage() {
+    return window.localStorage.getItem("token") || '';
+  };
+
+  _proto.ConcatFiltersToURL = function ConcatFiltersToURL(filters, urlparameters) {
+    var mykeys = Object.keys(filters);
+    var addtionalFiltersValues = null;
+
+    for (var i in mykeys) {
+      var propName = mykeys[i];
+      var propValue = filters[propName];
+      var ignoreFilter = propName.indexOf("Operator") > 0 && propValue == "Equals" || propName == "AdditionalFilters";
+
+      if (urlparameters != "?") {
+        urlparameters = urlparameters.concat('&');
+      }
+
+      if (!ignoreFilter) {
+        propValue = propValue ? encodeURIComponent(propValue) : '';
+        urlparameters = urlparameters.concat(propName.concat('=').concat(propValue));
+      }
+
+      if (propName == "AdditionalFilters" && propValue.length > 0) {
+        addtionalFiltersValues = JSON.stringify(propValue);
+      }
+    }
+
+    if (addtionalFiltersValues) {
+      urlparameters = urlparameters.concat("&AdditionalFilters=").concat(addtionalFiltersValues);
+    }
+
+    return urlparameters;
+  };
+
+  return ApiServices;
+}();
+
+var DashboardAnalyticsService = /*#__PURE__*/function () {
+  function DashboardAnalyticsService() {
+    this.controller = 'DashboardAnalytics';
+    this._ApiServices = new ApiServices();
+  }
+
+  var _proto = DashboardAnalyticsService.prototype;
+
+  _proto.getData = function getData(widget) {
+    return this._ApiServices.post("/api/" + this.controller + "/PostGetDataAnalytic", widget);
+  };
+
+  return DashboardAnalyticsService;
+}();
+
 var ApexChart = function ApexChart(props) {
   var _props$widget2;
 
-  var lineOptoins = function lineOptoins() {
+  var _useState = React.useState({
+    series: [],
+    options: {}
+  }),
+      args = _useState[0],
+      serArgs = _useState[1];
+
+  React.useEffect(function () {
+    var dashboardAnalyticsService = new DashboardAnalyticsService();
+    dashboardAnalyticsService.getData(props.widget).then(function (result) {
+      var data = getChartOptions(result.data);
+      serArgs(data);
+    });
+  }, []);
+
+  var lineOptoins = function lineOptoins(values) {
+    var series = [];
+    var categories = [];
+
+    if (values && values[0]) {
+      var s = values[0].SeriesMeasureVulues.map(function (z) {
+        return z.Value;
+      });
+      series = values.map(function (e) {
+        return {
+          data: e.SeriesMeasureVulues.map(function (z) {
+            return z.Value;
+          })
+        };
+      });
+      categories = values[0].SeriesMeasureVulues.map(function (e) {
+        return e.Label;
+      });
+    }
+
     return {
-      series: [{
-        name: "Desktops",
-        data: [10, 41, 35, 51, 49, 62, 69, 91, 148]
-      }],
+      series: series,
       options: {
         chart: {
           height: 350,
@@ -67,19 +191,36 @@ var ApexChart = function ApexChart(props) {
           }
         },
         xaxis: {
-          categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep']
+          categories: categories
         }
       }
     };
   };
 
-  var barOptoins = function barOptoins() {
+  var barOptoins = function barOptoins(values) {
+    var series = [{
+      data: []
+    }];
+    var categories = [];
+
+    if (values && values[0]) {
+      var s = values[0].SeriesMeasureVulues.map(function (z) {
+        return z.Value;
+      });
+      series = values.map(function (e) {
+        return {
+          data: e.SeriesMeasureVulues.map(function (z) {
+            return z.Value;
+          })
+        };
+      });
+      categories = values[0].SeriesMeasureVulues.map(function (e) {
+        return e.Label;
+      });
+    }
+
     return {
-      series: [{
-        data: [44, 55, 41, 64, 22, 43, 21]
-      }, {
-        data: [53, 32, 33, 52, 13, 44, 32]
-      }],
+      series: series,
       options: {
         chart: {
           type: 'bar',
@@ -111,27 +252,51 @@ var ApexChart = function ApexChart(props) {
           intersect: false
         },
         xaxis: {
-          categories: [2001, 2002, 2003, 2004, 2005, 2006, 2007]
+          categories: categories
         }
       }
     };
   };
 
-  var pieOptoins = function pieOptoins() {
+  var pieOptoins = function pieOptoins(values) {
+    var series = [];
+    var labels = [];
+
+    if (values && values[0]) {
+      series = values[0].SeriesMeasureVulues.map(function (e) {
+        return e.Value;
+      });
+      labels = values[0].SeriesMeasureVulues.map(function (e) {
+        return e.Label;
+      });
+    }
+
     return {
-      series: [44, 55, 13, 43, 22],
+      series: series,
       options: {
         chart: {
           type: 'pie'
         },
-        labels: ['Team A', 'Team B', 'Team C', 'Team D', 'Team E']
+        labels: labels
       }
     };
   };
 
-  var donutOptoins = function donutOptoins() {
+  var donutOptoins = function donutOptoins(values) {
+    var series = [];
+    var labels = [];
+
+    if (values && values[0]) {
+      series = values[0].SeriesMeasureVulues.map(function (e) {
+        return e.Value;
+      });
+      labels = values[0].SeriesMeasureVulues.map(function (e) {
+        return e.Label;
+      });
+    }
+
     return {
-      series: [44, 55, 13, 33],
+      series: series,
       options: {
         chart: {
           width: 380,
@@ -155,32 +320,32 @@ var ApexChart = function ApexChart(props) {
           position: 'right',
           offsetY: 0,
           height: 230
-        }
+        },
+        labels: labels
       }
     };
   };
 
-  var getChartOptions = function getChartOptions() {
+  var getChartOptions = function getChartOptions(values) {
     var _props$widget;
 
     switch ((_props$widget = props.widget) === null || _props$widget === void 0 ? void 0 : _props$widget.TypeCode) {
       case 'bar':
-        return barOptoins();
+        return barOptoins(values);
 
       case 'line':
-        return lineOptoins();
+        return lineOptoins(values);
 
       case 'pie':
-        return pieOptoins();
+        return pieOptoins(values);
 
       case 'donut':
-        return donutOptoins();
+        return donutOptoins(values);
     }
 
-    return barOptoins();
+    return barOptoins(values);
   };
 
-  var args = getChartOptions();
   return React__default.createElement(ReactApexChart, {
     options: args === null || args === void 0 ? void 0 : args.options,
     series: args === null || args === void 0 ? void 0 : args.series,
@@ -329,6 +494,7 @@ var DashboardDesigner = function DashboardDesigner(props) {
   }
 
   function editWidget(widget) {
+    widget.ChangeSetOp = 'Update';
     props.openEditWidget(widget);
   }
 
@@ -406,84 +572,6 @@ var layoutGridProps = {
   useCSSTransforms: true
 };
 
-var ApiServices = /*#__PURE__*/function () {
-  function ApiServices() {
-    this._apiUrl = Tools.GetLogitudeURL();
-  }
-
-  var _proto = ApiServices.prototype;
-
-  _proto.getByFilters = function getByFilters(api, filters) {
-    var token = this.getTokenFromStorage();
-    var apiURL = "" + this._apiUrl + api;
-    apiURL = this.ConcatFiltersToURL(filters, apiURL);
-    return axios.get(apiURL, {
-      headers: {
-        'Content-Type': 'application/json',
-        'Token': token
-      }
-    });
-  };
-
-  _proto.get = function get(api) {
-    var token = this.getTokenFromStorage();
-    var apiURL = "" + this._apiUrl + api;
-    return axios.get(apiURL, {
-      headers: {
-        'Content-Type': 'application/json',
-        'Token': token
-      }
-    });
-  };
-
-  _proto.post = function post(api, date) {
-    var token = this.getTokenFromStorage();
-    var apiURL = "" + this._apiUrl + api;
-    return axios.post(apiURL, date, {
-      headers: {
-        'Content-Type': 'application/json',
-        'Token': token
-      }
-    });
-  };
-
-  _proto.getTokenFromStorage = function getTokenFromStorage() {
-    return window.localStorage.getItem("token") || '';
-  };
-
-  _proto.ConcatFiltersToURL = function ConcatFiltersToURL(filters, urlparameters) {
-    var mykeys = Object.keys(filters);
-    var addtionalFiltersValues = null;
-
-    for (var i in mykeys) {
-      var propName = mykeys[i];
-      var propValue = filters[propName];
-      var ignoreFilter = propName.indexOf("Operator") > 0 && propValue == "Equals" || propName == "AdditionalFilters";
-
-      if (urlparameters != "?") {
-        urlparameters = urlparameters.concat('&');
-      }
-
-      if (!ignoreFilter) {
-        propValue = propValue ? encodeURIComponent(propValue) : '';
-        urlparameters = urlparameters.concat(propName.concat('=').concat(propValue));
-      }
-
-      if (propName == "AdditionalFilters" && propValue.length > 0) {
-        addtionalFiltersValues = JSON.stringify(propValue);
-      }
-    }
-
-    if (addtionalFiltersValues) {
-      urlparameters = urlparameters.concat("&AdditionalFilters=").concat(addtionalFiltersValues);
-    }
-
-    return urlparameters;
-  };
-
-  return ApiServices;
-}();
-
 var DashBoardService = /*#__PURE__*/function () {
   function DashBoardService() {
     this.tableName = 'DashBoard';
@@ -604,7 +692,8 @@ var Dashboard = function Dashboard(props) {
     props.openAddEditWidget({
       TypeCode: widgetCode,
       StartPotistion: position.x + "," + position.y,
-      EndPosition: position.w + "," + position.h
+      EndPosition: position.w + "," + position.h,
+      ChangeSetOp: 'Insert'
     });
   };