logitude-dashboard-library 1.2.21 → 1.2.24

package/dist/index.modern.js

@@ -1,13 +1,14 @@
-import React__default, { useRef, useState, createRef, createElement } from 'react';
+import React__default, { useRef, useState, createRef, useEffect, createElement } from 'react';
+import { Button } from 'primereact/button';
 import { WidthProvider, Responsive } from 'react-grid-layout';
 import _ from 'lodash';
 import { Dropdown } from 'primereact/dropdown';
 import { Dialog } from 'primereact/dialog';
 import { InputText } from 'primereact/inputtext';
-import { Button } from 'primereact/button';
 import axios from 'axios';
 import ReactApexChart from 'react-apexcharts';
 import { OverlayPanel } from 'primereact/overlaypanel';
+import { InputTextarea } from 'primereact/inputtextarea';
 
 function _extends() {
   _extends = Object.assign ? Object.assign.bind() : function (target) {
@@ -41,14 +42,37 @@ function _setPrototypeOf(o, p) {
   return _setPrototypeOf(o, p);
 }
 
+var Tools = /*#__PURE__*/function () {
+  function Tools() {}
+
+  Tools.GetLogitudeURL = function GetLogitudeURL() {
+    var logitude_url = location.href.replace('index.html', '');
+
+    if (location.href.indexOf('localhost') > -1) {
+      logitude_url = 'http://localhost:9996';
+    } else {
+      var urlArr = location.href.split("/index.html");
+      var url = urlArr[0];
+      url = url.replace(url.substring(url.lastIndexOf('/'), url.length), "");
+      logitude_url = url;
+    }
+
+    return logitude_url;
+  };
+
+  return Tools;
+}();
+
 var DataService = /*#__PURE__*/function () {
-  function DataService() {}
+  function DataService() {
+    this._apiUrl = Tools.GetLogitudeURL();
+  }
 
   var _proto = DataService.prototype;
 
   _proto.getObjectTables = function getObjectTables(filters) {
     var token = this.getTokenFromStorage();
-    var apiURL = 'http://localhost:9996/api/ObjectTableViews/getbyfilters?';
+    var apiURL = this._apiUrl + "/api/ObjectTableViews/getbyfilters?";
     apiURL = this.ConcatFiltersToURL(filters, apiURL);
     return axios.get(apiURL, {
       headers: {
@@ -60,7 +84,7 @@ var DataService = /*#__PURE__*/function () {
 
   _proto.getObjectFields = function getObjectFields(filters) {
     var token = this.getTokenFromStorage();
-    var apiURL = 'http://localhost:9996/api/ObjectFieldViews/getbyfilters?';
+    var apiURL = this._apiUrl + "/api/ObjectFieldViews/getbyfilters?";
     apiURL = this.ConcatFiltersToURL(filters, apiURL);
     return axios.get(apiURL, {
       headers: {
@@ -72,7 +96,7 @@ var DataService = /*#__PURE__*/function () {
 
   _proto.getDataByFilters = function getDataByFilters(filters, tableName) {
     var token = this.getTokenFromStorage();
-    var apiURL = "http://localhost:9996/api/" + tableName + "Views/getbyfilters?";
+    var apiURL = this._apiUrl + "/api/" + tableName + "Views/getbyfilters?";
     apiURL = this.ConcatFiltersToURL(filters, apiURL);
     return axios.get(apiURL, {
       headers: {
@@ -1064,9 +1088,7 @@ var DashboardDesigner = function DashboardDesigner() {
       setWidgetToEdit = _useState13[1];
 
   var renderPageHeader = function renderPageHeader() {
-    return React__default.createElement("header", {
-      className: "dl-dashboard-header"
-    }, React__default.createElement("div", {
+    return React__default.createElement("div", {
       className: "dl-heder-row"
     }, React__default.createElement("div", {
       style: {
@@ -1085,7 +1107,7 @@ var DashboardDesigner = function DashboardDesigner() {
         return option === null || option === void 0 ? void 0 : option.Disabled;
       },
       scrollHeight: "300px"
-    }))));
+    })));
   };
 
   function addComponent(componentType) {
@@ -1351,11 +1373,264 @@ var WidgetTypes = [{
   Disabled: 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.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';
+    this._ApiServices = new ApiServices();
+  }
+
+  var _proto = DashBoardService.prototype;
+
+  _proto.getDataByFilters = function getDataByFilters(filters) {
+    return this._ApiServices.getByFilters("/api/" + this.tableName + "Views/getbyfilters?", filters);
+  };
+
+  _proto.add = function add(data) {
+    return this._ApiServices.post("/api/DashBoards", data);
+  };
+
+  return DashBoardService;
+}();
+
+var Session = function Session() {};
+
+var DashboardDialogComponent = function DashboardDialogComponent(props) {
+  var _useState = useState(''),
+      name = _useState[0],
+      setName = _useState[1];
+
+  var _useState2 = useState(''),
+      description = _useState2[0],
+      setDescription = _useState2[1];
+
+  var _useState3 = useState(props.display),
+      displayAddDashboard = _useState3[0],
+      setDisplayAddDashboard = _useState3[1];
+
+  var _useState4 = useState({}),
+      validation = _useState4[0],
+      setValidation = _useState4[1];
+
+  useEffect(function () {
+    setDisplayAddDashboard(props.display);
+  }, [props.display]);
+
+  var onSave = function onSave() {
+    if (!checkFormValidation()) return;
+    var dashBoardService = new DashBoardService();
+    var dasboard = {
+      Name: name,
+      Description: description,
+      Tenant: Session.Tenant,
+      UpdatedByUserId: Session.CurrentUserId,
+      CreatedByUserId: Session.CurrentUserId
+    };
+    dashBoardService.add(dasboard).then(function (e) {
+      onCancel();
+    });
+  };
+
+  var checkFormValidation = function checkFormValidation() {
+    var isValid = true;
+    var formValidation = {};
+
+    if ((name === null || name === void 0 ? void 0 : name.length) == 0) {
+      formValidation['name'] = true;
+      isValid = false;
+    } else {
+      formValidation['name'] = false;
+    }
+
+    console.log(formValidation['name']);
+    setValidation(formValidation);
+    return isValid;
+  };
+
+  var onCancel = function onCancel() {
+    setDisplayAddDashboard(false);
+    props.onClose();
+    clear();
+  };
+
+  var clear = function clear() {
+    setDescription('');
+    setName('');
+  };
+
+  return React__default.createElement(Dialog, {
+    header: "New Dashboard",
+    visible: displayAddDashboard,
+    style: {
+      width: 'auto'
+    },
+    onHide: onCancel
+  }, React__default.createElement("form", {
+    id: "dashboard-crd",
+    name: "dashboard-crd"
+  }, React__default.createElement("div", {
+    className: "form"
+  }, React__default.createElement("div", {
+    className: "form-field"
+  }, React__default.createElement("label", {
+    htmlFor: "dashboard-name"
+  }, "Name"), React__default.createElement(InputText, {
+    id: "dashboard-name",
+    className: "p-inputtext-sm " + (validation['name'] ? 'p-invalid' : ''),
+    value: name,
+    required: true,
+    onChange: function onChange(e) {
+      setName(e.target.value);
+    }
+  })), React__default.createElement("div", {
+    className: "form-field"
+  }, React__default.createElement("label", {
+    htmlFor: "dashboard-description"
+  }, "Description"), React__default.createElement(InputTextarea, {
+    id: "dashboard-description",
+    className: "p-inputtext-sm",
+    value: description,
+    onChange: function onChange(e) {
+      setDescription(e.target.value);
+    }
+  }))), React__default.createElement("div", {
+    className: "dialog-footer dl-m-t-s"
+  }, React__default.createElement(Button, {
+    label: "Cancel",
+    className: "p-button-text",
+    onClick: onCancel
+  }), React__default.createElement(Button, {
+    label: "Ok",
+    form: "frm",
+    onClick: onSave,
+    autoFocus: true
+  }))));
+};
+
 var Dashboard = function Dashboard(props) {
-  localStorage.setItem("token", props === null || props === void 0 ? void 0 : props.token);
-  return createElement("div", {
+  var _props$token;
+
+  var _useState = useState([]),
+      dashbords = _useState[0],
+      setDashbords = _useState[1];
+
+  var _useState2 = useState(false),
+      displayAddDashboard = _useState2[0],
+      setDisplayAddDashboard = _useState2[1];
+
+  var dashboardService = new DashBoardService();
+  useEffect(function () {
+    getDashboards();
+  }, []);
+  Session.CurrentUserId = props.userId;
+  Session.Tenant = props.tenant;
+  Session.Token = props.token;
+  if ((props === null || props === void 0 ? void 0 : (_props$token = props.token) === null || _props$token === void 0 ? void 0 : _props$token.length) > 0) localStorage.setItem("token", props === null || props === void 0 ? void 0 : props.token);
+
+  var onDashboardDialogClose = function onDashboardDialogClose() {
+    getDashboards();
+    setDisplayAddDashboard(false);
+  };
+
+  var getDashboards = function getDashboards() {
+    dashboardService.getDataByFilters(new ApiQueryFilters()).then(function (data) {
+      console.log(data);
+      setDashbords(data.data.Result);
+    });
+  };
+
+  return createElement("div", null, createElement("div", {
+    className: 'dl-dashboard-header dl-card'
+  }, createElement("div", null, createElement(Button, {
+    icon: "pi pi-plus",
+    onClick: function onClick() {
+      return setDisplayAddDashboard(true);
+    },
+    className: "dl-dashboard-add p-button-rounded p-button-success",
+    "aria-label": "Search"
+  })), createElement(DashboardDialogComponent, {
+    display: displayAddDashboard,
+    onClose: onDashboardDialogClose
+  }), createElement(Dropdown, {
+    value: [],
+    options: dashbords,
+    optionValue: "Id",
+    optionLabel: "Name",
+    onChange: function onChange(e) {},
+    placeholder: "Choose Dashboard",
+    optionDisabled: function optionDisabled(option) {
+      return option === null || option === void 0 ? void 0 : option.Disabled;
+    },
+    scrollHeight: "300px"
+  })), createElement("div", {
     className: 'dl-dashboard-body'
-  }, createElement(DashboardDesigner, null));
+  }, createElement(DashboardDesigner, null)));
 };
 
 export default Dashboard;