logitude-dashboard-library 3.2.25 → 3.2.26
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/Utils/WidgetLoadLogger.d.ts +10 -0
- package/dist/assets/styles/dl-dashboard.scss +1 -1
- package/dist/features/Dashboard/ChartsComponents/FusionCharts/FusionChart.d.ts +1 -0
- package/dist/features/Dashboard/ChartsComponents/FusionCharts/GaugeChart.d.ts +1 -0
- package/dist/index.js +82 -44
- package/dist/index.js.map +1 -1
- package/dist/index.modern.js +82 -44
- package/dist/index.modern.js.map +1 -1
- package/dist/services/WidgetLoadLogService.d.ts +8 -0
- package/dist/styles/dl-dashboard.scss +1 -1
- package/dist/types/WidgetLoadLog.d.ts +7 -0
- package/package.json +1 -1
package/dist/index.modern.js
CHANGED
|
@@ -241,7 +241,7 @@ var DashboardAnalyticsService = /*#__PURE__*/function () {
|
|
|
241
241
|
};
|
|
242
242
|
|
|
243
243
|
_proto.getPivotData = function getPivotData(widget) {
|
|
244
|
-
return this._ApiServices.post("/api/
|
|
244
|
+
return this._ApiServices.post("/api/" + this.controller + "/PostGetPivotData", widget);
|
|
245
245
|
};
|
|
246
246
|
|
|
247
247
|
return DashboardAnalyticsService;
|
|
@@ -777,6 +777,65 @@ var ConvertStringToPascalCaseHelper = function ConvertStringToPascalCaseHelper(s
|
|
|
777
777
|
}).join(' ');
|
|
778
778
|
};
|
|
779
779
|
|
|
780
|
+
var WidgetLoadLogService = /*#__PURE__*/function () {
|
|
781
|
+
function WidgetLoadLogService() {
|
|
782
|
+
this.controller = 'WidgetLoadLogs';
|
|
783
|
+
this._ApiServices = new ApiServices();
|
|
784
|
+
}
|
|
785
|
+
|
|
786
|
+
var _proto = WidgetLoadLogService.prototype;
|
|
787
|
+
|
|
788
|
+
_proto.create = function create(widgetLoadLog) {
|
|
789
|
+
return this._ApiServices.post("/api/" + this.controller, widgetLoadLog, undefined);
|
|
790
|
+
};
|
|
791
|
+
|
|
792
|
+
return WidgetLoadLogService;
|
|
793
|
+
}();
|
|
794
|
+
|
|
795
|
+
var WidgetLoadLogger = /*#__PURE__*/function () {
|
|
796
|
+
function WidgetLoadLogger(widget, isPreviewMode) {
|
|
797
|
+
this.StartTime = null;
|
|
798
|
+
this.Widget = null;
|
|
799
|
+
|
|
800
|
+
if (!isPreviewMode) {
|
|
801
|
+
this.StartTime = new Date().getTime();
|
|
802
|
+
this.Widget = widget;
|
|
803
|
+
}
|
|
804
|
+
}
|
|
805
|
+
|
|
806
|
+
var _proto = WidgetLoadLogger.prototype;
|
|
807
|
+
|
|
808
|
+
_proto.log = function log(loadDataResponse) {
|
|
809
|
+
if (this.StartTime && this.Widget && loadDataResponse) {
|
|
810
|
+
var totalExecutionTime = new Date().getTime() - this.StartTime;
|
|
811
|
+
var widgetLoadLogService = new WidgetLoadLogService();
|
|
812
|
+
var widgetLoadLog = {
|
|
813
|
+
Tenant: this.Widget.Tenant,
|
|
814
|
+
WidgetId: this.Widget.Id,
|
|
815
|
+
DashboardId: this.Widget.DashboardId,
|
|
816
|
+
LoadTime: this.getLoadTime(loadDataResponse),
|
|
817
|
+
TotalExecutionTime: totalExecutionTime
|
|
818
|
+
};
|
|
819
|
+
widgetLoadLogService.create(widgetLoadLog).then(function (_response) {}, function (_error) {});
|
|
820
|
+
}
|
|
821
|
+
|
|
822
|
+
this.StartTime = null;
|
|
823
|
+
this.Widget = null;
|
|
824
|
+
};
|
|
825
|
+
|
|
826
|
+
_proto.getLoadTime = function getLoadTime(loadDataResponse) {
|
|
827
|
+
var loadTimeHeaderKey = "load-time";
|
|
828
|
+
var loadTimeHeader = loadDataResponse && loadDataResponse.headers && loadDataResponse.headers[loadTimeHeaderKey] ? loadDataResponse.headers[loadTimeHeaderKey] : "";
|
|
829
|
+
return this.isNumber(loadTimeHeader) ? Number(loadTimeHeader) : 0;
|
|
830
|
+
};
|
|
831
|
+
|
|
832
|
+
_proto.isNumber = function isNumber(value) {
|
|
833
|
+
return value !== null && value !== undefined && value !== "" && !isNaN(Number(value.toString()));
|
|
834
|
+
};
|
|
835
|
+
|
|
836
|
+
return WidgetLoadLogger;
|
|
837
|
+
}();
|
|
838
|
+
|
|
780
839
|
var KpiChart = function KpiChart(props) {
|
|
781
840
|
var _widget$current16;
|
|
782
841
|
|
|
@@ -863,10 +922,12 @@ var KpiChart = function KpiChart(props) {
|
|
|
863
922
|
var dashboardAnalyticsService = new DashboardAnalyticsService();
|
|
864
923
|
var postWidget = calculateWidgetKPISettingsDates();
|
|
865
924
|
postWidget.onChange = undefined;
|
|
925
|
+
var widgetLoadLogger = new WidgetLoadLogger(postWidget, props.customChartProps.isPreviewModeActive);
|
|
866
926
|
dashboardAnalyticsService.getKpiData(postWidget).then(function (result) {
|
|
867
927
|
setData(result.data);
|
|
868
928
|
handleResponseErrors(result);
|
|
869
929
|
setIsLoading(false);
|
|
930
|
+
widgetLoadLogger.log(result);
|
|
870
931
|
}, function (error) {
|
|
871
932
|
var _error$response, _error$response$data, _error$response2, _error$response2$data;
|
|
872
933
|
|
|
@@ -1243,12 +1304,14 @@ var TableChart = function TableChart(props) {
|
|
|
1243
1304
|
widget.onChange = undefined;
|
|
1244
1305
|
widget.PageIndex = 0;
|
|
1245
1306
|
widget.PageSize = 100;
|
|
1307
|
+
var widgetLoadLogger = new WidgetLoadLogger(widget, props.customChartProps.isPreviewModeActive);
|
|
1246
1308
|
dashboardAnalyticsService.getTableData(widget).then(function (res) {
|
|
1247
1309
|
if (res && res.data) {
|
|
1248
1310
|
fillTableData(res.data);
|
|
1249
1311
|
}
|
|
1250
1312
|
|
|
1251
1313
|
setIsLoading(false);
|
|
1314
|
+
widgetLoadLogger.log(res);
|
|
1252
1315
|
})["catch"](function (error) {
|
|
1253
1316
|
var _error$response, _error$response$data, _error$response2, _error$response2$data;
|
|
1254
1317
|
|
|
@@ -1479,7 +1542,7 @@ var TableChart = function TableChart(props) {
|
|
|
1479
1542
|
};
|
|
1480
1543
|
|
|
1481
1544
|
var isClickableCell = function isClickableCell(fieldCode) {
|
|
1482
|
-
return fieldCode == "ShipmentNumber" && objectTableName == "Shipment" || fieldCode == "InvoiceNumber" && objectTableName == "APInvoice" || fieldCode == "InvoiceNumber" && objectTableName == "ARInvoice" || fieldCode == "ContainerNumber" && objectTableName == "Container" || fieldCode == "QuoteNumber" && objectTableName == "Quote" || fieldCode == "Subject" && objectTableName == "Opportunity" || fieldCode == "EnglishName" && objectTableName == "Customer" || fieldCode == "TaskNumber" && objectTableName == "Task";
|
|
1545
|
+
return fieldCode == "ShipmentNumber" && objectTableName == "Shipment" || fieldCode == "InvoiceNumber" && objectTableName == "APInvoice" || fieldCode == "InvoiceNumber" && objectTableName == "ARInvoice" || fieldCode == "ContainerNumber" && objectTableName == "Container" || fieldCode == "QuoteNumber" && objectTableName == "Quote" || fieldCode == "Subject" && objectTableName == "Opportunity" || fieldCode == "EnglishName" && objectTableName == "Customer" || fieldCode == "TaskNumber" && objectTableName == "Task" || fieldCode == "TicketNumber" && objectTableName == "Ticket";
|
|
1483
1546
|
};
|
|
1484
1547
|
|
|
1485
1548
|
var tableCellClicked = function tableCellClicked(data, fieldCode) {
|
|
@@ -1592,6 +1655,8 @@ var TableChart = function TableChart(props) {
|
|
|
1592
1655
|
}, error))) : React__default.createElement(DataTable, {
|
|
1593
1656
|
loading: isTableLoading,
|
|
1594
1657
|
value: tableData,
|
|
1658
|
+
resizableColumns: !props.customChartProps.isInEditMode,
|
|
1659
|
+
columnResizeMode: "fit",
|
|
1595
1660
|
responsiveLayout: "scroll"
|
|
1596
1661
|
}, tableColumns.map(function (column, index) {
|
|
1597
1662
|
return React__default.createElement(Column, {
|
|
@@ -1684,10 +1749,12 @@ var PivotTable = forwardRef(function (props, comRef) {
|
|
|
1684
1749
|
}
|
|
1685
1750
|
|
|
1686
1751
|
var dashboardAnalyticsService = new DashboardAnalyticsService();
|
|
1752
|
+
var widgetLoadLogger = new WidgetLoadLogger(props.customChartProps.widget, props.customChartProps.isPreviewModeActive);
|
|
1687
1753
|
dashboardAnalyticsService.getPivotData(props.customChartProps.widget).then(function (res) {
|
|
1688
1754
|
tabledata.current = res.data;
|
|
1689
1755
|
setPivotDataSourceFields();
|
|
1690
1756
|
setIsLoading(false);
|
|
1757
|
+
widgetLoadLogger.log(res);
|
|
1691
1758
|
})["catch"](function (err) {
|
|
1692
1759
|
console.log("Error while Getting Pivot Table Data: ", err);
|
|
1693
1760
|
tabledata.current = null;
|
|
@@ -2072,48 +2139,9 @@ function buildDataSource(values, widget) {
|
|
|
2072
2139
|
return data;
|
|
2073
2140
|
}
|
|
2074
2141
|
|
|
2075
|
-
var reorder = function reorder(values, referenceOrder) {
|
|
2076
|
-
return referenceOrder.map(function (groupById) {
|
|
2077
|
-
return values.find(function (v) {
|
|
2078
|
-
return v.GroupById === groupById;
|
|
2079
|
-
}) || {
|
|
2080
|
-
GroupById: groupById,
|
|
2081
|
-
Value: 0
|
|
2082
|
-
};
|
|
2083
|
-
});
|
|
2084
|
-
};
|
|
2085
|
-
|
|
2086
|
-
var getOrderedSeriesMeasures = function getOrderedSeriesMeasures(seriesMeasures, widget) {
|
|
2087
|
-
if (!seriesMeasures || seriesMeasures.length < 2) {
|
|
2088
|
-
return seriesMeasures;
|
|
2089
|
-
}
|
|
2090
|
-
|
|
2091
|
-
var referenceOrder;
|
|
2092
|
-
|
|
2093
|
-
if (widget.SortBy == 1) {
|
|
2094
|
-
referenceOrder = seriesMeasures[0].Values.map(function (v) {
|
|
2095
|
-
return v.Label;
|
|
2096
|
-
});
|
|
2097
|
-
seriesMeasures[1].Values = reorder(seriesMeasures[1].Values, referenceOrder);
|
|
2098
|
-
} else if (widget.SortBy == 2) {
|
|
2099
|
-
referenceOrder = seriesMeasures[1].Values.map(function (v) {
|
|
2100
|
-
return v.Label;
|
|
2101
|
-
});
|
|
2102
|
-
seriesMeasures[0].Values = reorder(seriesMeasures[0].Values, referenceOrder);
|
|
2103
|
-
} else {
|
|
2104
|
-
referenceOrder = seriesMeasures[0].Values.map(function (v) {
|
|
2105
|
-
return v.GroupById;
|
|
2106
|
-
});
|
|
2107
|
-
seriesMeasures[1].Values = reorder(seriesMeasures[1].Values, referenceOrder);
|
|
2108
|
-
}
|
|
2109
|
-
|
|
2110
|
-
return seriesMeasures;
|
|
2111
|
-
};
|
|
2112
|
-
|
|
2113
2142
|
function buildDataSet(seriesMeasures, widget) {
|
|
2114
2143
|
var dataSet = [];
|
|
2115
|
-
|
|
2116
|
-
orderedSeriesMeasures.forEach(function (seriesMeasure) {
|
|
2144
|
+
seriesMeasures.forEach(function (seriesMeasure) {
|
|
2117
2145
|
var datas = seriesMeasure.Values.map(function (e, index) {
|
|
2118
2146
|
return {
|
|
2119
2147
|
value: e.Value,
|
|
@@ -2937,6 +2965,7 @@ var FusionChart = forwardRef(function (props, comRef) {
|
|
|
2937
2965
|
var isTargetUsed = isTargetWidget(postWidget) && postWidget.WidgetMeasures && postWidget.WidgetMeasures[1] && postWidget.WidgetMeasures[1].MeasureCode == 'Target';
|
|
2938
2966
|
|
|
2939
2967
|
if (isTargetUsed) {
|
|
2968
|
+
var widgetLoadLogger = new WidgetLoadLogger(postWidget, props.isPreviewModeActive);
|
|
2940
2969
|
dashboardAnalyticsService.getTargetAnalyticsData(postWidget, signal).then(function (result) {
|
|
2941
2970
|
var _result$data, _result$data4, _result$data5;
|
|
2942
2971
|
|
|
@@ -2956,6 +2985,7 @@ var FusionChart = forwardRef(function (props, comRef) {
|
|
|
2956
2985
|
}
|
|
2957
2986
|
|
|
2958
2987
|
setDataLoaded(true);
|
|
2988
|
+
widgetLoadLogger.log(result);
|
|
2959
2989
|
}, function (error) {
|
|
2960
2990
|
var _error$response, _error$response$data, _error$response2, _error$response2$data;
|
|
2961
2991
|
|
|
@@ -2964,10 +2994,14 @@ var FusionChart = forwardRef(function (props, comRef) {
|
|
|
2964
2994
|
setDataLoaded(true);
|
|
2965
2995
|
});
|
|
2966
2996
|
} else {
|
|
2997
|
+
var _widgetLoadLogger = new WidgetLoadLogger(postWidget, props.isPreviewModeActive);
|
|
2998
|
+
|
|
2967
2999
|
dashboardAnalyticsService.getData(postWidget, signal).then(function (result) {
|
|
2968
3000
|
handleData(result === null || result === void 0 ? void 0 : result.data);
|
|
2969
3001
|
chartData.current = result === null || result === void 0 ? void 0 : result.data;
|
|
2970
3002
|
setDataLoaded(true);
|
|
3003
|
+
|
|
3004
|
+
_widgetLoadLogger.log(result);
|
|
2971
3005
|
}, function (error) {
|
|
2972
3006
|
var _error$response3, _error$response3$data, _error$response4, _error$response4$data;
|
|
2973
3007
|
|
|
@@ -3336,10 +3370,12 @@ var FusionChart$1 = forwardRef(function (props, comRef) {
|
|
|
3336
3370
|
signal = updatedAxiosController === null || updatedAxiosController === void 0 ? void 0 : updatedAxiosController.signal;
|
|
3337
3371
|
}
|
|
3338
3372
|
|
|
3373
|
+
var widgetLoadLogger = new WidgetLoadLogger(postWidget, props.isPreviewModeActive);
|
|
3339
3374
|
dashboardAnalyticsService.getGaugeData(postWidget, signal).then(function (result) {
|
|
3340
3375
|
handleData(result === null || result === void 0 ? void 0 : result.data);
|
|
3341
3376
|
chartData.current = result === null || result === void 0 ? void 0 : result.data;
|
|
3342
3377
|
setDataLoaded(true);
|
|
3378
|
+
widgetLoadLogger.log(result);
|
|
3343
3379
|
}, function (error) {
|
|
3344
3380
|
var _error$response, _error$response$data, _error$response2, _error$response2$data;
|
|
3345
3381
|
|
|
@@ -3502,7 +3538,8 @@ var WidgetCard = forwardRef(function (props, comRef) {
|
|
|
3502
3538
|
dataBinding: props.dataBinding,
|
|
3503
3539
|
widget: widget.current,
|
|
3504
3540
|
widgetRef: props.widgetRef,
|
|
3505
|
-
onSelectDataPoint: props.onSelectDataPoint
|
|
3541
|
+
onSelectDataPoint: props.onSelectDataPoint,
|
|
3542
|
+
isPreviewModeActive: props.isPreviewModeActive
|
|
3506
3543
|
});
|
|
3507
3544
|
return React__default.createElement(FusionChart, {
|
|
3508
3545
|
ref: fusionChartRef,
|
|
@@ -3512,7 +3549,8 @@ var WidgetCard = forwardRef(function (props, comRef) {
|
|
|
3512
3549
|
onSelectDataPoint: props.onSelectDataPoint,
|
|
3513
3550
|
onShowError: function onShowError(errorMsg) {
|
|
3514
3551
|
return showErrorMsg(errorMsg);
|
|
3515
|
-
}
|
|
3552
|
+
},
|
|
3553
|
+
isPreviewModeActive: props.isPreviewModeActive
|
|
3516
3554
|
});
|
|
3517
3555
|
};
|
|
3518
3556
|
|