![](\"assets/Content/Images/Icons/pricegroup-info-disable.png\"){kind=icon}
![](\"assets/Content/Images/Icons/shown_field.png\"){kind=icon}
')\r\n .appendTo(container);\r\n }\r\n\r\n else {\r\n $('![](\"assets/Content/Images/Icons/hidden_field.png\"){kind=icon}
')\r\n .appendTo(container);\r\n }\r\n }\r\n });\r\n\r\n\r\n $(element).dxDataGrid({\r\n dataSource: dataSource,\r\n height: 470,\r\n showColumnLines: true,\r\n showRowLines: false,\r\n showBorders: false,\r\n rowAlternationEnabled: false,\r\n contentReadyAction: resetSelectionColumn,\r\n selection: { mode: 'single' },\r\n paging: {\r\n pageSize: 10,\r\n pageIndex: pageIndex\r\n },\r\n pager: {\r\n showPageSizeSelector: false\r\n },\r\n filterRow: {\r\n visible: true\r\n },\r\n groupPanel: {\r\n visible: false,\r\n },\r\n columns: columns,\r\n wordWrapEnabled: true,\r\n selectionChanged: onVisibilitySelectionChange\r\n });\r\n\r\n\r\n };\r\n\r\n\r\n $scope.onFieldLocationChange = function () {\r\n\r\n refreshViewModes();\r\n $scope.refreshAdditionalFieldVisibility();\r\n }\r\n\r\n\r\n $scope.onShowFieldChange = function () {\r\n\r\n var afVisibility; var dataGrid;\r\n\r\n\r\n switch ($scope.fieldLocationName) {\r\n\r\n case \"Load Location\": {\r\n afVisibility = $scope.additionalField.Visibility.filter(function (afv) {\r\n return afv.LoadLocationType == $scope.selectedVisibilityRow.LoadLocationType;\r\n });\r\n if (!afVisibility.length) {\r\n $scope.selectedVisibilityRow.$visibility.LoadLocationType = $scope.selectedVisibilityRow.LoadLocationType;\r\n }\r\n dataGrid = $('#gridLoadLocation').dxDataGrid('instance');\r\n break;\r\n }\r\n\r\n case \"Time Log\": {\r\n afVisibility = $scope.additionalField.Visibility.filter(function (afv) {\r\n return $scope.selectedVisibilityRow.TimeLogType === afv.TimeLogType && $scope.selectedVisibilityRow.TimeLogId == afv.TimeLogId\r\n });\r\n if (!afVisibility.length) {\r\n $scope.selectedVisibilityRow.$visibility.TimeLogId = $scope.selectedVisibilityRow.TimeLogId;\r\n $scope.selectedVisibilityRow.$visibility.TimeLogType = $scope.selectedVisibilityRow.TimeLogType;\r\n }\r\n dataGrid = $('#gridTimeLogs').dxDataGrid('instance');\r\n break;\r\n }\r\n\r\n case 'Order Detail': {\r\n\r\n afVisibility = $scope.additionalField.Visibility.filter(function (afv) {\r\n return afv.CompanyId == $scope.selectedVisibilityRow.Id;\r\n });\r\n if (!afVisibility.length) {\r\n $scope.selectedVisibilityRow.$visibility.CompanyId = $scope.selectedVisibilityRow.Id;\r\n }\r\n\r\n $scope.selectedVisibilityRow.$visibility.IsVisible = Object.values($scope.selectedVisibilityRow.$visibility.OsrChecked).filter(v => v >= 0).length > 0;\r\n\r\n dataGrid = $('#gridCompany').dxDataGrid('instance');\r\n break;\r\n }\r\n\r\n default: {\r\n afVisibility = $scope.additionalField.Visibility.filter(function (afv) {\r\n return afv.CompanyId == $scope.selectedVisibilityRow.Id;\r\n });\r\n if (!afVisibility.length) {\r\n $scope.selectedVisibilityRow.$visibility.CompanyId = $scope.selectedVisibilityRow.Id;\r\n }\r\n dataGrid = $('#gridCompany').dxDataGrid('instance');\r\n }\r\n }\r\n\r\n if (!afVisibility.length) {\r\n $scope.additionalField.Visibility.push($scope.selectedVisibilityRow.$visibility);\r\n }\r\n\r\n var pageIndex = dataGrid.pageIndex();\r\n $scope.refreshAdditionalFieldVisibility(pageIndex);\r\n }\r\n\r\n // Helping functions and events\r\n $(window).resize(function () {\r\n onWindowResize('#gridAdditionalFields', settings.GridMarginHeight);\r\n });\r\n\r\n\r\n collapsibleHeaderClickEvent($scope);\r\n\r\n $scope.closeAlert = function () {\r\n $scope.error = null;\r\n };\r\n\r\n $scope.closeModelStateErrors = function () {\r\n $scope.modelState = [];\r\n };\r\n\r\n $scope.clickHalfDiv = function (control) {\r\n masterFactory.setFocus(control);\r\n };\r\n\r\n\r\n // Initialization - this runs on load\r\n function init(pageIndex) {\r\n masterFactory.verifyAuthentication();\r\n\r\n\r\n $('#loadingModal').modal({ backdrop: 'static' });\r\n\r\n $q.all([\r\n\r\n AdditionalFieldsFactory.getFieldLocations().success(function (data) {\r\n\r\n $scope.fieldLocations = data;\r\n\r\n }).error(function (data, status) {\r\n masterFactory.setError(status, 'Error on loading FieldLocations: ' + data, $scope);\r\n }),\r\n\r\n AdditionalFieldsFactory.getDataTypes().success(function (data) {\r\n\r\n $scope.dataTypes = data;\r\n\r\n }).error(function (data, status) {\r\n masterFactory.setError(status, 'Error on loading DataTypes: ' + data, $scope);\r\n }),\r\n\r\n AdditionalFieldsFactory.getViewModeTypes().success(function (data) {\r\n\r\n $scope.viewModeTypes = data.filter(d => d.id != 0);\r\n $scope.viewModeTypesCopy = cloneDeep($scope.viewModeTypes);\r\n\r\n }).error(function (data, status) {\r\n masterFactory.setError(status, 'Error on loading DataTypes: ' + data, $scope);\r\n }),\r\n\r\n AdditionalFieldsFactory.getNewAdditionalField().success(function (data) {\r\n\r\n $scope.newAdditionalField = data;\r\n\r\n }).error(function (data, status) {\r\n masterFactory.setError(status, data, $scope);\r\n }),\r\n\r\n AdditionalFieldsFactory.getCompanyList().success(function (data) {\r\n\r\n $scope.companies = data;\r\n\r\n }).error(function (data, status) {\r\n masterFactory.setError(status, data, $scope);\r\n }),\r\n\r\n AdditionalFieldsFactory.getTimeLogTypeList().success(function (data) {\r\n\r\n $scope.timeLogTypeList = data;\r\n\r\n }).error(function (data, status) {\r\n masterFactory.setError(status, data, $scope);\r\n }),\r\n\r\n AdditionalFieldsFactory.getLoadLocationTypes().success(function (data) {\r\n\r\n $scope.loadLocationTypes = data;\r\n\r\n }).error(function (data, status) {\r\n masterFactory.setError(status, data, $scope);\r\n }),\r\n\r\n ]).then(function () {\r\n\r\n AdditionalFieldsFactory.getAdditionalFieldList().success(function (data) {\r\n\r\n $scope.AdditionalFieldList = data;\r\n $scope.refreshGrid(pageIndex);\r\n\r\n }).error(function (data, status) {\r\n masterFactory.setError(status, 'Error on loading Additional Field: ' + data, $scope);\r\n }).finally(function () {\r\n $('#loadingModal').modal('hide');\r\n })\r\n\r\n });\r\n\r\n }\r\n\r\n function grdReadyAction(e) {\r\n onWindowResize('#gridAdditionalFields', settings.GridMarginHeight);\r\n }\r\n\r\n function saveAdditionalField() {\r\n\r\n $scope.saveInProgress = true;\r\n\r\n $scope.additionalField.Visibility = $scope.additionalField.Visibility.filter(function (afv) {\r\n if (afv.OsrChecked) afv.Osr = Object.values(afv.OsrChecked).filter(v => v >= 0);\r\n return afv.IsVisible == true;\r\n });\r\n AdditionalFieldsFactory.saveAdditionalField($scope.additionalField)\r\n .success(function (data) {\r\n $scope.closeModelStateErrors();\r\n $scope.error = '';\r\n\r\n AdditionalFieldsFactory.getAdditionalFieldList().success(function (data) {\r\n $scope.AdditionalFieldList = data;\r\n\r\n var dataGrid = $('#gridAdditionalFields').dxDataGrid('instance');\r\n var pageIndex = dataGrid.pageIndex();\r\n $scope.pageSize = dataGrid.pageSize();\r\n $scope.refreshGrid(pageIndex);\r\n $scope.refreshAdditionalFieldVisibility(0);\r\n\r\n if ($scope.additionalField.FieldType > 0) {\r\n $scope.notify.add({ type: 'success', title: 'Success!', body: 'Updated Additional Field successfully' });\r\n }\r\n else {\r\n $scope.cancelForm();\r\n $scope.notify.add({ type: 'success', title: 'Success!', body: 'Created Additional Field successfully' });\r\n }\r\n\r\n $scope.saveInProgress = false;\r\n\r\n }).error(function (data, status) {\r\n masterFactory.setError(status, 'Error on loading Additional Field: ' + data, $scope);\r\n\r\n $scope.saveInProgress = false;\r\n\r\n }).finally(function () {\r\n $('#loadingModal').modal('hide');\r\n })\r\n\r\n })\r\n .error(function (data, status) {\r\n masterFactory.setError(status, data, $scope);\r\n\r\n $scope.saveInProgress = false;\r\n })\r\n .finally(function (data) {\r\n $('#loadingModal').modal('hide');\r\n });\r\n\r\n }\r\n\r\n function resetAdditionalField() {\r\n\r\n if (!$scope.isNewAdditionalField) {\r\n $('#loadingModal').modal({ backdrop: 'static' });\r\n AdditionalFieldsFactory.getAdditionalFieldByKey({\r\n FieldType: $scope.additionalField.FieldType,\r\n FieldLocation: $scope.additionalField.FieldLocation\r\n }).success(function (data) {\r\n $scope.additionalField = data;\r\n $scope.refreshGrid(0);\r\n $scope.refreshAdditionalFieldVisibility(0);\r\n }).error(function (data, status) {\r\n masterFactory.setError(status, data, $scope);\r\n }).finally(function () {\r\n $('#loadingModal').modal('hide');\r\n });\r\n }\r\n else {\r\n var dataGrid;\r\n\r\n switch ($scope.fieldLocationName) {\r\n\r\n case \"Load Location\": {\r\n dataGrid = $('#gridLoadLocation').dxDataGrid('instance');\r\n break;\r\n }\r\n\r\n case \"Time Log\": {\r\n dataGrid = $('#gridTimeLogs').dxDataGrid('instance');\r\n break;\r\n }\r\n\r\n default: {\r\n dataGrid = $('#gridCompany').dxDataGrid('instance');\r\n }\r\n }\r\n\r\n dataGrid.clearSelection();\r\n angular.copy($scope.newAdditionalField, $scope.additionalField);\r\n\r\n removeTemporaryVisibilities();\r\n\r\n $scope.refreshGrid(0);\r\n $scope.refreshAdditionalFieldVisibility(0);\r\n }\r\n }\r\n\r\n function deleteAdditionalField() {\r\n\r\n AdditionalFieldsFactory.deleteAdditionalField({\r\n FieldType: $scope.additionalField.FieldType,\r\n FieldLocation: $scope.additionalField.FieldLocation\r\n }).success(function (data) {\r\n\r\n AdditionalFieldsFactory.getAdditionalFieldList().success(function (data) {\r\n\r\n var dataGrid = $('#gridAdditionalFields').dxDataGrid('instance');\r\n var pageIndex = dataGrid.pageIndex();\r\n $scope.pageSize = dataGrid.pageSize();\r\n $scope.AdditionalFieldList = data;\r\n $scope.cancelForm();\r\n $scope.refreshGrid(pageIndex);\r\n\r\n }).error(function (data, status) {\r\n masterFactory.setError(status, data, $scope);\r\n }).finally(function () {\r\n $scope.notify.add({ type: 'success', title: 'Success!', body: 'Deleted Additional Fields successfully' });\r\n });\r\n\r\n }).error(function (data, status) {\r\n masterFactory.setError(status, data, $scope);\r\n }).finally(function () {\r\n $('#DeleteModal').modal('hide');\r\n });\r\n }\r\n\r\n function removeTemporaryVisibilities() {\r\n\r\n angular.forEach($scope.companies, function (v, key) {\r\n v.$visibility = undefined;\r\n });\r\n angular.forEach($scope.timeLogTypeList, function (v, key) {\r\n v.$visibility = undefined;\r\n });\r\n angular.forEach($scope.loadLocationTypes, function (v, key) {\r\n v.$visibility = undefined;\r\n });\r\n\r\n }\r\n\r\n function restoreVisibilities(visibilities, fieldLocation) {\r\n\r\n\r\n switch (getFieldLocationName(fieldLocation)) {\r\n\r\n case \"Time Log\": {\r\n\r\n angular.forEach(visibilities, function (visibility, key) {\r\n\r\n visibility.IsVisible = true;\r\n\r\n if (visibility.TimeLogType > 0) {\r\n var timeLogType = $filter('filter')($scope.timeLogTypeList, function (t) { return t.TimeLogType === visibility.TimeLogType && t.TimeLogId == visibility.TimeLogId });\r\n if (timeLogType.length == 1) {\r\n\r\n timeLogType[0].$visibility = visibility;\r\n timeLogType[0].$visibilityKey = key;\r\n }\r\n }\r\n });\r\n break;\r\n }\r\n\r\n case \"Load Location\": {\r\n\r\n angular.forEach(visibilities, function (visibility, key) {\r\n\r\n visibility.IsVisible = true;\r\n\r\n if (visibility.LoadLocationType > 0) {\r\n var loadLocationType = $filter('filter')($scope.loadLocationTypes, function (l) { return l.LoadLocationType === visibility.LoadLocationType });\r\n if (loadLocationType.length == 1) {\r\n\r\n loadLocationType[0].$visibility = visibility;\r\n loadLocationType[0].$visibilityKey = key;\r\n }\r\n }\r\n });\r\n break;\r\n\r\n }\r\n\r\n case \"Order Detail\": {\r\n\r\n angular.forEach(visibilities, function (visibility, key) {\r\n\r\n visibility.IsVisible = true;\r\n\r\n if (visibility.CompanyId > 0) {\r\n var company = $filter('filter')($scope.companies, function (c) { return c.Id === visibility.CompanyId });\r\n if (company.length == 1) {\r\n\r\n var osrChecked = {};\r\n\r\n angular.forEach(visibility.Osr, function (osr, key) {\r\n switch (osr) {\r\n case 0: osrChecked['0'] = 0;\r\n break;\r\n case 1: osrChecked['1'] = 1;\r\n break;\r\n case 2: osrChecked['2'] = 2;\r\n break;\r\n }\r\n });\r\n\r\n visibility.OsrChecked = osrChecked;\r\n\r\n company[0].$visibility = visibility;\r\n company[0].$visibilityKey = key;\r\n }\r\n }\r\n });\r\n break;\r\n\r\n }\r\n\r\n default: {\r\n\r\n angular.forEach(visibilities, function (visibility, key) {\r\n\r\n visibility.IsVisible = true;\r\n\r\n if (visibility.CompanyId > 0) {\r\n var company = $filter('filter')($scope.companies, function (c) { return c.Id === visibility.CompanyId });\r\n if (company.length == 1) {\r\n\r\n company[0].$visibility = visibility;\r\n company[0].$visibilityKey = key;\r\n }\r\n }\r\n });\r\n }\r\n }\r\n }\r\n\r\n function onVisibilitySelectionChange(selectedRowsInfo) {\r\n var row = selectedRowsInfo.selectedRowsData[0];\r\n if (row != null) {\r\n\r\n $scope.selectedVisibilityRow = row;\r\n $scope.isFormVisibilityVisible = true; \r\n\r\n }\r\n }\r\n\r\n function getFieldLocationName(fieldLocationValue) {\r\n\r\n var fieldLocation = $scope.fieldLocations.filter(function (fl) {\r\n return fl.id === fieldLocationValue;\r\n });\r\n\r\n if (fieldLocation.length == 1) {\r\n return fieldLocation[0].name; \r\n }\r\n\r\n return '';\r\n }\r\n\r\n\r\n function refreshViewModes() {\r\n\r\n if ($scope.isNewAdditionalField) $scope.additionalField.ViewMode = [];\r\n\r\n switch ($scope.additionalField.FieldLocation) {\r\n case FieldLocationEng.LoadingDetail: {\r\n $scope.viewModeTypes = $scope.viewModeTypesCopy.filter((t: Enum) =>\r\n t.id == AdditionalFieldViewLocation.LoadingProductCompartment);\r\n if ($scope.isNewAdditionalField) $scope.additionalField.ViewMode = [$scope.viewModeTypes[0].id];\r\n break;\r\n }\r\n case FieldLocationEng.LoadingDetailPerProduct: {\r\n $scope.viewModeTypes = $scope.viewModeTypesCopy.filter((t: Enum) =>\r\n t.id == AdditionalFieldViewLocation.LoadingProductDetail);\r\n if ($scope.isNewAdditionalField) $scope.additionalField.ViewMode = [$scope.viewModeTypes[0].id];\r\n break;\r\n }\r\n case FieldLocationEng.OrderDetail: {\r\n $scope.viewModeTypes = $scope.viewModeTypesCopy.filter((t: Enum) =>\r\n t.id == AdditionalFieldViewLocation.OrderProductDetail);\r\n if ($scope.isNewAdditionalField) $scope.additionalField.ViewMode = [$scope.viewModeTypes[0].id];\r\n break;\r\n }\r\n case FieldLocationEng.LoadLocation: {\r\n $scope.viewModeTypes = $scope.viewModeTypesCopy.filter((t: Enum) =>\r\n t.id == AdditionalFieldViewLocation.LoadingLoadLocationProductCompartment);\r\n if ($scope.isNewAdditionalField) $scope.additionalField.ViewMode = [$scope.viewModeTypes[0].id];\r\n break;\r\n }\r\n case FieldLocationEng.Loading: {\r\n $scope.viewModeTypes = $scope.viewModeTypesCopy.filter((t: Enum) =>\r\n [\r\n AdditionalFieldViewLocation.LoadingStart,\r\n AdditionalFieldViewLocation.LoadingProductsDone\r\n ].includes(t.id));\r\n break;\r\n }\r\n case FieldLocationEng.TimeLog: {\r\n $scope.viewModeTypes = $scope.viewModeTypesCopy.filter((t: Enum) =>\r\n t.id == AdditionalFieldViewLocation.TimeLog);\r\n if ($scope.isNewAdditionalField) $scope.additionalField.ViewMode = [$scope.viewModeTypes[0].id];\r\n break;\r\n }\r\n case FieldLocationEng.Order: {\r\n $scope.viewModeTypes = $scope.viewModeTypesCopy.filter((t: Enum) =>\r\n [\r\n AdditionalFieldViewLocation.OrderStart,\r\n AdditionalFieldViewLocation.OrderProductsDone,\r\n AdditionalFieldViewLocation.OrderAfterSignature,\r\n AdditionalFieldViewLocation.OrderPrintSaleDone,\r\n AdditionalFieldViewLocation.OrderRegisterReceiveScreen\r\n ].includes(t.id));\r\n break;\r\n }\r\n default: $scope.viewModeTypes = cloneDeep($scope.viewModeTypesCopy);\r\n }\r\n }\r\n\r\n }]);\r\n\r\n\r\n\r\nexport enum FieldLocationEng {\r\n Loading = 17, // 7 + 17\r\n LoadingDetail = 11, // 1 + 11\r\n LoadingDetailPerProduct = 19, // 9 + 19\r\n LoadLocation = 15, // 15\r\n\r\n Order = 18, // 8 + 18\r\n OrderDetail = 13, // 3 + 13\r\n\r\n Sale = 14, // 4 + 14\r\n\r\n TimeLog = 16, // 16\r\n}\r\n\r\n\r\nexport enum AdditionalFieldViewLocation {\r\n\r\n LoadingStart = 0x1,\r\n LoadingProductsDone = 0x2,\r\n LoadingProductDetail = 0x4,\r\n LoadingProductCompartment = 0x8,\r\n\r\n LoadingLoadLocationProductCompartment = 0x10, //16 \r\n\r\n OrderStart = 0x400, //1024\r\n OrderProductsDone = 0x800, //2048\r\n\r\n OrderAfterSignature = 0x1000, //4096\r\n OrderProductDetail = 0x2000, //8192\r\n OrderPrintSaleDone = 0x4000, //16384\r\n OrderRegisterReceiveScreen = 0x8000, //32768\r\n\r\n TimeLog = 0x100000, // 1048576\r\n}\r\n\r\n\r\n","\r\nimport { default as app, collapsibleHeaderClickEvent, onWindowResize, IsUndefinedOrNull} from '@legacy/App';\r\n\r\n\r\n\r\n\r\napp.factory('AuditLogFactory', ['$http', 'settings', function ($http, settings) {\r\n return { \r\n getAuditLogDetails: function (id) {\r\n return $http.get(settings.ApiURL + settings.AuditLogURL + \"/\" + id);\r\n }, \r\n getEntityList: function () {\r\n return $http.get(settings.ApiURL + settings.AuditLogURL + '/entitylist');\r\n },\r\n getFilteredAuditLogList: function (filterOptions) {\r\n return $http.put(settings.ApiURL + settings.AuditLogURL + '/filter', filterOptions);\r\n }\r\n };\r\n}]);\r\n\r\napp.controller('AuditLogController', ['$scope', 'AuditLogFactory', '$rootScope', 'settings', 'masterFactory', '$uibModal',\r\n function ($scope, AuditLogFactory, $rootScope, settings, masterFactory, $uibModal) {\r\n $rootScope.pageTitle = \"Audit Log\";\r\n $scope.AuditLogs = [];\r\n $scope.AuditLog = {};\r\n $scope.TotalCount = null;\r\n $scope.filterOptions = {\r\n TableName: null, LogType: null, Username: null, DateFrom: null, DateTo: null,\r\n GridPagerOptions: { PageIndex: 0, PageSize: 2, TotalPages: null }\r\n };\r\n $scope.ObjectKeys = [];\r\n $scope.error = \"\";\r\n $scope.modelState = [];\r\n $scope.isFormVisible = false;\r\n $scope.PageSize = 20;\r\n\r\n var getAuditLog = function (id) {\r\n AuditLogFactory.getAuditLogDetails(id).success(function (data) {\r\n $scope.AuditLog = data;\r\n }).error(function (data, status) {\r\n masterFactory.setError(status, data, $scope);\r\n });\r\n };\r\n\r\n var auditGridDataSource = {\r\n store: new DevExpress.data.CustomStore({\r\n // DataSource Configuration\r\n pageSize: $scope.PageSize,\r\n // Data Access Logic\r\n load: function(loadOptions) {\r\n var d = $.Deferred();\r\n var params = {};\r\n\r\n if (loadOptions != undefined) {\r\n $scope.filterOptions.GridPagerOptions.PageSize = (IsUndefinedOrNull(loadOptions.take) == true) ? $scope.PageSize : loadOptions.take;\r\n $scope.filterOptions.GridPagerOptions.PageIndex = ((IsUndefinedOrNull(loadOptions.take) && IsUndefinedOrNull(loadOptions.skip)) == true) ? 0 : (loadOptions.skip / loadOptions.take); \r\n }\r\n AuditLogFactory.getFilteredAuditLogList($scope.filterOptions).success(function (data) {\r\n d.resolve(data.AuditLogList, { totalCount: data.TotalCount });\r\n $scope.TotalCount = data.TotalCount;\r\n }).error(function (data, status) {\r\n //$scope.AuditLogs = [];\r\n masterFactory.setError(status, data, $scope);\r\n }).finally(function () { \r\n });\r\n\r\n return d.promise();\r\n },\r\n byKey: function(key, extra) {\r\n // . . .\r\n },\r\n update: function(values) {\r\n // . . .\r\n }\r\n })\r\n };\r\n\r\n // Grid renderers\r\n $scope.refreshGrid = function (Key) {\r\n $('#gridAuditLog').dxDataGrid({\r\n columns: [\r\n { caption: 'Audit Log Id', dataField: 'Id', dataType: 'number', alignment: 'center' },\r\n { caption: 'Log Date', dataField: 'LogDate', dataType: 'date', format: 'dd/MM/yyyy HH:mm', alignment: 'center' },\r\n { caption: 'Log Type', dataField: 'LogType', dataType: 'string', alignment: 'center' },\r\n { caption: 'Table Name', dataField: 'TableName', dataType: 'string', alignment: 'center' },\r\n { caption: 'User', dataField: 'UserName', dataType: 'string', alignment: 'center' }\r\n ],\r\n contentReadyAction: grdReadyAction,\r\n dataSource: auditGridDataSource,\r\n filterRow: { visible: false },\r\n groupPanel: { visible: false },\r\n noDataText: \"No Audit Logs Found\",\r\n paging: { pageSize: $scope.PageSize },\r\n pager: { visible: true, allowedPageSizes: [10, 20, 30], showPageSizeSelector: true },\r\n rowAlternationEnabled: false,\r\n selection: { mode: 'single' },\r\n selectionChanged: function (selectedRowsInfo) {\r\n if (selectedRowsInfo.selectedRowsData[0] != null) {\r\n $scope.AuditLog = selectedRowsInfo.selectedRowsData[0];\r\n getObjectKeys(); \r\n } \r\n $scope.isFormVisible = true; \r\n },\r\n scrolling: { mode: 'standard' },\r\n showBorders: true,\r\n showColumnLines: true,\r\n showRowLines: false,\r\n sorting: { mode: 'none' }\r\n });\r\n\r\n if (Key != null && Key > 0) {\r\n var dataGrid = $('#gridAuditLog').dxDataGrid('instance');\r\n (dataGrid as unknown as FacnmDx).selectRows([Key]);\r\n }\r\n };\r\n\r\n // Button click functions \r\n $scope.cancelForm = function () {\r\n var dataGrid = $('#gridAuditLog').dxDataGrid('instance');\r\n dataGrid.clearSelection();\r\n $scope.isFormVisible = false; \r\n $scope.closeModelStateErrors();\r\n $scope.closeAlert();\r\n };\r\n\r\n $scope.filterAuditLogs = function (filterOptions) { \r\n $scope.closeAlert();\r\n $scope.closeModelStateErrors(); \r\n $scope.filterOptions = angular.copy(filterOptions);\r\n var dataGrid = $('#gridAuditLog').dxDataGrid('instance');\r\n dataGrid.refresh(); \r\n };\r\n\r\n $scope.viewFilterOptionsModal = function () {\r\n var modalInstance = $uibModal.open({\r\n templateUrl: 'app-legacy/Entities/templates/filterOptionsModal.html',\r\n controller: 'FilterOptionsModalController',\r\n controllerAs: 'modalVm',\r\n size: 'lg',\r\n scope: $scope\r\n });\r\n\r\n modalInstance.result.then(function (transferData) {\r\n $scope.filterAuditLogs(transferData.filterOptions);\r\n $scope.cancelForm();\r\n if(transferData.action == 'reset')\r\n $scope.notify.add({ type: 'success', title: 'Success!', body: 'Filter options reset successfully' });\r\n else\r\n $scope.notify.add({ type: 'success', title: 'Success!', body: 'Filter options applied successfully' });\r\n }, function () {\r\n\r\n });\r\n };\r\n\r\n function grdReadyAction(e) { \r\n onWindowResize('#gridAuditLog', 185);\r\n }\r\n\r\n // Helping functions and events\r\n function getObjectKeys() {\r\n if ($scope.AuditLog != null) {\r\n if ($scope.AuditLog.OldValue != null) {\r\n $scope.ObjectKeys = Object.keys($scope.AuditLog.OldValue);\r\n }\r\n if ($scope.ObjectKeys.length == 0) {\r\n if ($scope.AuditLog.NewValue != null) $scope.ObjectKeys = Object.keys($scope.AuditLog.NewValue);\r\n }\r\n }\r\n }\r\n\r\n $(window).resize(function () { \r\n onWindowResize('#gridAuditLog', 185);\r\n });\r\n\r\n\r\n collapsibleHeaderClickEvent($scope);\r\n\r\n $scope.closeAlert = function () {\r\n $scope.error = null;\r\n };\r\n\r\n $scope.closeModelStateErrors = function () {\r\n $scope.modelState = [];\r\n };\r\n\r\n $scope.clickHalfDiv = function (control) {\r\n masterFactory.setFocus(control);\r\n };\r\n\r\n // Initialization - this runs on load\r\n var init = function () { \r\n masterFactory.verifyAuthentication(); \r\n $scope.refreshGrid(null);\r\n };\r\n\r\n init();\r\n}]);\r\n\r\napp.controller('FilterOptionsModalController', ['$scope', '$filter', 'AuditLogFactory', '$uibModalInstance', '$uibModal', 'masterFactory',\r\n function ($scope, $filter, AuditLogFactory, $uibModalInstance, $uibModal, masterFactory) {\r\n var modalVm = this;\r\n\r\n init();\r\n\r\n modalVm.cancel = function () {\r\n $uibModalInstance.dismiss('cancel');\r\n };\r\n\r\n modalVm.closeAlert = function () {\r\n modalVm.error = \"\";\r\n };\r\n\r\n modalVm.closeModelStateErrors = function () {\r\n modalVm.modelState = [];\r\n };\r\n\r\n modalVm.resetfilterOptions = function () {\r\n modalVm.filterOptions = {\r\n TableName: null, LogType: null, Username: null, DateFrom: null, DateTo: null,\r\n GridPagerOptions: { PageIndex: 0, PageSize: 2, TotalPages: null }\r\n };\r\n modalVm.transferData.filterOptions = angular.copy(modalVm.filterOptions);\r\n modalVm.transferData.action = \"reset\";\r\n $uibModalInstance.close(modalVm.transferData);\r\n };\r\n\r\n modalVm.filterAuditLogs = function () {\r\n if (modalVm.filterOptionsForm.$valid) {\r\n modalVm.transferData.filterOptions = angular.copy(modalVm.filterOptions);\r\n modalVm.transferData.action = \"filter\";\r\n $uibModalInstance.close(modalVm.transferData); \r\n }\r\n };\r\n\r\n function init() {\r\n modalVm.error = \"\";\r\n modalVm.modelState = [];\r\n modalVm.entityList = [];\r\n modalVm.filterOptions = {\r\n TableName: null, LogType: null, Username: null, DateFrom: moment(), DateTo: moment(),\r\n GridPagerOptions: { PageIndex: 0, PageSize: 2, TotalPages: null }\r\n };\r\n modalVm.transferData = { filterOptions: null, action: null };\r\n AuditLogFactory.getEntityList().success(function (data) {\r\n modalVm.entityList = data;\r\n }).error(function (data, status) {\r\n masterFactory.setError(status, data, modalVm);\r\n });\r\n };\r\n}]);","import { default as app, collapsibleHeaderClickEvent, onWindowResize, resetSelectionColumn, ToggleYellowToGreen, ToggleGreenToYellow } from '@legacy/App';\r\n\r\napp.factory('BankAccountFactory',['$http','settings', function ($http, settings) {\r\n return {\r\n getNewBankAccount: function () {\r\n return $http.get(settings.ApiURL + settings.BankAccountURL + \"/newbankaccount\");\r\n },\r\n getBankAccountDetails: function (id) {\r\n return $http.get(settings.ApiURL + settings.BankAccountURL + \"/\" + id);\r\n },\r\n saveBankAccount: function (bankAccount) {\r\n return $http.put(settings.ApiURL + settings.BankAccountURL, bankAccount);\r\n },\r\n deleteBankAccount: function (id) {\r\n return $http.delete(settings.ApiURL + settings.BankAccountURL + \"/\" + id);\r\n },\r\n getBankAccountList: function (accessToken) {\r\n return $http.get(settings.ApiURL + settings.BankAccountURL);\r\n }\r\n };\r\n}]);\r\n\r\napp.controller('BankAccountController', ['$q', '$scope', 'BankAccountFactory', '$rootScope', 'settings', 'masterFactory', \r\n function ($q, $scope, BankAccountFactory, $rootScope, settings, masterFactory) {\r\n $rootScope.pageTitle = \"Bank Account\";\r\n $scope.bankAccounts = [];\r\n $scope.bankAccount = {}; \r\n $scope.newbankAccount = {};\r\n $scope.error = \"\";\r\n $scope.modelState = [];\r\n $scope.isFormVisible = false;\r\n $scope.pageSize = 20;\r\n\r\n // Initialization - this runs on load\r\n var init = function (pageIndex) {\r\n masterFactory.verifyAuthentication();\r\n\r\n $q.all([\r\n BankAccountFactory.getBankAccountList($rootScope.accessToken).success(function (data) {\r\n $scope.bankAccounts = data;\r\n $scope.refreshGrid(0,null);\r\n }).error(function (data, status) {\r\n masterFactory.setError(status, data, $scope);\r\n }),\r\n BankAccountFactory.getNewBankAccount().success(function (data) {\r\n $scope.newbankAccount = data; \r\n }).error(function (data, status) {\r\n masterFactory.setError(status, data, $scope);\r\n })\r\n ]).then(function () { \r\n }); \r\n };\r\n\r\n var getBankAccount = function (id) {\r\n BankAccountFactory.getBankAccountDetails(id).success(function (data) {\r\n $scope.bankAccount = data;\r\n }).error(function (data, status) {\r\n masterFactory.setError(status, data, $scope);\r\n });\r\n };\r\n\r\n init(0); \r\n\r\n // Grid renderers\r\n $scope.refreshGrid = function (PageIndex, Key) { \r\n $('#gridBankAccount').dxDataGrid({\r\n dataSource: {\r\n store: {\r\n data: $scope.bankAccounts,\r\n type: 'array',\r\n key: 'Id'\r\n }\r\n },\r\n noDataText: \"No Bank Accounts Found\",\r\n showColumnLines: true,\r\n showRowLines: false,\r\n showBorders: true,\r\n rowAlternationEnabled: false,\r\n contentReadyAction: grdReadyAction,\r\n selection: { mode: 'single' },\r\n paging: {\r\n pageSize: $scope.pageSize,\r\n pageIndex: PageIndex\r\n },\r\n scrolling: {\r\n mode: 'standard'\r\n },\r\n pager: {\r\n showPageSizeSelector: true,\r\n allowedPageSizes: [10, 20, 30]\r\n },\r\n filterRow: {\r\n visible: true\r\n },\r\n groupPanel: {\r\n visible: false,\r\n },\r\n columns: [\r\n {\r\n caption: 'Bank Name',\r\n dataField: 'BankName',\r\n cssClass: 'BankName',\r\n dataType: 'string',\r\n alignment: 'center',\r\n cellTemplate: function (container, options) {\r\n $('').text(options.data.BankName).appendTo(container);\r\n container.addClass('grid-cell-align-left');\r\n }\r\n },\r\n {\r\n caption: 'Bank Number',\r\n dataField: 'BankNumber',\r\n cssClass: 'BankNumber',\r\n dataType: 'string',\r\n alignment: 'center',\r\n cellTemplate: function (container, options) {\r\n $('').text(options.data.BankNumber).appendTo(container);\r\n container.addClass('grid-cell-align-left');\r\n }\r\n },\r\n {\r\n caption: 'Account Number',\r\n dataField: 'AccountNumber',\r\n cssClass: 'AccountNumber',\r\n dataType: 'string',\r\n alignment: 'center',\r\n cellTemplate: function (container, options) {\r\n $('').text(options.data.AccountNumber).appendTo(container);\r\n container.addClass('grid-cell-align-left');\r\n }\r\n },\r\n {\r\n caption: 'Owner',\r\n dataField: 'Owner',\r\n cssClass: 'Owner',\r\n dataType: 'string',\r\n alignment: 'center',\r\n cellTemplate: function (container, options) {\r\n $('').text(options.data.Owner).appendTo(container);\r\n container.addClass('grid-cell-align-left');\r\n }\r\n }\r\n ],\r\n selectionChanged: function (selectedRowsInfo) {\r\n if (selectedRowsInfo.selectedRowsData[0] != null) {\r\n getBankAccount(selectedRowsInfo.selectedRowsData[0].Id);\r\n }\r\n else $scope.bankAccount = angular.copy($scope.newbankAccount);\r\n\r\n $scope.isFormVisible = true;\r\n $scope.isDeleteVisible = true;\r\n ToggleYellowToGreen();\r\n $rootScope.pageTitle = \"Bank Account\"; \r\n }\r\n\r\n });\r\n\r\n if (Key != null && Key > 0) {\r\n var dataGrid = $('#gridBankAccount').dxDataGrid('instance');\r\n (dataGrid as unknown as FacnmDx).selectRows([Key]);\r\n }\r\n };\r\n\r\n // Button click functions and submit form function\r\n $scope.addNewEntity = function () {\r\n $rootScope.pageTitle = \"New Bank Account\";\r\n $scope.isFormVisible = true;\r\n $scope.isDeleteVisible = false;\r\n $scope.bankAccount = angular.copy($scope.newbankAccount); \r\n ToggleGreenToYellow();\r\n };\r\n\r\n $scope.confirmDeleteEntity = function () {\r\n $('#DeleteModal').modal({ backdrop: 'static' });\r\n };\r\n\r\n $scope.deleteEntity = function (value) {\r\n if (value == 0) {\r\n $('#DeleteModal').modal('hide');\r\n }\r\n else if (value == 1) {\r\n BankAccountFactory.deleteBankAccount($scope.bankAccount.Id).success(function (data) {\r\n BankAccountFactory.getBankAccountList($rootScope.accessToken).success(function (data) {\r\n var dataGrid = $('#gridBankAccount').dxDataGrid('instance'); \r\n var pageindex = dataGrid.pageIndex();\r\n $scope.pageSize = dataGrid.pageSize();\r\n $scope.bankAccounts = data;\r\n $scope.cancelForm();\r\n $scope.refreshGrid(pageindex, null); \r\n }).error(function (data, status) {\r\n masterFactory.setError(status, data, $scope);\r\n }).finally(function () {\r\n $scope.notify.add({ type: 'success', title: 'Success!', body: 'Deleted Bank Account successfully' });\r\n });\r\n }).error(function (data, status) {\r\n masterFactory.setError(status, data, $scope);\r\n }).finally(function () {\r\n $('#DeleteModal').modal('hide');\r\n });\r\n }\r\n };\r\n\r\n $scope.cancelForm = function () {\r\n var dataGrid = $('#gridBankAccount').dxDataGrid('instance');\r\n dataGrid.clearSelection();\r\n $scope.isFormVisible = false;\r\n $scope.bankAccountForm.submitted = false;\r\n $scope.closeModelStateErrors();\r\n $scope.closeAlert();\r\n };\r\n\r\n $scope.reset = function (type) {\r\n if (type == 'update') { // get db bankaccount and set to scope.bankaccount.\r\n getBankAccount($scope.bankAccount.Id);\r\n }\r\n else {\r\n angular.copy($scope.newbankAccount, $scope.bankAccount);\r\n } \r\n $scope.bankAccountForm.$setPristine();\r\n $scope.bankAccountForm.submitted = false;\r\n $scope.closeModelStateErrors();\r\n $scope.closeAlert();\r\n $scope.notify.add({ type: 'success', title: 'Success!', body: 'Bank Account details were reset' }); \r\n };\r\n\r\n $scope.submitForm = function () {\r\n if ($scope.bankAccountForm.$valid) {\r\n $scope.saveBankAccount();\r\n $scope.bankAccountForm.submitted = false;\r\n } else {\r\n $scope.bankAccountForm.submitted = true;\r\n }\r\n };\r\n\r\n $scope.saveBankAccount = function () {\r\n var pageindex, id;\r\n $scope.closeModelStateErrors();\r\n BankAccountFactory.saveBankAccount($scope.bankAccount).success(function (bankAccountId) {\r\n BankAccountFactory.getBankAccountList($rootScope.accessToken).success(function (data) { \r\n var dataGrid = $('#gridBankAccount').dxDataGrid('instance');\r\n $scope.pageSize = dataGrid.pageSize();\r\n pageindex = dataGrid.pageIndex();\r\n $scope.bankAccounts = data;\r\n if ($scope.bankAccount.Id > 0) {\r\n $scope.refreshGrid(pageindex, $scope.bankAccount.Id) \r\n }\r\n else {\r\n $scope.cancelForm();\r\n $scope.refreshGrid(pageindex, null); \r\n }\r\n }).error(function (data, status) {\r\n masterFactory.setError(status, data, $scope);\r\n }).finally(function () {\r\n if ($scope.bankAccount.Id > 0) { \r\n $scope.notify.add({ type: 'success', title: 'Success!', body: 'Updated Bank Account successfully' });\r\n }\r\n else { \r\n $scope.notify.add({ type: 'success', title: 'Success!', body: 'Created Bank Account successfully' });\r\n }\r\n });\r\n }).error(function (data, status) {\r\n masterFactory.setError(status, data, $scope);\r\n });\r\n };\r\n\r\n // Helping functions and events\r\n $(window).resize(function () {\r\n onWindowResize('#gridBankAccount', settings.GridMarginHeight);\r\n });\r\n\r\n function grdReadyAction(e) {\r\n onWindowResize('#gridBankAccount', settings.GridMarginHeight);\r\n }\r\n\r\n collapsibleHeaderClickEvent($scope);\r\n\r\n $scope.closeAlert = function () {\r\n $scope.error = null;\r\n };\r\n\r\n $scope.closeModelStateErrors = function () {\r\n $scope.modelState = [];\r\n };\r\n\r\n $scope.clickHalfDiv = function (control) {\r\n masterFactory.setFocus(control);\r\n };\r\n}]);","import { default as app, collapsibleHeaderClickEvent, onWindowResize, resetSelectionColumn, ToggleYellowToGreen, ToggleGreenToYellow, IsUndefinedOrNull } from '@legacy/App';\r\n\r\napp.factory('CompanyFactory', ['$http','settings', function ($http, settings) {\r\n return {\r\n getNewCompany: function () {\r\n return $http.get(settings.ApiURL + settings.CompanyURL + \"/newcompany\");\r\n },\r\n getCompanyDetails: function (id) {\r\n return $http.get(settings.ApiURL + settings.CompanyURL + \"/\" + id);\r\n },\r\n saveCompany: function (company) {\r\n return $http.put(settings.ApiURL + settings.CompanyURL, company);\r\n },\r\n deleteCompany: function (id) {\r\n return $http.delete(settings.ApiURL + settings.CompanyURL + \"/\" + id);\r\n },\r\n getCompanyList: function () {\r\n return $http.get(settings.ApiURL + settings.CompanyURL);\r\n },\r\n getCompanyDropDown: function(lookup) {\r\n return $http.get(settings.ApiURL + settings.CompanyURL + \"/dropdown/\" + lookup)\r\n },\r\n getNonPrintCompanyList: function (lookup) {\r\n return $http.get(settings.ApiURL + settings.CompanyURL + \"/nonprintcompanydropdown/\" + lookup)\r\n },\r\n getMsgReceiverGroups: function (lookup) {\r\n return $http.get(settings.ApiURL + settings.CompanyURL + \"/GetMsgReceiverGroups\")\r\n },\r\n getAutoEmailOptionsList: function(lookup) {\r\n return $http.get(settings.ApiURL + settings.CompanyURL + \"/GetAutoEmailOptionsList\");\r\n },\r\n };\r\n}]);\r\n\r\napp.controller('CompanyController', ['$q', '$scope', 'CompanyFactory', 'CustomerFactory', '$rootScope', 'settings', 'masterFactory', '$uibModal',\r\n function ($q, $scope, CompanyFactory, CustomerFactory, $rootScope, settings, masterFactory, $uibModal) {\r\n $rootScope.pageTitle = \"Company\";\r\n $scope.companies = [];\r\n $scope.billingCustomerList = [];\r\n $scope.company = {};\r\n $scope.newCompany = {};\r\n $scope.error = \"\";\r\n $scope.modelState = [];\r\n $scope.msgReceiverGroups = [];\r\n $scope.isFormVisible = false;\r\n $scope.pageSize = 20;\r\n $scope.AutoEmailOptionsLists = [];\r\n \r\n // Initialization - this runs on load\r\n var init = function (pageIndex) {\r\n masterFactory.verifyAuthentication();\r\n \r\n\r\n $q.all([\r\n CompanyFactory.getCompanyList().success(function (data) {\r\n $scope.companies = data;\r\n $scope.refreshGrid(0,null); \r\n }).error(function (data, status) {\r\n masterFactory.setError(status, data, $scope);\r\n }),\r\n CompanyFactory.getNewCompany().success(function (data) {\r\n $scope.newCompany = data;\r\n }).error(function (data, status) {\r\n masterFactory.setError(status, data, $scope);\r\n }),\r\n CompanyFactory.getMsgReceiverGroups().success(function (data) {\r\n $scope.msgReceiverGroups = data;\r\n }).error(function (data, status) {\r\n masterFactory.setError(status, data, $scope);\r\n }),\r\n CompanyFactory.getAutoEmailOptionsList().success(function (data) {\r\n $scope.AutoEmailOptionsLists = data.filter(function (s) { return s.name != 'None' });\r\n }).error(function (data, status) {\r\n masterFactory.setError(status, data, $scope);\r\n }) \r\n ]).then(function () {\r\n });\r\n \r\n };\r\n\r\n var getCompany = function (id) {\r\n CompanyFactory.getCompanyDetails(id).success(function (data) {\r\n $scope.company = data;\r\n $rootScope.user.DefaultCustomerId = data.DefaultCustomer;\r\n $rootScope.user.DefaultCustomerName = data.DefaultCustomerName;\r\n }).error(function (data, status) {\r\n masterFactory.setError(status, data, $scope);\r\n });\r\n };\r\n\r\n init(0);\r\n \r\n // Grid renderers\r\n $scope.refreshGrid = function (PageIndex, Key) { \r\n $('#gridCompany').dxDataGrid({\r\n dataSource:{\r\n store: {\r\n data: $scope.companies,\r\n type: 'array',\r\n key: 'Id'\r\n }\r\n }, \r\n noDataText: \"No Companys Found\",\r\n showColumnLines: true,\r\n showRowLines: false,\r\n showBorders: true,\r\n rowAlternationEnabled: false,\r\n contentReadyAction: grdReadyAction,\r\n selection: { mode: 'single' },\r\n paging: {\r\n pageSize: $scope.pageSize,\r\n pageIndex: PageIndex\r\n },\r\n scrolling: {\r\n mode: 'standard'\r\n },\r\n sorting: {\r\n mode: 'single' \r\n },\r\n pager: {\r\n showPageSizeSelector: true,\r\n allowedPageSizes: [10, 20, 30]\r\n },\r\n filterRow: {\r\n visible: true\r\n },\r\n groupPanel: {\r\n visible: false,\r\n },\r\n columns: [\r\n {\r\n caption: 'Name',\r\n dataField: 'name',\r\n cssClass: 'name',\r\n dataType: 'string',\r\n alignment: 'center',\r\n sortIndex: 0,\r\n sortOrder: 'asc',\r\n cellTemplate: function (container, options) {\r\n $('')\r\n .text(options.data.name)\r\n .appendTo(container);\r\n container.addClass('grid-cell-align-left');\r\n }\r\n },\r\n {\r\n caption: 'Description',\r\n dataField: 'name2',\r\n cssClass: 'name2',\r\n dataType: 'string',\r\n alignment: 'center',\r\n cellTemplate: function (container, options) {\r\n $('')\r\n .text(options.data.name2)\r\n .appendTo(container);\r\n container.addClass('grid-cell-align-left');\r\n }\r\n },\r\n {\r\n caption: 'Address',\r\n dataField: 'StreetAddress',\r\n cssClass: 'StreetAddress',\r\n dataType: 'string',\r\n alignment: 'center',\r\n cellTemplate: function (container, options) {\r\n $('')\r\n .text(options.data.StreetAddress)\r\n .appendTo(container);\r\n container.addClass('grid-cell-align-left');\r\n }\r\n },\r\n {\r\n caption: 'Suburb',\r\n dataField: 'Suburb',\r\n cssClass: 'Suburb',\r\n dataType: 'string',\r\n alignment: 'center',\r\n cellTemplate: function (container, options) {\r\n $('')\r\n .text(options.data.Suburb)\r\n .appendTo(container);\r\n container.addClass('grid-cell-align-left');\r\n }\r\n },\r\n {\r\n caption: 'Post Code',\r\n dataField: 'ZipCode',\r\n cssClass: 'ZipCode',\r\n dataType: 'string',\r\n alignment: 'center',\r\n width: 150,\r\n cellTemplate: function (container, options) {\r\n $('')\r\n .text(options.data.ZipCode)\r\n .appendTo(container);\r\n container.addClass('grid-cell-align-left');\r\n }\r\n }\r\n ],\r\n selectionChanged: function (selectedRowsInfo) {\r\n if (selectedRowsInfo.selectedRowsData[0] != null) {\r\n getCompany(selectedRowsInfo.selectedRowsData[0].Id); \r\n }\r\n else $scope.company = angular.copy($scope.newCompany); \r\n \r\n $scope.isFormVisible = true;\r\n $scope.isDeleteVisible = true;\r\n ToggleYellowToGreen();\r\n $rootScope.pageTitle = \"Company\"; \r\n }\r\n\r\n });\r\n };\r\n\r\n $scope.viewBillingCustomerModal = function () {\r\n $uibModal.open({\r\n templateUrl: 'app-legacy/Entities/templates/defaultCustomerModel.html',\r\n controller: 'BillingCustomerController',\r\n size: 'lg',\r\n scope: $scope,\r\n windowTemplateUrl: 'app-legacy/Entities/templates/modal-scrollable-content.html'\r\n });\r\n };\r\n \r\n // Button click functions and submit form function\r\n $scope.addNewEntity = function () {\r\n $rootScope.pageTitle = \"New Company\";\r\n $scope.isFormVisible = true;\r\n $scope.isDeleteVisible = false;\r\n $scope.company = angular.copy($scope.newCompany); \r\n ToggleGreenToYellow(); \r\n };\r\n\r\n $scope.confirmDeleteEntity = function () {\r\n $('#DeleteModal').modal({ backdrop: 'static' });\r\n };\r\n\r\n $scope.deleteEntity = function (value) {\r\n if (value == 0) {\r\n $('#DeleteModal').modal('hide');\r\n }\r\n else if (value == 1) {\r\n CompanyFactory.deleteCompany($scope.company.Id).success(function (data) {\r\n var dataGrid = $('#gridCompany').dxDataGrid('instance');\r\n var pageIndex = dataGrid.pageIndex();\r\n $scope.pageSize = dataGrid.pageSize();\r\n dataGrid.clearSelection();\r\n init(pageIndex);\r\n $scope.isFormVisible = false;\r\n $scope.notify.add({ type: 'success', title: 'Success!', body: 'Deleted Company successfully' });\r\n }).error(function (data, status) {\r\n masterFactory.setError(status, data, $scope);\r\n }).finally(function () {\r\n $('#DeleteModal').modal('hide');\r\n });\r\n }\r\n };\r\n\r\n $scope.cancelForm = function () {\r\n var dataGrid = $('#gridCompany').dxDataGrid('instance');\r\n dataGrid.clearSelection();\r\n $scope.isFormVisible = false;\r\n $scope.companyForm.submitted = false;\r\n $scope.closeModelStateErrors();\r\n $scope.closeAlert();\r\n };\r\n\r\n $scope.reset = function (type) {\r\n if (type == 'update') { // get db bankaccount and set to scope.bankaccount.\r\n getCompany($scope.company.Id);\r\n }\r\n else {\r\n angular.copy($scope.newCompany, $scope.company);\r\n }\r\n //if ($scope.companyCopy != null && !angular.equals($scope.company, $scope.companyCopy)) {\r\n // $rootScope.pageTitle = \"Company\";\r\n // angular.copy($scope.companyCopy, $scope.company);\r\n //}\r\n //else {\r\n // $rootScope.pageTitle = \"New Company\";\r\n // $scope.company = angular.copy($scope.newCompany);\r\n // $scope.companyCopy = angular.copy($scope.company);\r\n //} \r\n //ToggleYellowToGreen();\r\n $scope.companyForm.$setPristine();\r\n $scope.companyForm.submitted = false;\r\n $scope.closeModelStateErrors();\r\n $scope.closeAlert();\r\n $scope.notify.add({ type: 'success', title: 'Success!', body: 'Company details were reset' }); \r\n };\r\n\r\n $scope.submitForm = function () {\r\n if ($scope.companyForm.$valid) {\r\n if ($scope.company.Id != null && $scope.company.Id > 0) { // update\r\n $scope.saveCompany($scope.companies.IsPrintCompany);\r\n $scope.companyForm.submitted = false;\r\n }\r\n else { // new company\r\n $('#SaveModal').modal({ backdrop: 'static' });\r\n }\r\n } else {\r\n $scope.companyForm.submitted = true;\r\n }\r\n };\r\n\r\n $scope.saveCompany = function (IsPrintCompany) {\r\n $('#SaveModal').modal('hide');\r\n var pageindex, id;\r\n $scope.company.IsPrintCompany = IsPrintCompany;\r\n $scope.company.DefaultCustomer = $rootScope.user.DefaultCustomerId;\r\n $('#loadingModal').modal({ backdrop: 'static' });\r\n CompanyFactory.saveCompany($scope.company).success(function (data) {\r\n CompanyFactory.getCompanyList($rootScope.accessToken).success(function (data) {\r\n var dataGrid = $('#gridCompany').dxDataGrid('instance');\r\n $scope.pageSize = dataGrid.pageSize();\r\n pageindex = dataGrid.pageIndex();\r\n $scope.companies = data;\r\n if ($scope.company.Id > 0) {\r\n $scope.refreshGrid(pageindex, $scope.company.Id)\r\n }\r\n else {\r\n $scope.cancelForm();\r\n $scope.refreshGrid(pageindex, null);\r\n }\r\n }).error(function (data, status) {\r\n masterFactory.setError(status, data, $scope);\r\n }).finally(function () {\r\n if ($scope.company.Id > 0) {\r\n $scope.notify.add({ type: 'success', title: 'Success!', body: 'Updated Company successfully' });\r\n }\r\n else {\r\n $scope.notify.add({ type: 'success', title: 'Success!', body: 'Created Company successfully' });\r\n }\r\n });\r\n }).error(function (data, status) {\r\n masterFactory.setError(status, data, $scope);\r\n }).finally(function () {\r\n $('#loadingModal').modal('hide');\r\n });\r\n }\r\n\r\n // Helping functions and events\r\n $(window).resize(function () {\r\n onWindowResize('#gridCompany', settings.GridMarginHeight);\r\n });\r\n\r\n function grdReadyAction(e) {\r\n onWindowResize('#gridCompany', settings.GridMarginHeight);\r\n }\r\n\r\n collapsibleHeaderClickEvent($scope);\r\n\r\n $scope.closeAlert = function () {\r\n $scope.error = null;\r\n };\r\n\r\n $scope.closeModelStateErrors = function () {\r\n $scope.modelState = [];\r\n };\r\n\r\n $scope.clickHalfDiv = function (control) {\r\n masterFactory.setFocus(control);\r\n };\r\n\r\n $scope.filter = function (input, id) {\r\n var i = 0, len = input.length;\r\n for (; i < len; i++) {\r\n if (+input[i].Id == +id) {\r\n return input[i];\r\n }\r\n }\r\n return null;\r\n };\r\n}]);\r\n\r\napp.controller('BillingCustomerController',['$q', '$scope', 'CustomerFactory', 'settings', 'masterFactory', '$uibModalInstance', '$rootScope',\r\n function ($q, $scope, CustomerFactory, settings, masterFactory, $uibModalInstance, $rootScope) {\r\n $scope.filterOptions = {\r\n CustomerNo: null, CustomerName: null, CustomerAddress: null,\r\n GridPagerOptions: { PageIndex: 0, PageSize: 20, TotalPages: null }\r\n };\r\n $scope.TotalCount = null;\r\n $scope.BillingcustomerGridDataSource = [];\r\n $scope.BillingCustomerName = [];\r\n $scope.TitleName = \"Billing Customer\";\r\n\r\n $scope.customerGridDataSource = function() {\r\n var dataSource = {store: new DevExpress.data.CustomStore({\r\n // DataSource Configuration\r\n key: [\"Id\", \"Position\"],\r\n pageSize: $scope.PageSize,\r\n // Data Access Logic\r\n load: function (loadOptions) {\r\n var d = $.Deferred();\r\n var params = {};\r\n\r\n if (loadOptions != undefined) {\r\n $scope.filterOptions.CustomerName = null;\r\n $scope.filterOptions.CustomerAddress = null;\r\n $scope.filterOptions.CustomerNo = null;\r\n if (loadOptions.filter != undefined) { // accessing grid filter values \r\n for (var i = 0; i < loadOptions.filter.length; i++) {\r\n if (loadOptions.filter[i].length == 3) {\r\n if (loadOptions.filter[i][0] == \"Name1\") $scope.filterOptions.CustomerName = loadOptions.filter[i][2];\r\n else if (loadOptions.filter[i][0] == \"Id\") $scope.filterOptions.CustomerNo = loadOptions.filter[i][2];\r\n }\r\n }\r\n }\r\n $scope.filterOptions.GridPagerOptions.PageSize = (IsUndefinedOrNull(loadOptions.take) == true) ? $scope.PageSize : loadOptions.take;\r\n $scope.filterOptions.GridPagerOptions.PageIndex = ((IsUndefinedOrNull(loadOptions.take) && IsUndefinedOrNull(loadOptions.skip)) == true) ? 0 : (loadOptions.skip / loadOptions.take);\r\n }\r\n CustomerFactory.getBillingCustomers($scope.filterOptions).success(function (data) {\r\n d.resolve(data.BillingCustomerListVM, { totalCount: data.TotalCount });\r\n $scope.TotalCount = data.TotalCount;\r\n }).error(function (data, status) {\r\n masterFactory.setError(status, data, $scope);\r\n }).finally(function () {\r\n });\r\n return d.promise();\r\n },\r\n byKey: function (key, extra) {\r\n },\r\n update: function (values) {\r\n }\r\n })\r\n }\r\n return dataSource;\r\n };\r\n\r\n // Grid renderers\r\n $scope.refreshGrid = function (PageIndex, Key) {\r\n $scope.originalId = 0;\r\n $scope.originalPos = 0;\r\n $scope.error = '';\r\n $('#gridBillingCustomer').dxDataGrid({\r\n columns: [\r\n { caption: 'Customer Id', dataField: 'Id', cssClass: 'Number', alignment: 'center', dataType: 'string', width: 100 },\r\n {\r\n caption: 'Customer Name', dataField: 'Name1', cssClass: 'FullName', dataType: 'string', alignment: 'center',\r\n cellTemplate: function (container, options) {\r\n $('')\r\n .text(options.data.Name1)\r\n .append(\"\")\r\n .appendTo(container);\r\n container.addClass('grid-cell-align-left');\r\n $('')\r\n .text(options.data.Name2)\r\n .appendTo(container);\r\n container.addClass('grid-cell-align-left');\r\n }\r\n }\r\n ],\r\n contentReadyAction: grdReadyAction,\r\n dataSource: $scope.customerGridDataSource(),\r\n filterRow: { visible: true },\r\n groupPanel: { visible: false },\r\n noDataText: \"No Customers Found\",\r\n paging: { pageSize: $scope.PageSize, pageIndex: PageIndex },\r\n pager: { visible: true, allowedPageSizes: [10, 20, 30], showPageSizeSelector: true },\r\n rowAlternationEnabled: false,\r\n selection: { mode: 'single' },\r\n selectionChanged: function (selectedRowsInfo) {\r\n if (selectedRowsInfo.selectedRowsData[0] != null) {\r\n $scope.saveSelection(selectedRowsInfo);\r\n }\r\n },\r\n scrolling: { mode: 'standard' },\r\n showBorders: true,\r\n showColumnLines: true,\r\n showRowLines: false,\r\n sorting: { mode: 'none' },\r\n wordWrapEnabled: true\r\n });\r\n\r\n if (Key != null && Key > 0) {\r\n var dataGrid = $('#gridBillingCustomer').dxDataGrid('instance');\r\n (dataGrid as unknown as FacnmDx).selectRows([Key]);\r\n }\r\n };\r\n\r\n // Helping functions and events\r\n function grdReadyAction(e) {\r\n onWindowResize('#gridBillingCustomer', settings.GridMarginHeight);\r\n };\r\n \r\n $scope.cancel = function () {\r\n $uibModalInstance.dismiss('cancel'); \r\n };\r\n\r\n $scope.saveSelection = function(selectedRowsInfo) {\r\n if(!selectedRowsInfo) {\r\n $rootScope.user.DefaultCustomerId = $scope.TempDefaultCustomerId != null ? $scope.TempDefaultCustomerId : $rootScope.user.DefaultCustomerId;\r\n $rootScope.user.DefaultCustomerName = $scope.TempDefaultCustomerName != null ? $scope.TempDefaultCustomerName : $rootScope.user.DefaultCustomerName;\r\n $uibModalInstance.close();\r\n } \r\n else {\r\n $scope.TempDefaultCustomerId = selectedRowsInfo.selectedRowsData[0].Id;\r\n $scope.TempDefaultCustomerName = selectedRowsInfo.selectedRowsData[0].Name1;\r\n }\r\n }\r\n\r\n collapsibleHeaderClickEvent($scope);\r\n\r\n $('body').on('click', function (e) {\r\n if ($(e.target).parents('[data-toggle=\"popover\"]').length === 0) {\r\n $('[data-toggle=\"popover\"]').popover('hide');\r\n }\r\n });\r\n\r\n \r\n // Initialization - this runs on load\r\n var init = function () {\r\n masterFactory.verifyAuthentication();\r\n\r\n $('#loadingModal').modal({ backdrop: 'static' });\r\n $q.all([\r\n CustomerFactory.getBillingCustomers($scope.filterOptions).success(function(data){\r\n $scope.BillingcustomerGridDataSource = data;\r\n }).error(function (data, status){\r\n masterFactory.setError(status, data, $scope);\r\n })\r\n ]).then(function () {\r\n $scope.refreshGrid(0, null);\r\n $('#loadingModal').modal('hide');\r\n });\r\n };\r\n\r\n init();\r\n\r\n}]);\r\n","import { default as app, collapsibleHeaderClickEvent, onWindowResize, resetSelectionColumn, ToggleYellowToGreen, ToggleGreenToYellow } from '@legacy/App';\r\n\r\napp.factory('ConfigurationGroupFactory', ['$http', 'settings', function ($http, settings) {\r\n return {\r\n getConfigurationGroupList: function () {\r\n return $http.get(settings.ApiURL + settings.ConfigurationGroupURL);\r\n },\r\n getConfigurationGroupByID: function (id) {\r\n return $http.get(settings.ApiURL + settings.ConfigurationGroupURL + \"/\" + id);\r\n },\r\n saveConfigurationGroup: function (ConfigurationGroup) {\r\n return $http.put(settings.ApiURL + settings.ConfigurationGroupURL, ConfigurationGroup);\r\n },\r\n deleteConfigurationGroup: function (id) {\r\n return $http.delete(settings.ApiURL + settings.ConfigurationGroupURL + \"/\" + id);\r\n }\r\n };\r\n}]);\r\n\r\napp.controller('ConfigurationGroupController',['$q', '$scope', 'ConfigurationGroupFactory', '$rootScope', 'settings', 'masterFactory',\r\n function ($q, $scope, ConfigurationGroupFactory, $rootScope, settings, masterFactory) {\r\n $rootScope.pageTitle = \"Configuration Group Management\";\r\n $scope.configurationGroupList = [];\r\n $scope.configurationGroup = {};\r\n $scope.newconfigurationGroup = {};\r\n $scope.error = \"\";\r\n $scope.modelState = [];\r\n $scope.isFormVisible = false;\r\n $scope.isNewConfigurationGroup = false;\r\n $scope.isAssignedVehicleSelected = false;\r\n $scope.isUnassignedVehicleSelected = false;\r\n $scope.isAssignedDriverSelected = false;\r\n $scope.isUnassignedDriverSelected = false;\r\n\r\n // Initialization - this runs on load\r\n var init = function (pageIndex) {\r\n masterFactory.verifyAuthentication();\r\n \r\n\r\n $('#loadingModal').modal({ backdrop: 'static' });\r\n $q.all([\r\n ConfigurationGroupFactory.getConfigurationGroupList().success(function (data) {\r\n $scope.configurationGroupList = data;\r\n $scope.refreshGrid(pageIndex);\r\n }).error(function (data, status) {\r\n masterFactory.setError(status, data, $scope);\r\n }).finally(function () {\r\n $('#loadingModal').modal('hide');\r\n }),\r\n ConfigurationGroupFactory.getConfigurationGroupByID(0).success(function (data) {\r\n $scope.newconfigurationGroup = data; \r\n }).error(function (data, status) {\r\n masterFactory.setError(status, data, $scope);\r\n })\r\n ]).then(function () {\r\n\r\n });\r\n };\r\n\r\n var getConfigurationGroupDetails = function (id) {\r\n ConfigurationGroupFactory.getConfigurationGroupByID(id).success(function (data) {\r\n $scope.configurationGroup = data;\r\n }).error(function (data, status) {\r\n masterFactory.setError(status, data, $scope);\r\n });\r\n };\r\n\r\n init(0);\r\n\r\n // Grid renderers\r\n $scope.refreshGrid = function (PageIndex) {\r\n $('#gridConfigurationGroup').dxDataGrid({\r\n dataSource: {\r\n store: {\r\n data: $scope.configurationGroupList,\r\n type: 'array',\r\n key: 'Id'\r\n }\r\n },\r\n columns: [\r\n { alignment: 'center', caption: 'Group ID', dataField: 'Id', cssClass: 'Id', dataType: 'number', },\r\n {\r\n alignment: 'center', caption: 'Group Name', dataField: 'Name', cssClass: 'Name', dataType: 'string',\r\n cellTemplate: function (container, options) {\r\n $('')\r\n .text(options.data.Name)\r\n .appendTo(container);\r\n container.addClass('grid-cell-align-left');\r\n }\r\n }\r\n ],\r\n contentReadyAction: grdReadyAction,\r\n filterRow: { visible: true },\r\n groupPanel: { visible: false },\r\n noDataText: \"No Configuration Groups Found\",\r\n pager: { showPageSizeSelector: true, allowedPageSizes: [10, 20, 30] },\r\n paging: { pageSize: $scope.pageSize, pageIndex: PageIndex },\r\n rowAlternationEnabled: false,\r\n selection: { mode: 'single' },\r\n showColumnLines: true,\r\n showRowLines: false,\r\n showBorders: true,\r\n selectionChanged: function (selectedRowsInfo) {\r\n if (selectedRowsInfo.selectedRowsData[0] != null) {\r\n $('#loadingModal').modal({ backdrop: 'static' });\r\n ConfigurationGroupFactory.getConfigurationGroupByID(selectedRowsInfo.selectedRowsData[0].Id).success(function (data) {\r\n $scope.configurationGroup = data;\r\n $scope.refreshAssignedVehiclesGrid();\r\n $scope.refreshUnAssignedVehiclesGrid(); \r\n $scope.isFormVisible = true;\r\n $scope.isDeleteVisible = true;\r\n $scope.isNewConfigurationGroup = false;\r\n ToggleYellowToGreen();\r\n $rootScope.pageTitle = \"Configuration Group Management\";\r\n }).error(function (data, status) {\r\n masterFactory.setError(status, data, $scope);\r\n }).finally(function () {\r\n $('#loadingModal').modal('hide');\r\n });\r\n }\r\n else {\r\n $scope.configurationGroup = angular.copy($scope.newConfigurationGroup);\r\n }\r\n }\r\n });\r\n };\r\n\r\n $scope.refreshAssignedVehiclesGrid = function () {\r\n $scope.isAssignedVehicleSelected = false;\r\n\r\n $('#gridAssignedVehicles').dxDataGrid({\r\n dataSource: $scope.configurationGroup.AssignedVehicles,\r\n columns: [\r\n { caption: 'Vehicle Id', dataField: 'Id', visible: false, dataType: 'number' }, \r\n {\r\n caption: 'Device Id - Name', dataField: 'DeviceId', cssClass: 'DeviceId', dataType: 'string', alignment: 'center',\r\n cellTemplate: function (container, options) {\r\n var devicedetails = \"\";\r\n if (options.data.DeviceId != 0) devicedetails = devicedetails + options.data.DeviceId + \" - \";\r\n if (options.data.DeviceName != null) devicedetails = devicedetails + options.data.DeviceName;\r\n $('').text(devicedetails).append(\"\").appendTo(container);\r\n container.addClass('grid-cell-align-left');\r\n },\r\n calculateCellValue: function(data){\r\n return data.DeviceId + \" - \" + data.DeviceName;\r\n },\r\n calculateFilterExpression: function (filterValue, selectedFilterOperation) {\r\n return [this.calculateCellValue, selectedFilterOperation || 'contains', filterValue];\r\n }\r\n },\r\n { alignment: 'center', caption: 'Vehicle No', dataField: 'VehicleNumber', cssClass: 'VehicleNumber', dataType: 'string' }, \r\n {\r\n alignment: 'center', caption: 'License Plate', dataField: 'LicensePlate', cssClass: 'LicensePlate', dataType: 'string', width: 150,\r\n cellTemplate: function (container, options) {\r\n $('')\r\n .text(options.data.LicensePlate)\r\n .appendTo(container);\r\n container.addClass('grid-cell-align-left');\r\n }\r\n }\r\n ],\r\n filterRow: { visible: true },\r\n groupPanel: { visible: false },\r\n height: 470,\r\n paging: { pageSize: 10 },\r\n pager: { showPageSizeSelector: false },\r\n rowAlternationEnabled: false,\r\n showColumnLines: true,\r\n showRowLines: false,\r\n showBorders: true,\r\n selection: { mode: 'multiple' },\r\n selectionChanged: function (selectedRowsInfo) {\r\n if (selectedRowsInfo.selectedRowsData.length > 0) {\r\n $scope.isAssignedVehicleSelected = true;\r\n }\r\n else {\r\n $scope.isAssignedVehicleSelected = false;\r\n }\r\n }\r\n });\r\n };\r\n\r\n $scope.refreshUnAssignedVehiclesGrid = function () {\r\n $scope.isUnassignedVehicleSelected = false;\r\n\r\n $('#gridUnAssignedVehicles').dxDataGrid({\r\n dataSource: $scope.configurationGroup.UnassignedVehicles,\r\n columns: [\r\n { caption: 'Vehicle Id', dataField: 'Id', visible: false, dataType: 'number' }, \r\n {\r\n caption: 'Device Id - Name', dataField: 'DeviceId', cssClass: 'DeviceId', dataType: 'string', alignment: 'center',\r\n cellTemplate: function (container, options) {\r\n var devicedetails = \"\";\r\n if (options.data.DeviceId != 0) devicedetails = devicedetails + options.data.DeviceId + \" - \";\r\n if (options.data.DeviceName != null) devicedetails = devicedetails + options.data.DeviceName;\r\n $('').text(devicedetails).append(\"\").appendTo(container);\r\n container.addClass('grid-cell-align-left');\r\n },\r\n calculateCellValue: function(data){\r\n return data.DeviceId + \" - \" + data.DeviceName;\r\n },\r\n calculateFilterExpression: function (filterValue, selectedFilterOperation) {\r\n return [this.calculateCellValue, selectedFilterOperation || 'contains', filterValue];\r\n }\r\n },\r\n { alignment: 'center', caption: 'Vehicle No', dataField: 'VehicleNumber', cssClass: 'VehicleNumber', dataType: 'string' }, \r\n {\r\n alignment: 'center', caption: 'License Plate', dataField: 'LicensePlate', cssClass: 'LicensePlate', dataType: 'string', width: 150,\r\n cellTemplate: function (container, options) {\r\n $('')\r\n .text(options.data.LicensePlate)\r\n .appendTo(container);\r\n container.addClass('grid-cell-align-left');\r\n }\r\n }\r\n ],\r\n filterRow: { visible: true },\r\n groupPanel: { visible: false, },\r\n height: 470,\r\n paging: { pageSize: 10 },\r\n pager: { showPageSizeSelector: false },\r\n rowAlternationEnabled: false,\r\n showColumnLines: true,\r\n showRowLines: false,\r\n showBorders: true,\r\n selection: { mode: 'multiple' },\r\n selectionChanged: function (selectedRowsInfo) {\r\n if (selectedRowsInfo.selectedRowsData.length > 0) {\r\n $scope.isUnassignedVehicleSelected = true;\r\n }\r\n else {\r\n $scope.isUnassignedVehicleSelected = false;\r\n }\r\n }\r\n });\r\n };\r\n\r\n //Button click functions\r\n $scope.addNewConfigurationGroup = function () {\r\n $rootScope.pageTitle = \"New Configuration Group Management\";\r\n $scope.configurationGroup = angular.copy($scope.newconfigurationGroup);\r\n $scope.refreshAssignedVehiclesGrid();\r\n $scope.refreshUnAssignedVehiclesGrid(); \r\n $scope.isFormVisible = true;\r\n $scope.isDeleteVisible = false;\r\n $scope.isNewConfigurationGroup = true;\r\n ToggleGreenToYellow(); \r\n };\r\n\r\n $scope.confirmDeleteEntity = function () {\r\n $('#DeleteModal').modal({ backdrop: 'static' });\r\n };\r\n\r\n $scope.deleteEntity = function (value) {\r\n if (value == 0) {\r\n $('#DeleteModal').modal('hide');\r\n }\r\n else if (value == 1) {\r\n ConfigurationGroupFactory.deleteConfigurationGroup($scope.configurationGroup.Id).success(function (data) {\r\n ConfigurationGroupFactory.getConfigurationGroupList().success(function (data) {\r\n var dataGrid = $('#gridConfigurationGroup').dxDataGrid('instance');\r\n var pageIndex = dataGrid.pageIndex();\r\n $scope.pageSize = dataGrid.pageSize();\r\n $scope.configurationGroupList = data;\r\n $scope.cancelForm();\r\n $scope.refreshGrid(pageIndex);\r\n }).error(function () {\r\n masterFactory.setError(status, data, $scope);\r\n }).finally(function () {\r\n $scope.notify.add({ type: 'success', title: 'Success!', body: 'Deleted Configuration Group successfully' });\r\n });\r\n }).error(function (data, status) {\r\n masterFactory.setError(status, data, $scope);\r\n }).finally(function () {\r\n $('#DeleteModal').modal('hide');\r\n });\r\n }\r\n };\r\n\r\n $scope.cancelForm = function () {\r\n var gridcontrol = $('#gridConfigurationGroup')\r\n if(gridcontrol != null) {\r\n var dataGrid = gridcontrol.dxDataGrid('instance');\r\n dataGrid.clearSelection();\r\n }\r\n $scope.isFormVisible = false;\r\n $scope.configurationGroupForm.$submitted = false;\r\n $scope.closeModelStateErrors();\r\n $scope.closeAlert();\r\n };\r\n\r\n $scope.reset = function (type) {\r\n if (type == 'update') { // get db ConfigurationGroup and set to scope.configurationGroup.\r\n $('#loadingModal').modal({ backdrop: 'static' });\r\n ConfigurationGroupFactory.getConfigurationGroupByID($scope.configurationGroup.Id).success(function (data) {\r\n $scope.configurationGroup = data;\r\n $scope.refreshAssignedVehiclesGrid();\r\n $scope.refreshUnAssignedVehiclesGrid(); \r\n }).error(function (data, status) {\r\n masterFactory.setError(status, data, $scope);\r\n }).finally(function () {\r\n $('#loadingModal').modal('hide');\r\n });\r\n }\r\n else {\r\n $scope.configurationGroup = angular.copy($scope.newconfigurationGroup);\r\n $scope.refreshAssignedVehiclesGrid();\r\n $scope.refreshUnAssignedVehiclesGrid(); \r\n }\r\n\r\n $scope.configurationGroupForm.$setPristine();\r\n $scope.configurationGroupForm.$submitted = false;\r\n $scope.closeModelStateErrors();\r\n $scope.closeAlert();\r\n $scope.notify.add({ type: 'success', title: 'Success!', body: 'Configuration Group details were reset' });\r\n };\r\n\r\n $scope.submitForm = function () {\r\n if ($scope.configurationGroupForm.$valid) {\r\n $scope.saveConfigurationGroup();\r\n }\r\n };\r\n\r\n $scope.saveConfigurationGroup = function () {\r\n var pageindex, id;\r\n $scope.closeModelStateErrors();\r\n $('#loadingModal').modal({ backdrop: 'static' });\r\n ConfigurationGroupFactory.saveConfigurationGroup($scope.configurationGroup).success(function (configurationGroupId) {\r\n ConfigurationGroupFactory.getConfigurationGroupList().success(function (data) {\r\n var dataGrid = $('#gridConfigurationGroup').dxDataGrid('instance');\r\n $scope.pageSize = dataGrid.pageSize();\r\n pageindex = dataGrid.pageIndex();\r\n $scope.configurationGroupList = data;\r\n if ($scope.configurationGroup.Id <= 0) {\r\n $scope.cancelForm();\r\n }\r\n $scope.refreshGrid(pageindex);\r\n }).error(function (data, status) {\r\n masterFactory.setError(status, data, $scope);\r\n }).finally(function (data) {\r\n if ($scope.configurationGroup.Id > 0) {\r\n $scope.notify.add({ type: 'success', title: 'Success!', body: 'Updated Configuration Group successfully' });\r\n }\r\n else {\r\n $scope.notify.add({ type: 'success', title: 'Success!', body: 'Created Configuration Group successfully' });\r\n }\r\n });\r\n }).error(function (data, status) {\r\n masterFactory.setError(status, data, $scope);\r\n }).finally(function () {\r\n $('#loadingModal').modal('hide');\r\n });\r\n };\r\n\r\n // assigning and Unassigning grid items on details panel\r\n $scope.assignVehicles = function () {\r\n var dataGrid = $('#gridUnAssignedVehicles').dxDataGrid('instance');\r\n var selectedRows = dataGrid.getSelectedRowsData();\r\n var i = 0; var len = selectedRows.length;\r\n for (; i < len; i++) {\r\n var prd = $scope.filter($scope.configurationGroup.AssignedVehicles, selectedRows[i].Id);\r\n $scope.configurationGroup.UnassignedVehicles.splice($scope.configurationGroup.UnassignedVehicles.indexOf(selectedRows[i]), 1);\r\n if (prd == null) {\r\n $scope.configurationGroup.AssignedVehicles.push(selectedRows[i]);\r\n }\r\n }\r\n $scope.refreshAssignedVehiclesGrid();\r\n $scope.refreshUnAssignedVehiclesGrid();\r\n dataGrid.clearSelection();\r\n };\r\n\r\n $scope.unassignVehicles = function () {\r\n var dataGrid = $('#gridAssignedVehicles').dxDataGrid('instance');\r\n var selectedRows = dataGrid.getSelectedRowsData();\r\n var i = 0; var len = selectedRows.length;\r\n for (; i < len; i++) {\r\n $scope.configurationGroup.AssignedVehicles.splice($scope.configurationGroup.AssignedVehicles.indexOf(selectedRows[i]), 1);\r\n $scope.configurationGroup.UnassignedVehicles.push(selectedRows[i]);\r\n }\r\n $scope.refreshAssignedVehiclesGrid();\r\n $scope.refreshUnAssignedVehiclesGrid();\r\n dataGrid.clearSelection();\r\n };\r\n\r\n $scope.assignDrivers = function () {\r\n var dataGrid = $('#gridUnAssignedDrivers').dxDataGrid('instance');\r\n var selectedRows = dataGrid.getSelectedRowsData();\r\n var i = 0; var len1 = selectedRows.length;\r\n for (; i < len1; i++) {\r\n var prd = $scope.filter($scope.configurationGroup.AssignedDrivers, selectedRows[i].Id);\r\n $scope.configurationGroup.UnassignedDrivers.splice($scope.configurationGroup.UnassignedDrivers.indexOf(selectedRows[i]), 1);\r\n if (prd == null) {\r\n $scope.configurationGroup.AssignedDrivers.push(selectedRows[i]);\r\n }\r\n }\r\n $scope.refreshAssignedDriversGrid();\r\n $scope.refreshUnAssignedDriversGrid();\r\n dataGrid.clearSelection();\r\n };\r\n\r\n $scope.unassignDrivers = function () {\r\n var dataGrid = $('#gridAssignedDrivers').dxDataGrid('instance');\r\n var selectedRows = dataGrid.getSelectedRowsData();\r\n var i = 0; var len = selectedRows.length;\r\n for (; i < len; i++) {\r\n $scope.configurationGroup.AssignedDrivers.splice($scope.configurationGroup.AssignedDrivers.indexOf(selectedRows[i]), 1);\r\n $scope.configurationGroup.UnassignedDrivers.push(selectedRows[i]);\r\n }\r\n $scope.refreshAssignedDriversGrid();\r\n $scope.refreshUnAssignedDriversGrid();\r\n dataGrid.clearSelection();\r\n };\r\n\r\n // Helping functions and events\r\n $(window).resize(function () {\r\n onWindowResize('#gridConfigurationGroup', settings.GridMarginHeight);\r\n });\r\n\r\n function grdReadyAction(e) {\r\n onWindowResize('#gridConfigurationGroup', settings.GridMarginHeight);\r\n }\r\n\r\n collapsibleHeaderClickEvent($scope);\r\n\r\n $scope.filter = function (input, id) {\r\n var i = 0, len = input.length;\r\n for (; i < len; i++) {\r\n if (+input[i].Id == +id) {\r\n return input[i];\r\n }\r\n }\r\n return null;\r\n };\r\n\r\n $scope.closeAlert = function () {\r\n $scope.error = null;\r\n };\r\n\r\n $scope.closeModelStateErrors = function () {\r\n $scope.modelState = [];\r\n };\r\n\r\n $scope.clickHalfDiv = function (control) {\r\n masterFactory.setFocus(control);\r\n };\r\n }]);\r\n","import { default as app, collapsibleHeaderClickEvent, onWindowResize, resetSelectionColumn, ToggleYellowToGreen, ToggleGreenToYellow, IsUndefinedOrNull } from '@legacy/App';\r\n\r\napp.factory('CustomerFactory', ['$http', 'settings', function ($http, settings) {\r\n return {\r\n getFilteredCustomerList: function (filterOptions) {\r\n return $http.put(settings.ApiURL + settings.CustomerURL + \"/filter\", filterOptions);\r\n },\r\n getCustomerById: function (id, position) {\r\n return $http.get(settings.ApiURL + settings.CustomerURL + \"/\" + id + \"/\" + position);\r\n },\r\n getBillingCustomers: function (filterOptions) {\r\n return $http.put(settings.ApiURL + settings.CustomerURL + \"/billingcustomer\",filterOptions);\r\n },\r\n getNewCustomer: function () {\r\n return $http.get(settings.ApiURL + settings.CustomerURL + \"/newcustomer\");\r\n },\r\n saveCustomer: function (customer, originalId, originalPos) {\r\n return $http.put(settings.ApiURL + settings.CustomerURL + \"/\" + originalId + \"/\" + originalPos, customer);\r\n },\r\n saveCustomerType: function (customerType) {\r\n return $http.put(settings.ApiURL + settings.MasterDataURL + \"/customertypes\", customerType);\r\n },\r\n deleteCustomer: function (id, position) {\r\n return $http.delete(settings.ApiURL + settings.CustomerURL + \"/\" + id + \"/\" + position);\r\n },\r\n getCountryList: function () {\r\n return $http.get(settings.ApiURL + settings.MasterDataURL + \"/countries/0\");\r\n },\r\n getPaymentTermList: function (companyId) {\r\n if (companyId == null) companyId = 0;\r\n return $http.get(settings.ApiURL + settings.PaymentTermsURL + \"/paymentterms/\" + companyId + \"/1\");\r\n },\r\n getSpecialPriceGroupList: function () {\r\n return $http.get(settings.ApiURL + settings.SpecialPriceGroupURL + \"/1\");\r\n },\r\n getCustomerSpecialPriceList: function (id) {\r\n return $http.get(settings.ApiURL + settings.SpecialPricesURL + \"/bycustomer/\" + id);\r\n },\r\n getCustomerSpecialPriceById: function (id) {\r\n return $http.get(settings.ApiURL + settings.SpecialPricesURL + \"/\" + id);\r\n },\r\n getLanguageList: function () {\r\n return $http.get(settings.ApiURL + settings.MasterDataURL + \"/languages/0\");\r\n },\r\n getCustomerTypeList: function () {\r\n return $http.get(settings.ApiURL + settings.MasterDataURL + \"/customertypes/0\");\r\n },\r\n getUnloadPointList: function () {\r\n return $http.get(settings.ApiURL + settings.UnloadPointURL);\r\n },\r\n getProductList: function (groupId) {\r\n return $http.get(settings.ApiURL + settings.ProductURL + \"/withgroupspecialprices/\" + groupId);\r\n },\r\n getProductDropdown: function () {\r\n return $http.get(settings.ApiURL + settings.ProductURL + \"/dropdown/0\");\r\n },\r\n getUnloadPointById: function (id, customerId, position) {\r\n return $http.get(settings.ApiURL + settings.UnloadPointURL + \"/\" + id + \"/\" + customerId + \"/\" + position);\r\n },\r\n getLastDeliveryLocationById: function (customerId, position) {\r\n return $http.get(settings.ApiURL + settings.UnloadPointURL + \"/lastDeliveryLocation/\" + customerId + \"/\" + position);\r\n },\r\n getBillQuantityTypeList: function () {\r\n return $http.get(settings.ApiURL + settings.CustomerURL + \"/GetBillQuantityTypeList\");\r\n },\r\n getAutoEmailOptionsList: function () {\r\n return $http.get(settings.ApiURL + settings.CustomerURL + \"/GetAutoEmailOptionsList\");\r\n },\r\n getSignatureSettingsOptionList: function () {\r\n return $http.get(settings.ApiURL + settings.CustomerURL + \"/SignatureSettingsOptionList\");\r\n },\r\n getProductOptions: function () {\r\n return $http.get(settings.ApiURL + settings.CustomerURL + \"/ProductOptions\");\r\n },\r\n getPrintOptions: function () {\r\n return $http.get(settings.ApiURL + settings.CustomerURL + \"/PrintOptions\");\r\n },\r\n getStrappingChartProfile: function(){\r\n return $http.get(settings.ApiURL + settings.StrappingChartProfilesURL + \"/list\");\r\n },\r\n getDippingType: function(){\r\n return $http.get(settings.ApiURL + settings.UnloadPointURL + \"/getUnloadPointDippingTypes\");\r\n }\r\n };\r\n}]);\r\n\r\napp.controller('CustomerController', ['$q', '$scope', 'CustomerFactory', 'CompanyFactory', '$rootScope', 'settings', 'masterFactory', '$uibModal','ProductFactory',\r\n function ($q, $scope, CustomerFactory, CompanyFactory, $rootScope, settings, masterFactory, $uibModal,ProductFactory) {\r\n $rootScope.pageTitle = \"Customers\";\r\n $scope.customerList = [];\r\n $scope.customer = {};\r\n $scope.billingCustomerList = [];\r\n $scope.CustomerPositionList = [];\r\n $scope.companies = [];\r\n $scope.nonPrintCompanies = [];\r\n $scope.deletedUnloadPoints = [];\r\n $scope.deletedSpecialPriceProducts = [];\r\n $scope.signatureSettingsOptions = [];\r\n $scope.printOptions = [];\r\n $scope.productOptions = [];\r\n\r\n $scope.priceGroupText = \"\";\r\n $scope.error = \"\";\r\n $scope.modelState = [];\r\n $scope.isFormVisible = false;\r\n $scope.deletMessage = 'Are you sure you want to delete?';\r\n $scope.originalId = 0;\r\n $scope.originalPos = 0;\r\n $scope.popupVisible = false;\r\n $scope.productDropdown = [];\r\n $scope.PageSize = 20;\r\n $scope.TotalCount = null;\r\n $scope.strappingChartProfileDropdown = [];\r\n $scope.lastDeliveryLocation = [];\r\n $scope.dippingTypes = [];\r\n $scope.filterOptions = {\r\n CustomerNo: null, CustomerName: null, CustomerAddress: null,\r\n GridPagerOptions: { PageIndex: 0, PageSize: 20, TotalPages: null }\r\n };\r\n\r\n $scope.popupOptionsUnloadPointGrid = {\r\n width: 350,\r\n height: 150,\r\n fullScreen: false,\r\n shading: true,\r\n showTitle: true,\r\n dragEnabled: false,\r\n closeOnOutsideClick: true,\r\n bindingOptions: {\r\n visible: 'popupVisible',\r\n }\r\n };\r\n $scope.defaultItem = {Id:null, ProfileId:\"Select\"};\r\n $scope.defaultDippingType = {id:null, name:\"Default\"};\r\n\r\n var customerGridDataSource = {\r\n store: new DevExpress.data.CustomStore({\r\n // DataSource Configuration\r\n key: [\"Id\", \"Position\"],\r\n pageSize: $scope.PageSize,\r\n // Data Access Logic\r\n load: function (loadOptions) {\r\n var d = $.Deferred();\r\n var params = {};\r\n\r\n if (loadOptions != undefined) {\r\n $scope.filterOptions.CustomerName = null;\r\n $scope.filterOptions.CustomerAddress = null;\r\n $scope.filterOptions.CustomerNo = null;\r\n if (loadOptions.filter != undefined) { // accessing grid filter values \r\n for (var i = 0; i < loadOptions.filter.length; i++) {\r\n if (loadOptions.filter[i].length == 3) {\r\n if (loadOptions.filter[i][0] == \"FullName\") $scope.filterOptions.CustomerName = loadOptions.filter[i][2];\r\n else if (loadOptions.filter[i][0] == \"Address\") $scope.filterOptions.CustomerAddress = loadOptions.filter[i][2];\r\n else if (loadOptions.filter[i][0] == \"Number\") $scope.filterOptions.CustomerNo = loadOptions.filter[i][2];\r\n }\r\n }\r\n }\r\n $scope.filterOptions.GridPagerOptions.PageSize = (IsUndefinedOrNull(loadOptions.take) == true) ? $scope.PageSize : loadOptions.take;\r\n $scope.filterOptions.GridPagerOptions.PageIndex = ((IsUndefinedOrNull(loadOptions.take) && IsUndefinedOrNull(loadOptions.skip)) == true) ? 0 : (loadOptions.skip / loadOptions.take);\r\n }\r\n CustomerFactory.getFilteredCustomerList($scope.filterOptions).success(function (data) {\r\n d.resolve(data.CustomerListVM, { totalCount: data.TotalCount });\r\n $scope.TotalCount = data.TotalCount;\r\n }).error(function (data, status) {\r\n masterFactory.setError(status, data, $scope);\r\n }).finally(function () {\r\n });\r\n return d.promise();\r\n },\r\n byKey: function (key, extra) {\r\n },\r\n update: function (values) {\r\n }\r\n })\r\n };\r\n\r\n // Grid renderers\r\n $scope.refreshGrid = function (PageIndex, Key) {\r\n $scope.originalId = 0;\r\n $scope.originalPos = 0;\r\n $scope.error = '';\r\n $('#gridCustomer').dxDataGrid({\r\n columns: [\r\n { caption: 'Customer No', dataField: 'Number', cssClass: 'Number', alignment: 'center', dataType: 'string', width: 100 },\r\n {\r\n caption: 'Customer Name', dataField: 'FullName', cssClass: 'FullName', dataType: 'string', alignment: 'center',\r\n cellTemplate: function (container, options) {\r\n $('')\r\n .text(options.data.Name1)\r\n .append(\"\")\r\n .appendTo(container);\r\n container.addClass('grid-cell-align-left');\r\n $('')\r\n .text(options.data.Name2)\r\n .appendTo(container);\r\n container.addClass('grid-cell-align-left');\r\n }\r\n },\r\n {\r\n caption: 'Customer Address', dataField: 'Address', cssClass: 'Address', dataType: 'string', alignment: 'center',\r\n cellTemplate: function (container, options) {\r\n var addressLine2 = \"\";\r\n if (options.data.PostcodeString != null) addressLine2 = addressLine2 + options.data.PostcodeString + \" \";\r\n if (options.data.City != null) addressLine2 = addressLine2 + options.data.City + \" \";\r\n if (options.data.District != null) addressLine2 = addressLine2 + options.data.District + \" \";\r\n if (options.data.State != null) addressLine2 = addressLine2 + options.data.State;\r\n $('')\r\n .text(options.data.Address)\r\n .append(\"\")\r\n .appendTo(container);\r\n container.addClass('grid-cell-align-left');\r\n $('')\r\n .text(addressLine2)\r\n .append(\"\")\r\n .appendTo(container);\r\n container.addClass('grid-cell-align-left');\r\n }\r\n }\r\n ],\r\n contentReadyAction: grdReadyAction,\r\n dataSource: customerGridDataSource,\r\n filterRow: { visible: true },\r\n groupPanel: { visible: false },\r\n noDataText: \"No Customers Found\",\r\n paging: { pageSize: $scope.PageSize, pageIndex: PageIndex },\r\n pager: { visible: true, allowedPageSizes: [10, 20, 30], showPageSizeSelector: true },\r\n rowAlternationEnabled: false,\r\n selection: { mode: 'single' },\r\n selectionChanged: function (selectedRowsInfo) {\r\n if (selectedRowsInfo.selectedRowsData[0] != null) {\r\n $scope.getCustomer(selectedRowsInfo.selectedRowsData[0].Id,selectedRowsInfo.selectedRowsData[0].Position); \r\n }\r\n },\r\n scrolling: { mode: 'standard' },\r\n showBorders: true,\r\n showColumnLines: true,\r\n showRowLines: false,\r\n sorting: { mode: 'none' },\r\n wordWrapEnabled: true\r\n });\r\n\r\n if (Key != null && Key > 0) {\r\n var dataGrid = $('#gridCustomer').dxDataGrid('instance');\r\n (dataGrid as unknown as FacnmDx).selectRows([Key]);\r\n }\r\n };\r\n\r\n $scope.viewBillingCustomerModal = function () {\r\n $uibModal.open({\r\n templateUrl: 'app-legacy/Entities/templates/defaultCustomerModel.html',\r\n controller: 'BillingCustomerController',\r\n size: 'lg',\r\n scope: $scope,\r\n windowTemplateUrl: 'app-legacy/Entities/templates/modal-scrollable-content.html'\r\n });\r\n };\r\n\r\n $scope.viewProductList = function () {\r\n $uibModal.open({\r\n templateUrl: 'app-legacy/Entities/templates/defaultCustomerModel.html',\r\n controller: 'ProductListController',\r\n size: 'lg',\r\n scope: $scope,\r\n windowTemplateUrl: 'app-legacy/Entities/templates/modal-scrollable-content.html'\r\n }).result.then(function () {\r\n $scope.unloadPoint.ProductId = $rootScope.user.ProductId;\r\n $scope.unloadPoint.ProductName = $rootScope.user.ProductName;\r\n $scope.onUnloadPointChange();\r\n }).catch(function () {\r\n });\r\n $scope.unloadPointId = $scope.unloadPoint.Id;\r\n };\r\n\r\n $scope.isCompanyIdInArray = function (companies, id) {\r\n for (var i = 0; i < companies.length; i++) {\r\n if (companies[i].Id == id) {\r\n return true;\r\n }\r\n }\r\n return false;\r\n }\r\n\r\n $scope.refreshUnloadPointGrid = function () {\r\n $scope.isUnloadPointSelected = false;\r\n $scope.deletedUnloadPoints = [];\r\n $('#gridUnloadPoint').dxDataGrid({\r\n dataSource: {\r\n store: {\r\n data: $scope.customer.UnloadPoints,\r\n type: 'array',\r\n key: 'Id'\r\n }\r\n },\r\n showColumnLines: true,\r\n showRowLines: false,\r\n showBorders: true,\r\n rowAlternationEnabled: false,\r\n columnAutoWidth: true,\r\n height: 230,\r\n selection: { mode: 'single' },\r\n editing: {\r\n editEnabled: false,\r\n insertEnabled: false\r\n },\r\n paging: {\r\n pageSize: 10\r\n },\r\n pager: {\r\n showPageSizeSelector: true,\r\n allowedPageSizes: [10, 20, 30]\r\n },\r\n filterRow: {\r\n visible: false\r\n },\r\n groupPanel: {\r\n visible: false\r\n },\r\n columns: [\r\n {\r\n caption: 'Unload Point',\r\n dataField: 'Id',\r\n dataType: 'number',\r\n alignment: 'center'\r\n },\r\n {\r\n caption: 'Tank Number',\r\n dataField: 'TankNumber',\r\n dataType: 'string',\r\n alignment: 'center'\r\n },\r\n {\r\n width: 100,\r\n alignment: 'center',\r\n cellTemplate: function (container, options) {\r\n $('').addClass('dx-link')\r\n .text('Delete')\r\n .on('dxclick', function () {\r\n if ($scope.customer.UnloadPoints.length > 1) {\r\n $(\"#gridUnloadPoint\").dxDataGrid(\"instance\").removeRow(options.rowIndex);\r\n $scope.deletedUnloadPoints.push(options.data);\r\n }\r\n else {\r\n $scope.popupVisible = true;\r\n }\r\n })\r\n .appendTo(container);\r\n }\r\n }\r\n ],\r\n selectionChanged: function (selectedRowsInfo) {\r\n if (selectedRowsInfo.selectedRowsData.length > 0 && !selectedRowsInfo.selectedRowsData[0].Changed) {\r\n //$('#loadingModal').modal({ backdrop: 'static' });\r\n CustomerFactory.getUnloadPointById(selectedRowsInfo.selectedRowsData[0].Id, $scope.customer.Id, $scope.customer.Position).success(function (data) {\r\n $scope.unloadPoint = data;\r\n $scope.isUnloadPointSelected = true;\r\n $scope.isIdenticalToCustomer = $scope.unloadPoint.Name1 == null;\r\n if(data.CustomerPos != data.LastDeliveryCustomerPos && data.LastDeliveryCustomerPos > 0)\r\n {\r\n CustomerFactory.getLastDeliveryLocationById(data.CustomerId, data.LastDeliveryCustomerPos).success(function (data){\r\n $scope.lastDeliveryLocation = data\r\n }).error(function (data, status) {\r\n masterFactory.setError(status, data, $scope);\r\n }).finally(function () {\r\n $('#loadingModal').modal('hide');\r\n });\r\n }\r\n else{\r\n $scope.lastDeliveryLocation = [];\r\n }\r\n if ($scope.unloadPoint.ProductId) {\r\n ProductFactory.getProductDetails($scope.unloadPoint.ProductId).success(function (data) {\r\n $scope.unloadPoint.ProductName = data.ShortProductName;\r\n }).error(function (data, status) {\r\n masterFactory.setError(status, data, $scope);\r\n });\r\n }\r\n \r\n }).error(function (data, status) {\r\n masterFactory.setError(status, data, $scope);\r\n $scope.isUnloadPointSelected = false;\r\n }).finally(function () {\r\n //$('#loadingModal').modal('hide');\r\n });\r\n }\r\n else if (selectedRowsInfo.selectedRowsData.length > 0 && selectedRowsInfo.selectedRowsData[0].Changed) {\r\n $scope.unloadPoint = selectedRowsInfo.selectedRowsData[0];\r\n $scope.isUnloadPointSelected = true;\r\n $scope.isIdenticalToCustomer = $scope.unloadPoint.Name1 == null;\r\n $rootScope.user.ProductId = 0;\r\n $rootScope.user.ProductName= '';\r\n }\r\n else {\r\n $scope.unloadPoint = {};\r\n $scope.isUnloadPointSelected = false;\r\n }\r\n }\r\n });\r\n };\r\n\r\n $scope.refreshDeliveryCustomerGrid = function () {\r\n $('#gridDeliveryCustomer').dxDataGrid({\r\n dataSource: $scope.customer.DeliveryCustomers,\r\n showColumnLines: true,\r\n showRowLines: false,\r\n showBorders: true,\r\n rowAlternationEnabled: false,\r\n height: 230,\r\n selection: { mode: 'single' },\r\n paging: {\r\n pageSize: 10\r\n },\r\n pager: {\r\n showPageSizeSelector: true,\r\n allowedPageSizes: [10, 20, 30]\r\n },\r\n filterRow: {\r\n visible: true\r\n },\r\n groupPanel: {\r\n visible: false,\r\n },\r\n columns: [\r\n {\r\n caption: 'Number',\r\n dataField: 'Number',\r\n cssClass: 'Number',\r\n dataType: 'string',\r\n alignment: 'center'\r\n },\r\n {\r\n caption: 'Name',\r\n dataField: 'Name1',\r\n cssClass: 'Name1',\r\n dataType: 'string',\r\n alignment: 'center',\r\n cellTemplate: function (container, options) {\r\n $('').text(options.data.Name1).appendTo(container);\r\n container.addClass('grid-cell-align-left');\r\n }\r\n }\r\n ],\r\n selectionChanged: function (selectedRowsInfo) {\r\n if (selectedRowsInfo.selectedRowsData.length > 0) {\r\n var selectedDeliveryCustomer = selectedRowsInfo.selectedRowsData[0];\r\n var dataGrid = $('#gridCustomer').dxDataGrid('instance');\r\n\r\n dataGrid.clearSelection();\r\n (dataGrid as unknown as FacnmDx).selectRows(selectedRowsInfo.selectedRowsData[0]);\r\n }\r\n }\r\n });\r\n };\r\n\r\n $scope.refreshSpecialPriceGrid = function () {\r\n $('#gridSpecialPrice').dxDataGrid({\r\n dataSource: $scope.customer.SpecialPriceProducts,\r\n showColumnLines: true,\r\n showRowLines: false,\r\n showBorders: true,\r\n rowAlternationEnabled: false,\r\n height: 230,\r\n selection: { mode: 'single' },\r\n paging: {\r\n pageSize: 10\r\n },\r\n editing: {\r\n editEnabled: false,\r\n insertEnabled: true,\r\n removeEnabled: true\r\n },\r\n pager: {\r\n showPageSizeSelector: true,\r\n allowedPageSizes: [10, 20, 30]\r\n },\r\n columns: [\r\n {\r\n caption: 'Product',\r\n alignment: 'center',\r\n cellTemplate: function (container, options) {\r\n container.addClass('grid-cell-align-left');\r\n if (options.data.ProductName != undefined && options.data.ProductId != undefined && options.data.Price != undefined) {\r\n var span = document.createElement(\"span\");\r\n var t = document.createTextNode(options.data.ProductName);\r\n span.appendChild(t);\r\n container.get(0).appendChild(span);\r\n }\r\n else {\r\n var div = document.createElement(\"div\");\r\n container.get(0).appendChild(div);\r\n $(div).dxSelectBox({\r\n dataSource: $scope.productList,\r\n valueExpr: 'Id',\r\n displayExpr: 'ProductName',\r\n value: options.value,\r\n valueChangeAction: function (e) {\r\n options.data.ProductName = $scope.filter($scope.productList, e.value).ProductName;\r\n options.data.ProductId = e.value;\r\n var product = $scope.filter($scope.productList, e.value);\r\n var groupPrices = (product != null && product.GroupSpecialPrices != null && product.GroupSpecialPrices.length > 0) ? product.GroupSpecialPrices : null;\r\n if (groupPrices != null) {\r\n\r\n var rows = \"| > \" + row.MinimumQty + \" \" + product.QuantityUnit + \": | \" + row.Price + \"/ \" + product.PricePer + \" \" + product.QuantityUnit + \" |
| \" + row.MinimumQty + \" \" + product.QuantityUnit + \": | \" + row.Price + \"/ \" + product.PricePer + \" \" + product.QuantityUnit + \" |
')\r\n .appendTo(container);\r\n }\r\n else if (options.data != null && options.data.ProductId == undefined) {\r\n $('Price group information\" data-html=\"true\" data-toggle=\"popover\" ' +\r\n ' data-placement=\"left\" data-content=\"\"> ')\r\n .appendTo(container);\r\n }\r\n else {\r\n $('')\r\n .appendTo(container);\r\n }\r\n\r\n }\r\n }\r\n ],\r\n rowInserted: function (e) {\r\n var dataGrid = $('#gridSpecialPrice').dxDataGrid('instance');\r\n var index = $scope.customer.SpecialPriceProducts.length - 1;\r\n if (e.data.Price.toString().indexOf(',') > 0) e.data.Price = e.data.Price.toString().replace(/,/g, '.');\r\n\r\n $scope.customer.SpecialPriceProducts[index].Changed = true;\r\n $scope.customer.SpecialPriceProducts[index].Price = e.data.Price;\r\n $scope.customer.SpecialPriceProducts[index].CustomerId = $scope.customer.Id != undefined ? $scope.customer.Id : 0;\r\n $scope.customer.SpecialPriceProducts[index].CustomerPosition = $scope.customer.Position;\r\n $scope.specialPrice = $scope.customer.SpecialPriceProducts[index];\r\n\r\n dataGrid.refresh();\r\n (dataGrid as unknown as FacnmDx).selectRows($scope.specialPrice);\r\n },\r\n rowRemoved: function (e) {\r\n var index = $scope.customer.SpecialPriceProducts.indexOf(e.data);\r\n e.data.Deleted = true;\r\n e.data.Changed = true;\r\n $scope.deletedSpecialPriceProducts.push(e.data);\r\n }\r\n }).dxDataGrid('instance');\r\n var grd = document.getElementById(\"gridSpecialPrice\");\r\n if (grd.getElementsByClassName(\"dx-datagrid-header-panel\")[0].childNodes.length == 1)\r\n $(' Customer Specific Price ').appendTo(grd.getElementsByClassName(\"dx-datagrid-header-panel\")[0]);\r\n\r\n };\r\n\r\n $scope.getNewCustomer = function () {\r\n CustomerFactory.getNewCustomer().success(function (data) {\r\n $scope.customer = data;\r\n //$scope.customer.Position = -1;\r\n $scope.customer.SpecialPriceProducts = [];\r\n $scope.customer.UnloadPoints = [];\r\n $scope.customer.DeliveryCustomers = [];\r\n $rootScope.user.DefaultCustomerId = data.Id;\r\n $rootScope.user.DefaultCustomerName = data.DefaultCustomerName;\r\n $scope.originalId = 0;\r\n $scope.originalPos = 0;\r\n $scope.isUnloadPointVisible = false;\r\n $scope.refreshUnloadPointGrid();\r\n $scope.refreshSpecialPriceGrid();\r\n $scope.refreshDeliveryCustomerGrid();\r\n\r\n }).error(function (data, status) {\r\n masterFactory.setError(status, data, $scope);\r\n });\r\n };\r\n\r\n // Button click functions and submit form function\r\n $scope.addNewEntity = function () {\r\n $rootScope.pageTitle = \"New Customer\";\r\n $scope.isFormVisible = true;\r\n $scope.isDeleteVisible = false;\r\n $scope.getNewCustomer();\r\n\r\n ToggleGreenToYellow();\r\n };\r\n\r\n $scope.confirmDeleteEntity = function () {\r\n $scope.deletMessage = 'Are you sure you want to delete?';\r\n $('#DeleteModal').modal({ backdrop: 'static' });\r\n };\r\n\r\n $scope.deleteEntity = function (value) {\r\n $scope.error = '';\r\n if (value == 0) {\r\n $('#DeleteModal').modal('hide');\r\n }\r\n else if (value == 1) {\r\n if ($scope.customer.Position == 1 && $scope.customer.DeliveryCustomers.length > 0 && $scope.deletMessage == 'Are you sure you want to delete?') {\r\n $scope.deletMessage = 'Related delivery customers will also be Deleted !';\r\n }\r\n else {\r\n CustomerFactory.deleteCustomer($scope.customer.Id, $scope.customer.Position).success(function (data) {\r\n var dataGrid = $('#gridCustomer').dxDataGrid('instance');\r\n var pageIndex = dataGrid.pageIndex();\r\n $scope.PageSize = dataGrid.pageSize();\r\n $scope.cancelForm();\r\n $scope.refreshGrid(pageIndex, null);\r\n $scope.notify.add({ type: 'success', title: 'Success!', body: 'Deleted Customer successfully' });\r\n }).error(function (data, status) {\r\n masterFactory.setError(status, data, $scope);\r\n }).finally(function () {\r\n $('#DeleteModal').modal('hide');\r\n });\r\n }\r\n }\r\n };\r\n\r\n $scope.cancelForm = function () {\r\n var dataGrid = $('#gridCustomer').dxDataGrid('instance');\r\n dataGrid.clearSelection();\r\n $scope.isFormVisible = false;\r\n $scope.customerForm.submitted = false;\r\n $scope.closeModelStateErrors();\r\n $scope.closeAlert();\r\n };\r\n\r\n $scope.reset = function (type) {\r\n if (type == 'update') { // get db bankaccount and set to scope.bankaccount.\r\n $('#loadingModal').modal({ backdrop: 'static' });\r\n CustomerFactory.getCustomerById($scope.customer.Id, $scope.customer.Position).success(function (data) {\r\n $scope.customer = data;\r\n $rootScope.user.DefaultCustomerId = data.Id;\r\n $rootScope.user.DefaultCustomerName = data.DefaultCustomerName;\r\n $scope.refreshUnloadPointGrid();\r\n $scope.refreshSpecialPriceGrid();\r\n $scope.refreshDeliveryCustomerGrid();\r\n }).error(function (data, status) {\r\n masterFactory.setError(status, data, $scope);\r\n }).finally(function () {\r\n $('#loadingModal').modal('hide');\r\n $scope.error = '';\r\n });\r\n }\r\n else {\r\n $scope.addNewEntity();\r\n }\r\n $scope.customerForm.$setPristine();\r\n $scope.customerForm.submitted = false;\r\n $scope.closeModelStateErrors();\r\n $scope.closeAlert();\r\n $scope.notify.add({ type: 'success', title: 'Success!', body: 'Customer details were reset' });\r\n };\r\n\r\n $scope.validateEmails = function () {\r\n var emailstr = $scope.customer.ContactEmail.replace(/\\s/g, \"\");\r\n if (emailstr.length > 0) {\r\n var emails = emailstr.split(/,|;/);\r\n var Email_Regex = /^([A-Za-z0-9_\\-\\.])+\\@([A-Za-z0-9_\\-\\.])+\\.([A-Za-z]{2,4})$/;\r\n if (emails && emails.length > 0) {\r\n for (var i = 0; i < emails.length; i++) {\r\n if (!Email_Regex.test(emails[i])) {\r\n $scope.customerForm.ContactEmail.$setValidity('email', false);\r\n return;\r\n }\r\n }\r\n }\r\n }\r\n $scope.customerForm.ContactEmail.$setValidity('email', true);\r\n };\r\n\r\n $scope.submitForm = function () {\r\n var companyId = $scope.nonPrintCompanies.filter(a => a.Id == $scope.customer.CompanyId)\r\n if(companyId.length == 0){\r\n $scope.customer.CompanyId = null;\r\n }\r\n $scope.error = '';\r\n if ($scope.customerForm.$valid) {\r\n $scope.saveEntity();\r\n $scope.customerForm.submitted = false;\r\n } else {\r\n $scope.customerForm.submitted = true;\r\n }\r\n };\r\n\r\n $scope.saveEntity = function () {\r\n var id = -1;\r\n $scope.customer.UnloadPoints.forEach(function (unloadPoint) {\r\n if (unloadPoint.CustomerId == null && unloadPoint.CustomerPos == null) {\r\n unloadPoint.CustomerId = $scope.customer.Id;\r\n unloadPoint.CustomerPos = $scope.customer.Position;\r\n unloadPoint.Id = id;\r\n id--;\r\n }\r\n });\r\n $scope.customer.Id = $rootScope.user.DefaultCustomerId;\r\n\r\n $('#loadingModal').modal({ backdrop: 'static' });\r\n CustomerFactory.saveCustomer($scope.customer, $scope.originalId, $scope.originalPos).success(function (data) {\r\n $scope.closeModelStateErrors();\r\n $scope.modifiedCustomer = '';\r\n $scope.error = '';\r\n $scope.originalId = data;\r\n $scope.originalPos = $scope.customer.Position;\r\n $scope.getCustomer($scope.originalId, $scope.originalPos);\r\n var dataGrid = $('#gridCustomer').dxDataGrid('instance');\r\n var pageIndex = dataGrid.pageIndex();\r\n var keys = dataGrid.getSelectedRowKeys();\r\n $scope.pageSize = dataGrid.pageSize();\r\n if ($scope.customer.Id > 0) {\r\n if ($scope.customer.Id != $scope.originalId || $scope.customer.Position != $scope.originalPos) {\r\n $scope.modifiedCustomer = $scope.customer.Number;\r\n $scope.cancelForm();\r\n }\r\n $scope.refreshGrid(pageIndex, keys);\r\n }\r\n else {\r\n $scope.cancelForm();\r\n $scope.refreshGrid(pageIndex, keys);\r\n }\r\n if ($scope.customer.Id > 0) {\r\n if ($scope.modifiedCustomer != '') {\r\n $scope.notify.add({ type: 'success', title: 'Success!', body: 'Updated Associated Customers (' + $scope.modifiedCustomer + ') successfully ' });\r\n $scope.modifiedCustomer = '';\r\n }\r\n else {\r\n $scope.notify.add({ type: 'success', title: 'Success!', body: 'Updated Customer successfully' });\r\n }\r\n }\r\n else {\r\n $scope.notify.add({ type: 'success', title: 'Success!', body: 'Created Customer successfully' });\r\n }\r\n }).error(function (data, status) {\r\n masterFactory.setError(status, data, $scope);\r\n }).finally(function () {\r\n $('#loadingModal').modal('hide');\r\n });\r\n };\r\n\r\n // New Unload point + icon click function\r\n $scope.addNewUnloadPoint = function () {\r\n var dataGrid = $('#gridUnloadPoint').dxDataGrid('instance');\r\n var len = 0;\r\n var id = 1;\r\n if ($scope.customer.UnloadPoints != null)\r\n len = $scope.customer.UnloadPoints.length;\r\n if (len > 0) {\r\n $scope.customer.UnloadPoints.forEach(function (unloadPoint) {\r\n if (unloadPoint.Id >= id)\r\n id = unloadPoint.Id + 1;\r\n });\r\n }\r\n $scope.unloadPoint = {};\r\n $scope.unloadPoint.Id = id;\r\n $scope.unloadPoint.Deleted = false\r\n $scope.unloadPoint.Changed = true;\r\n $scope.customer.UnloadPoints[len] = $scope.unloadPoint;\r\n\r\n dataGrid.refresh();\r\n (dataGrid as unknown as FacnmDx).selectRows($scope.unloadPoint);\r\n };\r\n\r\n // New Customer type button click function\r\n $scope.addnewCustomerType = function () {\r\n $('#customerTypeModal').modal({ backdrop: 'static' });\r\n CustomerFactory.saveCustomerType($scope.customerType).success(function (data) {\r\n $scope.notify.add({ type: 'success', title: 'Success!', body: 'Added new Customer Type' });\r\n //DevExpress.ui.notify(\"Added new Customer Type\", \"success\", settings.ToastDuration);\r\n\r\n CustomerFactory.getCustomerTypeList().success(function (data) {\r\n $scope.customerTypes = data;\r\n $('#customerTypeModal').modal('hide');\r\n }).error(function (data, status) {\r\n masterFactory.setError(status, 'Error on loading Customer Types: ' + data, $scope);\r\n });\r\n }).error(function (data) {\r\n $scope.modelError = data;\r\n }).finally(function () {\r\n\r\n });\r\n };\r\n\r\n $scope.onBillingCustomerChange = function () {\r\n if ($scope.originalId != 0)\r\n $scope.customer.Number = '';\r\n };\r\n\r\n $scope.onCustomerTypeChange = function () {\r\n if ($scope.originalId != 0)\r\n $scope.customer.Number = '';\r\n if ($scope.customer.Position == 0) {\r\n //var index = -1;\r\n //for (var i = 0; i < $scope.billingCustomerList.length; i++) {\r\n // if ($scope.billingCustomerList[i].Id == $scope.customer.Id)\r\n // index = i;\r\n //}\r\n //$scope.billingCustomerList.splice(index, 1);\r\n $scope.customer.Id = $scope.billingCustomerList[0].Id\r\n }\r\n };\r\n\r\n $scope.closeCustomerType = function () {\r\n $scope.customerType = null;\r\n $scope.modelError = '';\r\n $('#customerTypeModal').modal('hide');\r\n };\r\n\r\n $scope.closeModelAlert = function () {\r\n $scope.modelError = '';\r\n };\r\n\r\n // Helping functions and events\r\n $(window).resize(function () {\r\n onWindowResize('#gridCustomer', settings.GridMarginHeight);\r\n });\r\n\r\n function grdReadyAction(e) {\r\n onWindowResize('#gridCustomer', settings.GridMarginHeight);\r\n };\r\n\r\n collapsibleHeaderClickEvent($scope);\r\n\r\n $scope.closeAlert = function () {\r\n $scope.error = null;\r\n };\r\n\r\n $scope.closeModelStateErrors = function () {\r\n $scope.modelState = [];\r\n };\r\n\r\n $scope.clickHalfDiv = function (control) {\r\n masterFactory.setFocus(control);\r\n };\r\n\r\n $scope.filter = function (input, id) {\r\n var i = 0, len = input.length;\r\n for (; i < len; i++) {\r\n if (+input[i].Id == +id) {\r\n return input[i];\r\n }\r\n }\r\n return null;\r\n };\r\n\r\n $scope.onCompanyChange = function () {\r\n CustomerFactory.getPaymentTermList($scope.customer.CompanyId).success(function (data) {\r\n $scope.paymentTerms = data;\r\n }).error(function (data, status) {\r\n masterFactory.setError(status, 'Error on loading Payment Terms: ' + data, $scope);\r\n });\r\n };\r\n\r\n $scope.onUnloadPointChange = function () {\r\n var dataGrid = $('#gridUnloadPoint').dxDataGrid('instance');\r\n var selectedKey = dataGrid.getSelectedRowKeys();\r\n var selectedRows = dataGrid.getSelectedRowsData();\r\n var index = $scope.customer.UnloadPoints.indexOf(selectedRows[0]);\r\n\r\n $scope.unloadPoint.Changed = true;\r\n $scope.customer.UnloadPoints[index] = $scope.unloadPoint;\r\n dataGrid.refresh();\r\n (dataGrid as unknown as FacnmDx).selectRows(selectedKey, true);\r\n };\r\n\r\n $scope.chartProfileDropDown = function(profile){\r\n if(profile.Id==null)\r\n return profile.ProfileId;\r\n else\r\n return profile.ProfileId+' - '+profile.ProfileDescription;\r\n }\r\n \r\n $scope.onPriceGroupChange = function () {\r\n if ($scope.customer.PriceGroupId != null && $scope.customer.PriceGroupId != undefined && $scope.customer.PriceGroupId > 0) {\r\n $('#loadingModal').modal({ backdrop: 'static' });\r\n CustomerFactory.getProductList($scope.customer.PriceGroupId).success(function (data) {\r\n $scope.productList = data;\r\n $scope.refreshSpecialPriceGrid();\r\n }).error(function (data, status) {\r\n masterFactory.setError(status, 'Error on loading Products: ' + data, $scope);\r\n }).finally(function () {\r\n $('#loadingModal').modal('hide');\r\n });\r\n }\r\n };\r\n $scope.getCustomer = function(Id,Position) {\r\n $('#loadingModal').modal({ backdrop: 'static' });\r\n CustomerFactory.getCustomerById(Id, Position).success(function (data) {\r\n $scope.error = '';\r\n if (!$scope.isCompanyIdInArray($scope.companies, data.CompanyId)) {\r\n data.CompanyId = null;\r\n $scope.error = \"Invalid Company is detected.\"\r\n }\r\n $rootScope.user.DefaultCustomerId = data.Id;\r\n $rootScope.user.DefaultCustomerName = data.DefaultCustomerName;\r\n $scope.customer = data;\r\n $scope.originalId = $scope.customer.Id;\r\n $scope.originalPos = $scope.customer.Position;\r\n if ($scope.customer.PriceGroupId != null && $scope.customer.PriceGroupId != 0) {\r\n CustomerFactory.getProductList($scope.customer.PriceGroupId).success(function (data) {\r\n $scope.productList = data;\r\n $scope.refreshSpecialPriceGrid();\r\n }).error(function (data, status) {\r\n masterFactory.setError(status, data, $scope);\r\n });\r\n }\r\n else {\r\n $scope.productList = $scope.generalProductList;\r\n $scope.refreshSpecialPriceGrid();\r\n }\r\n\r\n CustomerFactory.getPaymentTermList($scope.customer.CompanyId).success(function (data) {\r\n $scope.paymentTerms = data;\r\n }).error(function (data, status) {\r\n masterFactory.setError(status, data, $scope);\r\n });\r\n $scope.refreshUnloadPointGrid();\r\n $scope.refreshDeliveryCustomerGrid();\r\n $scope.isFormVisible = true;\r\n $scope.isDeleteVisible = true;\r\n ToggleYellowToGreen();\r\n $rootScope.pageTitle = \"Customers\";\r\n }).error(function (data, status) {\r\n masterFactory.setError(status, data, $scope);\r\n }).finally(function () {\r\n $('#loadingModal').modal('hide');\r\n });\r\n }\r\n\r\n $('#customerTypeModal').on('hidden.bs.modal', function () {\r\n $scope.customerType = {};\r\n $scope.modelError = '';\r\n });\r\n\r\n $('body').on('click', function (e) {\r\n if ($(e.target).parents('[data-toggle=\"popover\"]').length === 0) {\r\n $('[data-toggle=\"popover\"]').popover('hide');\r\n }\r\n });\r\n\r\n function showGroupPrices(popoverid) {\r\n $(popoverid).popover();\r\n }\r\n\r\n // Initialization - this runs on load\r\n var init = function () {\r\n masterFactory.verifyAuthentication();\r\n\r\n $('#loadingModal').modal({ backdrop: 'static' });\r\n $q.all([\r\n CustomerFactory.getCountryList().success(function (data) {\r\n $scope.countries = data;\r\n }).error(function (data, status) {\r\n masterFactory.setError(status, data, $scope);\r\n }),\r\n masterFactory.getCompanies(0).success(function (data) {\r\n $scope.companies = data;\r\n }).error(function (data, status) {\r\n masterFactory.setError(status, data, $scope);\r\n }),\r\n CustomerFactory.getSpecialPriceGroupList().success(function (data) {\r\n $scope.specialPriceGroups = data;\r\n }).error(function (data, status) {\r\n masterFactory.setError(status, data, $scope);\r\n }),\r\n CustomerFactory.getLanguageList().success(function (data) {\r\n $scope.languages = data;\r\n }).error(function (data, status) {\r\n masterFactory.setError(status, data, $scope);\r\n }),\r\n CustomerFactory.getCustomerTypeList().success(function (data) {\r\n $scope.customerTypes = data;\r\n }).error(function (data, status) {\r\n masterFactory.setError(status, data, $scope);\r\n }),\r\n CustomerFactory.getProductList(0).success(function (data) {\r\n $scope.generalProductList = data;\r\n $scope.productList = data;\r\n }).error(function (data, status) {\r\n masterFactory.setError(status, data, $scope);\r\n }),\r\n CustomerFactory.getProductDropdown(0).success(function (data) {\r\n $scope.productDropdown = data;\r\n }).error(function (data, status) {\r\n masterFactory.setError(status, data, $scope);\r\n }),\r\n CompanyFactory.getNonPrintCompanyList(0).success(function (data) {\r\n $scope.nonPrintCompanies = data;\r\n }).error(function (data) {\r\n masterFactory.setError(status, data, $scope);\r\n }),\r\n CustomerFactory.getBillQuantityTypeList().success(function (data) {\r\n $scope.billQuantityTypeList = data;\r\n }).error(function (data) {\r\n masterFactory.setError(status, data, $scope);\r\n }),\r\n CustomerFactory.getAutoEmailOptionsList().success(function (data) {\r\n $scope.autoEmailOptionsList = data;\r\n }).error(function (data) {\r\n masterFactory.setError(status, data, $scope);\r\n }),\r\n CustomerFactory.getSignatureSettingsOptionList().success(function (data) {\r\n $scope.signatureSettingsOptions = data.filter(function (s) { return s.name != 'None' });\r\n }).error(function (data, status) {\r\n masterFactory.setError(status, data, $scope);\r\n }),\r\n CustomerFactory.getProductOptions().success(function (data) {\r\n $scope.productOptions = data.filter(function (s) { return s.name != 'None' });\r\n }).error(function (data, status) {\r\n masterFactory.setError(status, data, $scope);\r\n }),\r\n CustomerFactory.getPrintOptions().success(function (data) {\r\n $scope.printOptions = data.filter(function (s) { return s.name != 'None' });\r\n }).error(function (data, status) {\r\n masterFactory.setError(status, data, $scope);\r\n }),\r\n CustomerFactory.getStrappingChartProfile().success(function (data) {\r\n $scope.strappingChartProfileDropdown = data;\r\n $scope.strappingChartProfileDropdown.splice(0,0,$scope.defaultItem);\r\n }).error(function (data, status) {\r\n masterFactory.setError(status, data, $scope);\r\n }),\r\n CustomerFactory.getDippingType().success(function(data){\r\n $scope.dippingTypes = data;\r\n $scope.dippingTypes.splice(0,0,$scope.defaultDippingType);\r\n }).error(function (data, status){\r\n masterFactory.setError(status, data, $scope);\r\n }),\r\n ]).then(function () {\r\n $scope.refreshGrid(0, null);\r\n $('#loadingModal').modal('hide');\r\n });\r\n };\r\n\r\n init();\r\n\r\n }]);\r\n\r\n app.controller('ProductListController',['$q', '$scope', 'settings', 'masterFactory', '$uibModalInstance', '$rootScope','ProductFactory',\r\n function ($q, $scope, settings, masterFactory, $uibModalInstance, $rootScope, ProductFactory) {\r\n $scope.filterOptions = {\r\n ProductNumber: null, ProductName: null, ProductGroup: null,QuantityUnit: null,ProductTypeId:null,\r\n GridPagerOptions: { PageIndex: 0, PageSize: 20, TotalPages: null }\r\n };\r\n $scope.TotalCount = null;\r\n $scope.ProductGridDataSource = [];\r\n $scope.BillingCustomerName = [];\r\n $scope.TitleName = \"Product\";\r\n\r\n $scope.loadGridDataSource = function () {\r\n var dataSource = {\r\n store: new DevExpress.data.CustomStore({\r\n // DataSource Configuration\r\n key: [\"Id\"],\r\n pageSize: $scope.PageSize,\r\n // Data Access Logic\r\n load: function (loadOptions) {\r\n var d = $.Deferred();\r\n var params = {};\r\n\r\n if (loadOptions != undefined) {\r\n $scope.filterOptions.ProductNumber = null;\r\n $scope.filterOptions.ProductName = null;\r\n $scope.filterOptions.ProductGroup = null;\r\n $scope.filterOptions.QuantityUnit = null;\r\n $scope.filterOptions.ProductTypeId = null;\r\n if (loadOptions.filter != undefined) { // accessing grid filter values \r\n for (var i = 0; i < loadOptions.filter.length; i++) {\r\n if (loadOptions.filter[i].length == 3) {\r\n if (loadOptions.filter[i][0] == \"ProductNumber\") $scope.filterOptions.ProductNumber = loadOptions.filter[i][2];\r\n else if (loadOptions.filter[i][0] == \"ShortProductName\") $scope.filterOptions.ProductName = loadOptions.filter[i][2];\r\n else if (loadOptions.filter[i][0] == \"ProductCategoryId\") $scope.filterOptions.ProductGroup = loadOptions.filter[i][2];\r\n else if (loadOptions.filter[i][0] == \"QuantityUnit\") $scope.filterOptions.QuantityUnit = loadOptions.filter[i][2];\r\n else if (loadOptions.filter[i][0] == \"ProductTypeId\") $scope.filterOptions.ProductTypeId = loadOptions.filter[i][2];\r\n }\r\n }\r\n }\r\n $scope.filterOptions.GridPagerOptions.PageSize = (IsUndefinedOrNull(loadOptions.take) == true) ? $scope.PageSize : loadOptions.take;\r\n $scope.filterOptions.GridPagerOptions.PageIndex = ((IsUndefinedOrNull(loadOptions.take) && IsUndefinedOrNull(loadOptions.skip)) == true) ? 0 : (loadOptions.skip / loadOptions.take);\r\n }\r\n ProductFactory.getFilteredProductList($scope.filterOptions).success(function (data) {\r\n d.resolve(data.ProductListVM, { totalCount: data.TotalCount });\r\n $scope.TotalCount = data.TotalCount;\r\n }).error(function (data, status) {\r\n masterFactory.setError(status, data, $scope);\r\n }).finally(function () {\r\n });\r\n return d.promise();\r\n },\r\n byKey: function (key, extra) {\r\n },\r\n update: function (values) {\r\n }\r\n })\r\n };\r\n return dataSource;\r\n }\r\n\r\n // Grid renderers\r\n $scope.refreshGrid = function (PageIndex, Key) {\r\n $('#gridProduct').dxDataGrid({\r\n columns: [\r\n { caption: 'Product Number', dataField: 'ProductNumber', cssClass: 'ProductNumber', dataType: 'string', alignment: 'center', width: 150 },\r\n {\r\n caption: 'Product Name', dataField: 'ShortProductName', cssClass: 'ShortProductName', dataType: 'string', alignment: 'center',\r\n cellTemplate: function (container, options) {\r\n $('')\r\n .text(options.data.ShortProductName)\r\n .appendTo(container);\r\n container.addClass('grid-cell-align-left');\r\n }\r\n },\r\n { caption: 'UOM', dataField: 'QuantityUnit', cssClass: 'QuantityUnit', dataType: 'string', alignment: 'center', width: 150 },\r\n {\r\n caption: 'Product Category', dataField: 'ProductCategoryId', cssClass: 'ProductCategoryId', dataType: 'number', alignment: 'center',\r\n lookup: {\r\n dataSource: $scope.ProductCategories,\r\n displayExpr: 'Name',\r\n valueExpr: 'Id'\r\n }\r\n },\r\n {\r\n caption: 'Product Type', dataField: 'ProductTypeId', cssClass: 'ProductTypeId', dataType: 'number', alignment: 'center',\r\n lookup: {\r\n dataSource: $scope.productTypes,\r\n displayExpr: 'Name',\r\n valueExpr: 'Id'\r\n }\r\n }\r\n ],\r\n contentReadyAction: grdReadyAction,\r\n dataSource: $scope.loadGridDataSource(),\r\n filterRow: { visible: true },\r\n groupPanel: { visible: false },\r\n noDataText: \"No Products Found\",\r\n paging: { pageSize: $scope.PageSize, pageIndex: PageIndex },\r\n pager: { visible: true, allowedPageSizes: [10, 20, 30], showPageSizeSelector: true },\r\n rowAlternationEnabled: false,\r\n selection: { mode: 'single' },\r\n selectionChanged: function (selectedRowsInfo) {\r\n if (selectedRowsInfo.selectedRowsData[0] != null) {\r\n $scope.saveSelection(selectedRowsInfo);\r\n }\r\n },\r\n scrolling: { mode: 'standard' },\r\n showBorders: true,\r\n showColumnLines: true,\r\n showRowLines: false,\r\n sorting: { mode: 'none' }\r\n });\r\n if (Key != null && Key > 0) {\r\n var dataGrid = $('#gridProduct').dxDataGrid('instance');\r\n (dataGrid as unknown as FacnmDx).selectRows([Key]);\r\n }\r\n };\r\n\r\n function grdReadyAction(e) {\r\n onWindowResize('#gridProduct', settings.GridMarginHeight);\r\n };\r\n\r\n $scope.cancel = function () {\r\n $uibModalInstance.dismiss('cancel');\r\n };\r\n\r\n $scope.saveSelection = function (selectedRowsInfo) {\r\n if (!selectedRowsInfo) {\r\n $rootScope.user.ProductId = $scope.TempProductId != null ? $scope.TempProductId : $rootScope.user.ProductId;\r\n $rootScope.user.ProductName = $scope.TempProductName != null ? $scope.TempProductName : $rootScope.user.ProductName;\r\n \r\n $uibModalInstance.close();\r\n }\r\n else {\r\n $scope.TempProductId = selectedRowsInfo.selectedRowsData[0].Id;\r\n $scope.TempProductName = selectedRowsInfo.selectedRowsData[0].ShortProductName;\r\n }\r\n }\r\n\r\n collapsibleHeaderClickEvent($scope);\r\n\r\n $('body').on('click', function (e) {\r\n if ($(e.target).parents('[data-toggle=\"popover\"]').length === 0) {\r\n $('[data-toggle=\"popover\"]').popover('hide');\r\n }\r\n });\r\n\r\n\r\n // Initialization - this runs on load\r\n var init = function () {\r\n masterFactory.verifyAuthentication();\r\n\r\n $('#loadingModal').modal({ backdrop: 'static' });\r\n $q.all([\r\n ProductFactory.getProductCategoryList().success(function (data) {\r\n $scope.ProductCategories = data;\r\n }).error(function (data, status) {\r\n masterFactory.setError(status, data, $scope);\r\n }),\r\n ProductFactory.getProductTypeDropdown().success(function (data) {\r\n $scope.productTypes = data;\r\n }).error(function (data, status) {\r\n masterFactory.setError(status, data, $scope);\r\n }),\r\n ProductFactory.getFilteredProductList($scope.filterOptions).success(function (data) {\r\n $scope.ProductGridDataSource = data;\r\n }).error(function (data, status) {\r\n masterFactory.setError(status, data, $scope);\r\n })\r\n ]).then(function () {\r\n $scope.refreshGrid(0, null);\r\n $('#loadingModal').modal('hide');\r\n });\r\n };\r\n\r\n init();\r\n\r\n}]);\r\n\r\n","import { default as app, collapsibleHeaderClickEvent, onWindowResize, resetSelectionColumn, ToggleYellowToGreen, ToggleGreenToYellow, IsUndefinedOrNull } from '@legacy/App';\r\n\r\napp.factory('CustomerDataAreaFactory', ['$http', 'settings', function ($http, settings) {\r\n return {\r\n getDataAreaList: function (lookup) {\r\n return $http.get(settings.ApiURL + settings.DataAreaURL + \"/list/\" + lookup);\r\n },\r\n getDataAreaByID: function (id) {\r\n return $http.get(settings.ApiURL + settings.DataAreaURL + \"/customertype/\" + id);\r\n },\r\n saveDataArea: function (dataArea) {\r\n return $http.put(settings.ApiURL + settings.DataAreaURL + \"/customertype\", dataArea);\r\n },\r\n deleteDataArea: function (id) {\r\n return $http.delete(settings.ApiURL + settings.DataAreaURL + \"/\" + id);\r\n },\r\n getNewDataArea: function () {\r\n return $http.get(settings.ApiURL + settings.DataAreaURL + \"/newdataarea\");\r\n }\r\n };\r\n}]);\r\n\r\napp.controller('CustomerDataAreaController', function ($q, $scope, CustomerDataAreaFactory, $rootScope, settings, masterFactory) {\r\n $rootScope.pageTitle = \"Data Areas\"; \r\n $scope.dataAreas = [];\r\n $scope.dataArea = {};\r\n $scope.newdataArea = {};\r\n $scope.selectedDataArea = -1;\r\n $scope.error = \"\";\r\n $scope.modelState = [];\r\n $scope.isFormVisible = false;\r\n $scope.pageSize = 20;\r\n\r\n // Initialization - this runs on load\r\n var init = function (pageIndex) {\r\n masterFactory.verifyAuthentication(); \r\n\r\n $('#loadingModal').modal({ backdrop: 'static' });\r\n $q.all([\r\n masterFactory.getCountryList().success(function (data) {\r\n $scope.countries = data;\r\n }).error(function (data, status) {\r\n masterFactory.setError(status, 'Error on loading Countries: ' + data, $scope);\r\n }),\r\n masterFactory.getCustomerTypeList().success(function (data) {\r\n $scope.customerTypes = data;\r\n }).error(function (data, status) {\r\n masterFactory.setError(status, 'Error on loading Customer Types: ' + data, $scope);\r\n }),\r\n CustomerDataAreaFactory.getNewDataArea().success(function (data) {\r\n $scope.newdataArea = data;\r\n }).error(function (data, status) {\r\n masterFactory.setError(status, data, $scope);\r\n })\r\n ]).then(function () {\r\n CustomerDataAreaFactory.getDataAreaList(0).success(function (data) {\r\n $scope.dataAreas = data;\r\n $scope.refreshGrid(0);\r\n }).error(function (data, status) {\r\n masterFactory.setError(status, data, $scope);\r\n }).finally(function () {\r\n $('#loadingModal').modal('hide');\r\n });\r\n });\r\n\r\n\r\n };\r\n\r\n init(0);\r\n\r\n // Grid renderers\r\n $scope.refreshGrid = function (pageIndex) {\r\n $('#gridDataArea').dxDataGrid({\r\n dataSource: {\r\n store: {\r\n data: $scope.dataAreas,\r\n type: 'array',\r\n key: 'Id'\r\n }\r\n },\r\n noDataText: \"No Data Areas Found\", \r\n showColumnLines: true,\r\n showRowLines: false,\r\n showBorders: true,\r\n rowAlternationEnabled: false,\r\n contentReadyAction: grdReadyAction,\r\n selection: { mode: 'single' },\r\n paging: {\r\n pageSize: $scope.pageSize,\r\n pageIndex: pageIndex\r\n },\r\n pager: {\r\n showPageSizeSelector: true,\r\n allowedPageSizes: [10, 20, 30]\r\n },\r\n filterRow: {\r\n visible: true\r\n },\r\n groupPanel: {\r\n visible: false,\r\n },\r\n columns: [\r\n {\r\n caption: 'Data Area No',\r\n dataField: 'Number',\r\n cssClass: 'Number',\r\n dataType: 'string',\r\n alignment: 'center',\r\n width: 150\r\n },\r\n {\r\n caption: 'Data Area Name',\r\n dataField: 'Name',\r\n cssClass: 'Name',\r\n dataType: 'string',\r\n alignment: 'center',\r\n cellTemplate: function (container, options) {\r\n $('')\r\n .text(options.data.Name)\r\n .appendTo(container);\r\n container.addClass('grid-cell-align-left');\r\n }\r\n }\r\n ],\r\n selectionChanged: function (selectedRowsInfo) {\r\n $scope.error = \"\";\r\n if (selectedRowsInfo.selectedRowsData[0] != null) {\r\n $('#loadingModal').modal({ backdrop: 'static' });\r\n CustomerDataAreaFactory.getDataAreaByID(selectedRowsInfo.selectedRowsData[0].Id).success(function (data) {\r\n $scope.dataArea = data;\r\n $scope.refreshCustomerSettings();\r\n $scope.isFormVisible = true;\r\n $scope.isDeleteVisible = true;\r\n ToggleYellowToGreen();\r\n $rootScope.pageTitle = \"Data Area\";\r\n }).error(function (data, status) {\r\n masterFactory.setError(status, data, $scope);\r\n }).finally(function () {\r\n $('#loadingModal').modal('hide');\r\n });\r\n }\r\n }\r\n\r\n });\r\n };\r\n\r\n $scope.refreshCustomerSettings = function () {\r\n $('#gridCustomerSettings').dxDataGrid({\r\n dataSource: $scope.dataArea.CustomerTypePostcodes,\r\n columns: [\r\n {\r\n caption: 'Customer Type',\r\n dataField: 'CustomerTypeId',\r\n //validationRules: [{ type: 'required' }],\r\n alignment: 'center',\r\n width: '30%',\r\n lookup: {\r\n dataSource: $scope.customerTypes,\r\n displayExpr: 'Name',\r\n valueExpr: 'Id'\r\n }\r\n },\r\n {\r\n caption: 'Country',\r\n dataField: 'CountryId',\r\n //validationRules: [{ type: 'required' }],\r\n width: '30%',\r\n alignment: 'center',\r\n lookup: {\r\n dataSource: $scope.countries,\r\n displayExpr: 'Name',\r\n valueExpr: 'Id'\r\n }\r\n },\r\n {\r\n caption: 'ZIP Code From',\r\n dataField: 'PostcodeFrom',\r\n //validationRules: [{ type: 'required' }],\r\n dataType: 'number',\r\n width: '20%',\r\n alignment: 'center'\r\n },\r\n {\r\n caption: 'ZIP Code To',\r\n dataField: 'PostcodeTo',\r\n //validationRules: [{ type: 'required' }],\r\n dataType: 'number',\r\n width: '20%',\r\n alignment: 'center'\r\n }\r\n ], \r\n editing: {\r\n editEnabled: true,\r\n insertEnabled: true,\r\n removeEnabled: true\r\n },\r\n filterRow: {\r\n visible: false\r\n },\r\n groupPanel: {\r\n visible: false,\r\n },\r\n height: 470,\r\n pager: {\r\n showPageSizeSelector: true,\r\n allowedPageSizes: [10, 20, 30]\r\n },\r\n paging: {\r\n pageSize: 30\r\n },\r\n sorting: {\r\n mode: 'none'\r\n },\r\n rowAlternationEnabled: false,\r\n rowInserted: function (rowInfo) {\r\n rowInfo.data.Id = -1;\r\n },\r\n selection: { mode: 'single' },\r\n showColumnLines: true,\r\n showRowLines: false,\r\n showBorders: true\r\n }).dxDataGrid('instance');\r\n\r\n var grd = document.getElementById(\"gridCustomerSettings\");\r\n if (grd.getElementsByClassName(\"dx-datagrid-header-panel\")[0].childNodes.length == 1)\r\n $(' Customer Settings ').appendTo(grd.getElementsByClassName(\"dx-datagrid-header-panel\")[0]);\r\n };\r\n\r\n // Button click functions and submit form function\r\n $scope.addNewEntity = function () {\r\n $rootScope.pageTitle = \"New Data Area\";\r\n $scope.isFormVisible = true;\r\n $scope.isDeleteVisible = false;\r\n $scope.dataArea = angular.copy($scope.newdataArea);\r\n $scope.dataArea.CustomerTypePostcodes = []; \r\n $scope.refreshCustomerSettings();\r\n ToggleGreenToYellow();\r\n };\r\n\r\n $scope.confirmDeleteEntity = function () {\r\n $('#DeleteModal').modal({ backdrop: 'static' });\r\n };\r\n\r\n $scope.deleteEntity = function (value) {\r\n if (value == 0) {\r\n $('#DeleteModal').modal('hide');\r\n }\r\n else if (value == 1) {\r\n CustomerDataAreaFactory.deleteDataArea($scope.dataArea.Id).success(function (data) {\r\n CustomerDataAreaFactory.getDataAreaList(0).success(function (data) {\r\n var dataGrid = $('#gridDataArea').dxDataGrid('instance');\r\n var pageIndex = dataGrid.pageIndex();\r\n $scope.pageSize = dataGrid.pageSize();\r\n $scope.dataAreas = data;\r\n $scope.cancelForm();\r\n $scope.refreshGrid(pageIndex);\r\n }).error(function (data, status) {\r\n masterFactory.setError(status, data, $scope);\r\n }).finally(function () {\r\n $scope.notify.add({ type: 'success', title: 'Success!', body: 'Deleted Data Area successfully' });\r\n });\r\n \r\n }).error(function (data, status) {\r\n masterFactory.setError(status, data, $scope);\r\n }).finally(function () {\r\n $('#DeleteModal').modal('hide');\r\n });\r\n }\r\n };\r\n\r\n $scope.cancelForm = function () {\r\n var dataGrid = $('#gridDataArea').dxDataGrid('instance');\r\n dataGrid.clearSelection(); \r\n $scope.isFormVisible = false; \r\n $scope.customerDataAreaForm.submitted = false;\r\n $scope.closeModelStateErrors();\r\n $scope.closeAlert();\r\n };\r\n\r\n $scope.reset = function (type) {\r\n if (type == 'update') { // get db bankaccount and set to scope.bankaccount. \r\n $('#loadingModal').modal({ backdrop: 'static' }); \r\n CustomerDataAreaFactory.getDataAreaByID($scope.dataArea.Id).success(function (data) {\r\n $scope.dataArea = data;\r\n $scope.refreshCustomerSettings();\r\n }).error(function (data, status) {\r\n masterFactory.setError(status, data, $scope);\r\n }).finally(function () {\r\n $('#loadingModal').modal('hide');\r\n });\r\n }\r\n else {\r\n angular.copy($scope.newdataArea, $scope.dataArea);\r\n $scope.refreshCustomerSettings();\r\n } \r\n \r\n $scope.customerDataAreaForm.$setPristine();\r\n $scope.customerDataAreaForm.submitted = false;\r\n $scope.closeModelStateErrors();\r\n $scope.closeAlert();\r\n $scope.notify.add({ type: 'success', title: 'Success!', body: 'Data Area details were reset' }); \r\n };\r\n\r\n $scope.submitForm = function () {\r\n if ($scope.customerDataAreaForm.$valid) {\r\n $scope.saveCustomerDataArea();\r\n $scope.customerDataAreaForm.submitted = false;\r\n } else {\r\n $scope.customerDataAreaForm.submitted = true;\r\n }\r\n };\r\n\r\n $scope.saveCustomerDataArea = function () {\r\n if (IsUndefinedOrNull($scope.dataArea.Id) || $scope.dataArea.Id <= 0) {\r\n $scope.dataArea.Id = -1;\r\n } \r\n CustomerDataAreaFactory.saveDataArea($scope.dataArea).success(function (data) {\r\n CustomerDataAreaFactory.getDataAreaList(0).success(function (data) {\r\n var dataGrid = $('#gridDataArea').dxDataGrid('instance');\r\n var pageindex = dataGrid.pageIndex();\r\n $scope.pageSize = dataGrid.pageSize();\r\n $scope.dataAreas = data;\r\n if ($scope.dataArea.Id > 0) {\r\n $scope.refreshGrid(pageindex)\r\n }\r\n else {\r\n $scope.cancelForm();\r\n $scope.refreshGrid(pageindex);\r\n }\r\n }).error(function (data, status) {\r\n masterFactory.setError(status, data, $scope);\r\n }).finally(function () {\r\n if ($scope.dataArea.Id > 0) {\r\n $scope.notify.add({ type: 'success', title: 'Success!', body: 'Updated Data Area successfully' });\r\n }\r\n else {\r\n $scope.notify.add({ type: 'success', title: 'Success!', body: 'Created Data Area successfully' });\r\n }\r\n }); \r\n }).error(function (data, status) {\r\n masterFactory.setError(status, data, $scope);\r\n }).finally(function () { \r\n });\r\n }\r\n\r\n // Helping functions and events\r\n $(window).resize(function () {\r\n onWindowResize('#gridDataArea', settings.GridMarginHeight);\r\n });\r\n\r\n function grdReadyAction(e) {\r\n onWindowResize('#gridDataArea', settings.GridMarginHeight);\r\n }\r\n\r\n collapsibleHeaderClickEvent($scope);\r\n\r\n $scope.closeAlert = function () {\r\n $scope.error = null;\r\n }; \r\n\r\n $scope.closeModelStateErrors = function () {\r\n $scope.modelState = [];\r\n };\r\n\r\n $scope.filter = function (input, id) {\r\n var i = 0, len = input.length;\r\n for (; i < len; i++) {\r\n if (+input[i].Id == +id) {\r\n return input[i];\r\n }\r\n }\r\n return null;\r\n };\r\n\r\n $scope.clickHalfDiv = function (control) {\r\n masterFactory.setFocus(control);\r\n };\r\n\r\n});","import { default as app, collapsibleHeaderClickEvent, onWindowResize, resetSelectionColumn, ToggleYellowToGreen, ToggleGreenToYellow, IsUndefinedOrNull } from '@legacy/App';\r\n\r\napp.factory('DataAreaFactory',['$http','settings', function ($http, settings) {\r\n return {\r\n getDataAreaList: function (lookup) {\r\n return $http.get(settings.ApiURL + settings.DataAreaURL + \"/list/\" + lookup);\r\n },\r\n getDataAreaByID: function (id) {\r\n return $http.get(settings.ApiURL + settings.DataAreaURL + \"/productgroup/\" + id);\r\n },\r\n saveDataArea: function (dataArea) {\r\n return $http.put(settings.ApiURL + settings.DataAreaURL + \"/productgroup/\", dataArea);\r\n },\r\n deleteDataArea: function (id) {\r\n return $http.delete(settings.ApiURL + settings.DataAreaURL + \"/\" + id);\r\n },\r\n getProductGroupList: function () {\r\n return $http.get(settings.ApiURL + settings.ProductGroupURL);\r\n },\r\n getNewDataArea: function () {\r\n return $http.get(settings.ApiURL + settings.DataAreaURL + \"/newdataarea\");\r\n }\r\n };\r\n}]);\r\n\r\napp.controller('DataAreaController', ['$q', '$scope', 'DataAreaFactory', '$rootScope', 'settings', 'masterFactory',\r\n function ($q, $scope, DataAreaFactory, $rootScope, settings, masterFactory) {\r\n $rootScope.pageTitle = \"Data Area\"; \r\n $scope.dataAreaList = [];\r\n $scope.dataArea = {};\r\n $scope.dataArea.ProductGroups = [];\r\n $scope.newdataArea = {};\r\n $scope.productGroups = [];\r\n $scope.error = \"\";\r\n $scope.modelState = [];\r\n $scope.isFormVisible = false;\r\n $scope.isProductGroupGridCollapsed = false;\r\n $scope.pageSize = 20;\r\n\r\n // Initialization - this runs on load\r\n var init = function (pageIndex) {\r\n masterFactory.verifyAuthentication();\r\n\r\n $('#loadingModal').modal({ backdrop: 'static' });\r\n $q.all([\r\n DataAreaFactory.getProductGroupList().success(function (data) {\r\n $scope.productGroups = data;\r\n $scope.refreshDataAreaProductGroupsGrid();\r\n $scope.refreshAllProductGroupsGrid();\r\n }).error(function (data, status) {\r\n masterFactory.setError(status, data, $scope);\r\n }),\r\n DataAreaFactory.getNewDataArea().success(function (data) {\r\n $scope.newdataArea = data;\r\n }).error(function (data, status) {\r\n masterFactory.setError(status, data, $scope);\r\n })\r\n ]).then(function () {\r\n DataAreaFactory.getDataAreaList(0).success(function (data) {\r\n $scope.dataAreaList = data;\r\n $scope.refreshGrid(pageIndex);\r\n }).error(function (data, status) {\r\n masterFactory.setError(status, 'Error on loading Data Areas: ' + data, $scope);\r\n }).finally(function () {\r\n $('#loadingModal').modal('hide');\r\n })\r\n }); \r\n };\r\n\r\n init(0);\r\n\r\n // Grid renderers\r\n $scope.refreshGrid = function (PageIndex) { \r\n $('#gridDataArea').dxDataGrid({\r\n dataSource: {\r\n store: {\r\n data: $scope.dataAreaList,\r\n type: 'array',\r\n key: 'Id'\r\n }\r\n },\r\n noDataText: \"No Product Group Found\", \r\n showColumnLines: true,\r\n showRowLines: false,\r\n showBorders: true,\r\n rowAlternationEnabled: false,\r\n contentReadyAction: grdReadyAction,\r\n selection: { mode: 'single' }, \r\n paging: {\r\n pageSize: $scope.pageSize,\r\n pageIndex: PageIndex\r\n },\r\n pager: {\r\n showPageSizeSelector: true,\r\n allowedPageSizes: [10, 20, 30]\r\n },\r\n filterRow: {\r\n visible: true\r\n },\r\n groupPanel: {\r\n visible: false,\r\n },\r\n columns: [ \r\n {\r\n caption: 'Data Area No',\r\n dataField: 'Number',\r\n cssClass: 'Number',\r\n dataType: 'string',\r\n alignment: 'center',\r\n width: 150\r\n },\r\n {\r\n caption: 'Data Area Name',\r\n dataField: 'Name',\r\n cssClass: 'Name',\r\n dataType: 'string',\r\n alignment: 'center',\r\n cellTemplate: function (container, options) {\r\n $('')\r\n .text(options.data.Name)\r\n .appendTo(container);\r\n container.addClass('grid-cell-align-left');\r\n }\r\n }\r\n ],\r\n selectionChanged: function (selectedRowsInfo) {\r\n if (selectedRowsInfo.selectedRowsData[0] != null) {\r\n $('#loadingModal').modal({ backdrop: 'static' });\r\n DataAreaFactory.getDataAreaByID(selectedRowsInfo.selectedRowsData[0].Id).success(function (data) {\r\n $scope.dataArea = data;\r\n $scope.refreshDataAreaProductGroupsGrid();\r\n $scope.refreshAllProductGroupsGrid();\r\n $scope.isFormVisible = true;\r\n $scope.isDeleteVisible = true;\r\n ToggleYellowToGreen();\r\n $rootScope.pageTitle = \"Data Area\";\r\n }).error(function (data, status) {\r\n masterFactory.setError(status, data, $scope);\r\n }).finally(function () {\r\n $('#loadingModal').modal('hide');\r\n });\r\n }\r\n }\r\n });\r\n };\r\n\r\n $scope.refreshDataAreaProductGroupsGrid = function () {\r\n $scope.isProductGroupUnselect = false;\r\n\r\n $('#gridDataAreaProductGroups').dxDataGrid({\r\n dataSource: $scope.dataArea.ProductGroups,\r\n height: 470,\r\n showColumnLines: true,\r\n showRowLines: false,\r\n showBorders: true,\r\n rowAlternationEnabled: false,\r\n contentReadyAction: resetSelectionColumn,\r\n selection: { mode: 'multiple' },\r\n paging: {\r\n pageSize: 10\r\n },\r\n pager: {\r\n showPageSizeSelector: false\r\n },\r\n filterRow: {\r\n visible: true\r\n },\r\n groupPanel: {\r\n visible: false,\r\n },\r\n columns: [\r\n {\r\n caption: 'Product Group No',\r\n dataField: 'Number',\r\n cssClass: 'Number',\r\n dataType: 'string',\r\n alignment: 'center'\r\n },\r\n {\r\n caption: 'Product Group Name',\r\n dataField: 'Name',\r\n cssClass: 'Name',\r\n dataType: 'string',\r\n alignment: 'center',\r\n cellTemplate: function (container, options) {\r\n $('')\r\n .text(options.data.Name)\r\n .appendTo(container);\r\n container.addClass('grid-cell-align-left');\r\n }\r\n }\r\n ],\r\n selectionChanged: function (selectedRowsInfo) {\r\n if (selectedRowsInfo.selectedRowsData.length > 0) {\r\n $scope.isProductGroupUnselect = true;\r\n }\r\n else {\r\n $scope.isProductGroupUnselect = false;\r\n }\r\n }\r\n });\r\n };\r\n\r\n $scope.refreshAllProductGroupsGrid = function () {\r\n $scope.isProductGroupSelect = false;\r\n $scope.isProductGroupSelectNew = false;\r\n\r\n $('#gridAllProductGroups').dxDataGrid({\r\n dataSource: $scope.productGroups,\r\n height: 470,\r\n showColumnLines: true,\r\n showRowLines: false,\r\n showBorders: true,\r\n rowAlternationEnabled: false,\r\n contentReadyAction: resetSelectionColumn,\r\n selection: { mode: 'multiple' },\r\n paging: {\r\n pageSize: 10\r\n },\r\n pager: {\r\n showPageSizeSelector: false\r\n },\r\n filterRow: {\r\n visible: true\r\n },\r\n groupPanel: {\r\n visible: false,\r\n },\r\n columns: [\r\n {\r\n caption: 'Product Group No',\r\n dataField: 'Number',\r\n cssClass: 'Number',\r\n dataType: 'string',\r\n alignment: 'center'\r\n },\r\n {\r\n caption: 'Product Group Name',\r\n dataField: 'Name',\r\n cssClass: 'Name',\r\n dataType: 'string',\r\n alignment: 'center',\r\n cellTemplate: function (container, options) {\r\n $('')\r\n .text(options.data.Name)\r\n .appendTo(container);\r\n container.addClass('grid-cell-align-left');\r\n }\r\n }\r\n ],\r\n selectionChanged: function (selectedRowsInfo) {\r\n if (selectedRowsInfo.selectedRowsData.length > 0) {\r\n $scope.isProductGroupSelect = true;\r\n }\r\n else {\r\n $scope.isProductGroupSelect = false;\r\n }\r\n if ($rootScope.pageTitle.indexOf(\"New\") >= 0 && $scope.isProductGroupSelect) {\r\n $scope.isProductGroupSelectNew = true;\r\n }\r\n else {\r\n $scope.isProductGroupSelectNew = false;\r\n }\r\n }\r\n });\r\n };\r\n\r\n //Button click functions\r\n $scope.addNewDataArea = function () {\r\n $rootScope.pageTitle = \"New Data Area\"; \r\n $scope.isFormVisible = true;\r\n $scope.isDeleteVisible = false;\r\n $scope.dataArea = angular.copy($scope.newdataArea);\r\n $scope.dataArea.ProductGroups = [];\r\n $scope.refreshAllProductGroupsGrid();\r\n $scope.refreshDataAreaProductGroupsGrid();\r\n ToggleGreenToYellow();\r\n };\r\n\r\n $scope.confirmDeleteEntity = function () {\r\n $('#DeleteModal').modal({ backdrop: 'static' });\r\n };\r\n\r\n $scope.deleteEntity = function (value) {\r\n if (value == 0) {\r\n $('#DeleteModal').modal('hide');\r\n }\r\n else if (value == 1) {\r\n DataAreaFactory.deleteDataArea($scope.dataArea.Id).success(function (data) {\r\n DataAreaFactory.getDataAreaList(0).success(function (data) {\r\n var dataGrid = $('#gridDataArea').dxDataGrid('instance');\r\n var pageIndex = dataGrid.pageIndex();\r\n $scope.pageSize = dataGrid.pageSize();\r\n $scope.dataAreaList = data;\r\n $scope.cancelForm();\r\n $scope.refreshGrid(pageIndex);\r\n }).error(function (data, status) {\r\n masterFactory.setError(status, data, $scope);\r\n }).finally(function () {\r\n $scope.notify.add({ type: 'success', title: 'Success!', body: 'Deleted Data Area successfully' });\r\n }); \r\n }).error(function (data, status) {\r\n masterFactory.setError(status, data, $scope);\r\n }).finally(function () {\r\n $('#DeleteModal').modal('hide');\r\n });\r\n }\r\n };\r\n\r\n $scope.cancelForm = function () {\r\n var dataGrid = $('#gridDataArea').dxDataGrid('instance');\r\n dataGrid.clearSelection();\r\n $scope.isFormVisible = false;\r\n $scope.dataAreaForm.submitted = false;\r\n $scope.closeModelStateErrors();\r\n $scope.closeAlert();\r\n };\r\n\r\n $scope.reset = function (type) {\r\n if (type == 'update') { // get db bankaccount and set to scope.bankaccount. \r\n $('#loadingModal').modal({ backdrop: 'static' });\r\n DataAreaFactory.getDataAreaByID($scope.dataArea.Id).success(function (data) {\r\n $scope.dataArea = data;\r\n $scope.refreshDataAreaProductGroupsGrid();\r\n $scope.refreshAllProductGroupsGrid(); \r\n }).error(function (data, status) {\r\n masterFactory.setError(status, data, $scope);\r\n }).finally(function () {\r\n $('#loadingModal').modal('hide');\r\n });\r\n }\r\n else {\r\n angular.copy($scope.newdataArea, $scope.dataArea); \r\n $scope.refreshAllProductGroupsGrid();\r\n $scope.refreshDataAreaProductGroupsGrid();\r\n }\r\n \r\n $scope.dataAreaForm.$setPristine();\r\n $scope.dataAreaForm.submitted = false;\r\n $scope.closeModelStateErrors();\r\n $scope.closeAlert();\r\n $scope.notify.add({ type: 'success', title: 'Success!', body: 'Data Area details were reset' });\r\n };\r\n\r\n $scope.submitForm = function () {\r\n if ($scope.dataAreaForm.$valid) {\r\n $scope.saveDataArea();\r\n $scope.dataAreaForm.submitted = false;\r\n } else {\r\n $scope.dataAreaForm.submitted = true;\r\n }\r\n };\r\n\r\n $scope.saveDataArea = function () { \r\n $scope.closeModelStateErrors();\r\n $('#loadingModal').modal({ backdrop: 'static' });\r\n DataAreaFactory.saveDataArea($scope.dataArea).success(function (data) {\r\n DataAreaFactory.getDataAreaList().success(function (data) {\r\n var dataGrid = $('#gridDataArea').dxDataGrid('instance');\r\n var pageindex = dataGrid.pageIndex();\r\n $scope.pageSize = dataGrid.pageSize();\r\n $scope.dataAreaList = data;\r\n if ($scope.dataArea.Id > 0) {\r\n $scope.refreshGrid(pageindex)\r\n }\r\n else {\r\n $scope.cancelForm();\r\n $scope.refreshGrid(pageindex);\r\n }\r\n }).error(function (data, status) {\r\n masterFactory.setError(status, data, $scope);\r\n }).finally(function (data) {\r\n if ($scope.dataArea.Id > 0) {\r\n $scope.notify.add({ type: 'success', title: 'Success!', body: 'Updated Data Area successfully' });\r\n }\r\n else {\r\n $scope.notify.add({ type: 'success', title: 'Success!', body: 'Created Data Area successfully' });\r\n }\r\n });\r\n }).error(function (data, status) {\r\n masterFactory.setError(status, data, $scope);\r\n }).finally(function () {\r\n $('#loadingModal').modal('hide');\r\n });\r\n };\r\n\r\n // Helping functions and events\r\n $(window).resize(function () {\r\n onWindowResize('#gridDataArea', settings.GridMarginHeight);\r\n });\r\n\r\n function grdReadyAction(e) {\r\n onWindowResize('#gridDataArea', settings.GridMarginHeight);\r\n }\r\n\r\n $scope.filter = function (input, id) {\r\n var i = 0, len = input.length;\r\n for (; i < len; i++) {\r\n if (+input[i].Id == +id) {\r\n return input[i];\r\n }\r\n }\r\n return null;\r\n };\r\n\r\n $scope.closeAlert = function () {\r\n $scope.error = null;\r\n };\r\n\r\n $scope.closeModelStateErrors = function () {\r\n $scope.modelState = [];\r\n };\r\n\r\n collapsibleHeaderClickEvent($scope);\r\n\r\n $scope.productGroupGridExpanded = function () {\r\n var dataGrid1 = $('#gridDataAreaProductGroups').dxDataGrid('instance');\r\n dataGrid1.repaint();\r\n var dataGrid2 = $('#gridAllProductGroups').dxDataGrid('instance');\r\n dataGrid2.repaint();\r\n };\r\n\r\n $scope.clickHalfDiv = function (control) {\r\n masterFactory.setFocus(control);\r\n };\r\n\r\n $scope.selectProductGroups = function () {\r\n var dataGrid = $('#gridAllProductGroups').dxDataGrid('instance');\r\n var selectedRows = dataGrid.getSelectedRowsData();\r\n var i = 0; var len = selectedRows.length;\r\n for (; i < len; i++) {\r\n var prd = $scope.filter($scope.dataArea.ProductGroups, selectedRows[i].Id);\r\n if (prd == null) {\r\n $scope.dataArea.ProductGroups.push(selectedRows[i]);\r\n }\r\n }\r\n $scope.refreshDataAreaProductGroupsGrid();\r\n $scope.refreshAllProductGroupsGrid();\r\n dataGrid.clearSelection();\r\n };\r\n\r\n $scope.unselectProductGroups = function () {\r\n var dataGrid = $('#gridDataAreaProductGroups').dxDataGrid('instance');\r\n var selectedRows = dataGrid.getSelectedRowsData();\r\n var i = 0; var len = selectedRows.length;\r\n for (; i < len; i++) {\r\n $scope.dataArea.ProductGroups.splice($scope.dataArea.ProductGroups.indexOf(selectedRows[i]), 1);\r\n }\r\n $scope.refreshDataAreaProductGroupsGrid();\r\n $scope.refreshAllProductGroupsGrid();\r\n dataGrid.clearSelection();\r\n };\r\n\r\n}]);","import { default as app, collapsibleHeaderClickEvent, onWindowResize, resetSelectionColumn, ToggleYellowToGreen, ToggleGreenToYellow, IsUndefinedOrNull } from '@legacy/App';\r\n \r\n app.factory('DeviceProductFactory', ['$http', 'settings', function ($http, settings) {\r\n return {\r\n getNewDeviceProduct: function () {\r\n return $http.get(settings.ApiURL + settings.DeviceProductURL + \"/newDeviceProduct\");\r\n }, \r\n getDeviceProductDetails: function (artnr, deviceid, productid) {\r\n return $http.get(settings.ApiURL + settings.DeviceProductURL + \"/details/\" + encodeURIComponent(artnr) + \"/\" + deviceid + \"/\" + productid + '?noCache=' + new Date().getTime());\r\n },\r\n saveDeviceProduct: function (DeviceProduct) {\r\n return $http.put(settings.ApiURL + settings.DeviceProductURL, DeviceProduct);\r\n },\r\n deleteDeviceProduct: function (artnr, deviceid, productid) {\r\n return $http.delete(settings.ApiURL + settings.DeviceProductURL + \"/\" + encodeURIComponent(artnr) + \"/\" + deviceid + \"/\" + productid);\r\n },\r\n getDeviceProductList: function () {\r\n return $http.get(settings.ApiURL + settings.DeviceProductURL);\r\n }, \r\n getProductDropdown: function () {\r\n return $http.get(settings.ApiURL + settings.ProductURL + \"/dropdown/0\");\r\n }, \r\n getDeviceDropdown: function () {\r\n return $http.get(settings.ApiURL + settings.DeviceURL + \"/dropdown\");\r\n }\r\n };\r\n}]);\r\n\r\napp.controller('DeviceProductController', ['$q', '$scope', 'DeviceProductFactory', 'CompanyFactory', '$rootScope', 'settings', \"masterFactory\",\r\n function ($q, $scope, DeviceProductFactory, CompanyFactory, $rootScope, settings, masterFactory) {\r\n $rootScope.pageTitle = \"Device Product Mapping\";\r\n $scope.companyDropdown = [];\r\n $scope.dangerousgoodsDropdown = [];\r\n $scope.DeviceProductList = [];\r\n $scope.productDropdown = [];\r\n $scope.deviceDropdown = []; \r\n $scope.DeviceProduct = {};\r\n $scope.newDeviceProduct = {}; \r\n $scope.error = \"\";\r\n $scope.modelState = [];\r\n $scope.isFormVisible = false;\r\n $scope.pageSize = 20;\r\n\r\n // Initialization - this runs on load\r\n var init = function (pageIndex) {\r\n masterFactory.verifyAuthentication();\r\n\r\n $('#loadingModal').modal({ backdrop: 'static' });\r\n $q.all([ \r\n DeviceProductFactory.getProductDropdown().success(function (data) {\r\n $scope.productDropdown = data;\r\n }).error(function (data, status) {\r\n masterFactory.setError(status, data, $scope);\r\n }), \r\n DeviceProductFactory.getDeviceDropdown().success(function (data) {\r\n $scope.deviceDropdown = data;\r\n }).error(function (data, status) {\r\n masterFactory.setError(status, data, $scope);\r\n }),\r\n DeviceProductFactory.getNewDeviceProduct().success(function (data) {\r\n $scope.newDeviceProduct = data;\r\n }).error(function (data, status) {\r\n masterFactory.setError(status, data, $scope);\r\n })\r\n ]).then(function () {\r\n DeviceProductFactory.getDeviceProductList().success(function (data) {\r\n $scope.DeviceProductList = data;\r\n $scope.refreshGrid(0);\r\n }).error(function (data, status) {\r\n masterFactory.setError(status, data, $scope);\r\n }).finally(function () {\r\n $('#loadingModal').modal('hide');\r\n });\r\n });\r\n };\r\n\r\n var getDeviceProductDetails = function (artnr, deviceid, productid) {\r\n DeviceProductFactory.getDeviceProductDetails(artnr, deviceid, productid).success(function (data) {\r\n $scope.DeviceProduct = data;\r\n }).error(function (data, status) {\r\n masterFactory.setError(status, data, $scope);\r\n });\r\n };\r\n\r\n init(0);\r\n\r\n // Grid renderers\r\n $scope.refreshGrid = function (PageIndex) {\r\n $('#gridDeviceProduct').dxDataGrid({\r\n dataSource: {\r\n store: {\r\n data: $scope.DeviceProductList,\r\n type: 'array',\r\n key: ['DeviceId', 'ProductId', 'ProductNameNumber']\r\n }\r\n },\r\n noDataText: \"No Device Product Mapping Found\",\r\n showColumnLines: true,\r\n showRowLines: false,\r\n showBorders: true,\r\n rowAlternationEnabled: false,\r\n contentReadyAction: grdReadyAction,\r\n selection: { mode: 'single' },\r\n paging: {\r\n pageSize: $scope.pageSize,\r\n pageIndex: PageIndex\r\n },\r\n scrolling: {\r\n mode: 'standard'\r\n },\r\n pager: {\r\n showPageSizeSelector: true,\r\n allowedPageSizes: [10, 20, 30]\r\n },\r\n filterRow: {\r\n visible: true\r\n },\r\n groupPanel: {\r\n visible: false,\r\n },\r\n columns: [ \r\n {\r\n caption: 'Product Name on Register', dataField: 'ProductNameOnDevice', cssClass: 'ProductNameOnDevice', alignment: 'center',\r\n dataType: 'string',\r\n cellTemplate: function (container, options) {\r\n $('')\r\n .text(options.data.ProductNameOnDevice)\r\n .appendTo(container);\r\n container.addClass('grid-cell-align-left');\r\n }\r\n },\r\n {\r\n caption: 'Product ID on Register', dataField: 'ProductNameNumber', cssClass: 'ProductNameNumber', alignment: 'center',\r\n dataType: 'string',\r\n cellTemplate: function (container, options) {\r\n $('')\r\n .text(options.data.ProductNameNumber)\r\n .appendTo(container);\r\n container.addClass('grid-cell-align-left');\r\n }\r\n },\r\n { caption: 'Product Unit', dataField: 'UnitOfProduct', cssClass: 'UnitOfProduct', dataType: 'string', alignment: 'center' }, \r\n {\r\n caption: 'Device Id - Name', dataField: 'DeviceId', cssClass: 'DeviceId', dataType: 'string', alignment: 'center',\r\n cellTemplate: function (container, options) {\r\n var devicedetails = \"\";\r\n if (options.data.DeviceId != 0) devicedetails = devicedetails + options.data.DeviceId + \" - \";\r\n if (options.data.DeviceName != null) devicedetails = devicedetails + options.data.DeviceName;\r\n $('').text(devicedetails).append(\"\").appendTo(container); \r\n }\r\n }, \r\n {\r\n caption: 'Product Number - Name', dataField: 'ProductName', cssClass: 'ProductName', dataType: 'string', alignment: 'center',\r\n cellTemplate: function (container, options) { \r\n $('').text(options.data.ProductNumber + \" - \" + options.data.ProductName).append(\"\").appendTo(container); \r\n }\r\n }\r\n ],\r\n selectionChanged: function (selectedRowsInfo) {\r\n if (selectedRowsInfo.selectedRowsData[0] != null) {\r\n getDeviceProductDetails(selectedRowsInfo.selectedRowsData[0].ProductNameNumber,\r\n selectedRowsInfo.selectedRowsData[0].DeviceId,\r\n selectedRowsInfo.selectedRowsData[0].ProductId);\r\n }\r\n else {\r\n $scope.DeviceProduct = angular.copy($scope.newDeviceProduct);\r\n }\r\n $scope.isFormVisible = true;\r\n $scope.isDeleteVisible = true;\r\n ToggleYellowToGreen();\r\n $rootScope.pageTitle = \"Device Product Mapping\";\r\n }\r\n });\r\n };\r\n\r\n // Button click functions and submit form function\r\n $scope.addNewDeviceProduct = function () {\r\n $rootScope.pageTitle = \"New Device Product Mapping\"; \r\n $scope.isFormVisible = true;\r\n $scope.isDeleteVisible = false;\r\n $scope.DeviceProduct = angular.copy($scope.newDeviceProduct);\r\n ToggleGreenToYellow();\r\n };\r\n\r\n $scope.confirmDeleteEntity = function () {\r\n $('#DeleteModal').modal({ backdrop: 'static' });\r\n };\r\n\r\n $scope.deleteEntity = function (value) {\r\n if (value == 0) {\r\n $('#DeleteModal').modal('hide');\r\n }\r\n else if (value == 1) {\r\n DeviceProductFactory.deleteDeviceProduct($scope.DeviceProduct.ProductNameNumber,\r\n $scope.DeviceProduct.DeviceId,\r\n $scope.DeviceProduct.ProductId).success(function (data) {\r\n DeviceProductFactory.getDeviceProductList().success(function (data) {\r\n var dataGrid = $('#gridDeviceProduct').dxDataGrid('instance');\r\n var pageIndex = dataGrid.pageIndex();\r\n $scope.pageSize = dataGrid.pageSize();\r\n $scope.DeviceProductList = data;\r\n $scope.cancelForm();\r\n $scope.refreshGrid(pageIndex);\r\n }).error(function (data, status) {\r\n masterFactory.setError(status, data, $scope);\r\n }).finally(function () {\r\n $scope.notify.add({ type: 'success', title: 'Success!', body: 'Deleted Device Product mapping successfully' });\r\n });\r\n }).error(function (data, status) {\r\n masterFactory.setError(status, data, $scope);\r\n }).finally(function () {\r\n $('#DeleteModal').modal('hide');\r\n });\r\n }\r\n };\r\n\r\n $scope.cancelForm = function () {\r\n var dataGrid = $('#gridDeviceProduct').dxDataGrid('instance');\r\n dataGrid.clearSelection();\r\n $scope.isFormVisible = false;\r\n $scope.DeviceProductForm.submitted = false;\r\n $scope.closeModelStateErrors();\r\n $scope.closeAlert();\r\n };\r\n\r\n $scope.reset = function (type) {\r\n if (type == 'update') { \r\n getDeviceProductDetails($scope.DeviceProduct.ProductNameNumber,\r\n $scope.DeviceProduct.DeviceId,\r\n $scope.DeviceProduct.ProductId);\r\n }\r\n else {\r\n angular.copy($scope.newDeviceProduct, $scope.DeviceProduct);\r\n }\r\n $scope.DeviceProductForm.$setPristine();\r\n $scope.DeviceProductForm.submitted = false;\r\n $scope.closeModelStateErrors();\r\n $scope.closeAlert();\r\n $scope.notify.add({ type: 'success', title: 'Success!', body: 'Device Product details were reset' });\r\n };\r\n\r\n $scope.submitForm = function () {\r\n if ($scope.DeviceProductForm.$valid) {\r\n $scope.saveDeviceProduct();\r\n $scope.DeviceProductForm.submitted = false;\r\n } else {\r\n $scope.DeviceProductForm.submitted = true;\r\n }\r\n };\r\n\r\n $scope.saveDeviceProduct = function () {\r\n $('#loadingModal').modal({ backdrop: 'static' });\r\n var pageindex, id;\r\n $scope.closeModelStateErrors();\r\n DeviceProductFactory.saveDeviceProduct($scope.DeviceProduct).success(function (data) {\r\n DeviceProductFactory.getDeviceProductList().success(function (data) {\r\n var dataGrid = $('#gridDeviceProduct').dxDataGrid('instance');\r\n $scope.pageSize = dataGrid.pageSize();\r\n pageindex = dataGrid.pageIndex();\r\n $scope.DeviceProductList = data;\r\n if (!$scope.isDeleteVisible) {\r\n $scope.cancelForm();\r\n }\r\n $scope.refreshGrid(pageindex);\r\n }).error(function (data) {\r\n masterFactory.setError(status, data, $scope);\r\n }).finally(function (data) {\r\n if ($scope.isDeleteVisible) {\r\n $scope.notify.add({ type: 'success', title: 'Success!', body: 'Updated Device Product successfully' });\r\n }\r\n else {\r\n $scope.notify.add({ type: 'success', title: 'Success!', body: 'Created Device Product successfully' });\r\n }\r\n });\r\n }).error(function (data, status) {\r\n masterFactory.setError(status, data, $scope);\r\n }).finally(function () {\r\n $('#loadingModal').modal('hide');\r\n });\r\n };\r\n\r\n // Helping functions and events\r\n $(window).resize(function () {\r\n onWindowResize('#gridDeviceProduct', settings.GridMarginHeight);\r\n });\r\n\r\n function grdReadyAction(e) {\r\n onWindowResize('#gridDeviceProduct', settings.GridMarginHeight);\r\n }\r\n\r\n collapsibleHeaderClickEvent($scope);\r\n\r\n $scope.closeAlert = function () {\r\n $scope.error = null;\r\n };\r\n\r\n $scope.closeModelStateErrors = function () {\r\n $scope.modelState = [];\r\n };\r\n }]);\r\n","import { default as app, collapsibleHeaderClickEvent, onWindowResize, resetSelectionColumn, ToggleYellowToGreen, ToggleGreenToYellow, IsUndefinedOrNull } from '@legacy/App';\r\n\r\napp.factory('DeviceProductGroupFactory', ['$http', 'settings', function ($http, settings) {\r\n return {\r\n getDeviceProductGroupList: function () {\r\n return $http.get(settings.ApiURL + settings.DeviceProductGroupURL);\r\n },\r\n getDeviceProductGroupByID: function (id) {\r\n return $http.get(settings.ApiURL + settings.DeviceProductGroupURL + \"/\" + id);\r\n },\r\n getProductDropdown: function () {\r\n return $http.get(settings.ApiURL + settings.ProductURL + \"/dropdown/0\");\r\n },\r\n saveDeviceProductGroup: function (deviceProductGroup) {\r\n return $http.put(settings.ApiURL + settings.DeviceProductGroupURL, deviceProductGroup);\r\n },\r\n deleteDeviceProductGroup: function (id) {\r\n return $http.delete(settings.ApiURL + settings.DeviceProductGroupURL + \"/\" + id);\r\n }\r\n };\r\n}]);\r\n\r\napp.controller('DeviceProductGroupController', ['$q', '$scope', 'DeviceProductGroupFactory', '$rootScope', 'settings', 'masterFactory', '$uibModal',\r\n function ($q, $scope, DeviceProductGroupFactory, $rootScope, settings, masterFactory, $uibModal) {\r\n $rootScope.pageTitle = \"Device Product Group\";\r\n $scope.deviceProductGroupList = [];\r\n $scope.deviceProductGroup = {};\r\n $scope.productDropdown = [];\r\n $scope.newDeviceProductGroup = {};\r\n $scope.error = \"\";\r\n $scope.productGridError = \"\";\r\n $scope.modelState = [];\r\n $scope.isFormVisible = false;\r\n $scope.isNewDeviceProductGroup = false;\r\n $scope.isAssignedVehicleSelected = false;\r\n $scope.isUnassignedVehicleSelected = false;\r\n $scope.isProductsGridCollapsed = false;\r\n $scope.isVehiclessGridCollapsed = false; \r\n $scope.pageSize = 20;\r\n\r\n // Initialization - this runs on load\r\n var init = function (pageIndex) {\r\n masterFactory.verifyAuthentication();\r\n\r\n $('#loadingModal').modal({ backdrop: 'static' });\r\n $q.all([\r\n DeviceProductGroupFactory.getProductDropdown().success(function (data) {\r\n $scope.productDropdown = data;\r\n }).error(function (data, status) {\r\n masterFactory.setError(status, data, $scope);\r\n }),\r\n DeviceProductGroupFactory.getDeviceProductGroupList().success(function (data) {\r\n $scope.deviceProductGroupList = data;\r\n $scope.refreshGrid(pageIndex, null);\r\n }).error(function (data, status) {\r\n masterFactory.setError(status, data, $scope);\r\n }).finally(function () {\r\n $('#loadingModal').modal('hide');\r\n })\r\n ]).then(function () {\r\n\r\n });\r\n };\r\n\r\n init(0);\r\n\r\n // Grid renderers\r\n $scope.refreshGrid = function (PageIndex, Key) {\r\n $('#gridDeviceProductGroup').dxDataGrid({\r\n dataSource: {\r\n store: {\r\n data: $scope.deviceProductGroupList,\r\n type: 'array',\r\n key: 'Id'\r\n }\r\n },\r\n columns: [\r\n { caption: 'Group No', dataField: 'Id', cssClass: 'Id', dataType: 'number', alignment: 'center', width: 150 },\r\n {\r\n caption: 'Group Name', dataField: 'Name', cssClass: 'Name', dataType: 'string', alignment: 'center',\r\n cellTemplate: function (container, options) {\r\n $('')\r\n .text(options.data.Name)\r\n .appendTo(container);\r\n container.addClass('grid-cell-align-left');\r\n }\r\n }\r\n ],\r\n contentReadyAction: grdReadyAction,\r\n filterRow: { visible: true },\r\n groupPanel: { visible: false, },\r\n noDataText: \"No Device Product Group Found\",\r\n pager: { showPageSizeSelector: true, allowedPageSizes: [10, 20, 30] },\r\n paging: { pageSize: $scope.pageSize, pageIndex: PageIndex },\r\n rowAlternationEnabled: false,\r\n selection: { mode: 'single' },\r\n showColumnLines: true,\r\n showRowLines: false,\r\n showBorders: true,\r\n selectionChanged: function (selectedRowsInfo) {\r\n if (selectedRowsInfo.selectedRowsData[0] != null) {\r\n $('#loadingModal').modal({ backdrop: 'static' });\r\n DeviceProductGroupFactory.getDeviceProductGroupByID(selectedRowsInfo.selectedRowsData[0].Id).success(function (data) {\r\n $scope.deviceProductGroup = angular.copy(data);\r\n $scope.refreshProductsGrid();\r\n $scope.refreshAssignedVehiclesGrid();\r\n $scope.refreshUnAssignedVehiclesGrid();\r\n $scope.isFormVisible = true;\r\n $scope.isDeleteVisible = true;\r\n $scope.isNewdeviceProductGroup = false;\r\n ToggleYellowToGreen();\r\n $rootScope.pageTitle = \"Device Product Group\";\r\n }).error(function (data, status) {\r\n masterFactory.setError(status, data, $scope);\r\n }).finally(function () {\r\n $('#loadingModal').modal('hide');\r\n });\r\n }\r\n }\r\n });\r\n\r\n if (Key != null && Key > 0) {\r\n var dataGrid = $('#gridDeviceProductGroup').dxDataGrid('instance');\r\n (dataGrid as unknown as FacnmDx).selectRows([Key]);\r\n }\r\n };\r\n\r\n $scope.refreshProductsGrid = function () {\r\n $('#gridProducts').dxDataGrid({\r\n dataSource: $scope.deviceProductGroup.AssignedProducts,\r\n columns: [\r\n {\r\n caption: 'Product Name on Register', dataField: 'ProductNameOnDevice', validationRules: [{ type: \"required\" }],\r\n dataType: 'string', alignment: 'center', width: '25%'\r\n },\r\n {\r\n caption: 'Product ID on Register', dataField: 'ProductNameNumber', validationRules: [{ type: \"required\" }],\r\n dataType: 'string', width: '25%', alignment: 'center'\r\n },\r\n {\r\n caption: 'Product Unit', dataField: 'UnitOfProduct', validationRules: [{ type: \"required\" }],\r\n dataType: 'string', width: '10%', alignment: 'center'\r\n },\r\n {\r\n caption: 'Product Number - Name', dataField: 'ProductId', validationRules: [{ type: \"required\" }],\r\n dataType: 'number', width: '20%', alignment: 'center',\r\n lookup: {\r\n dataSource: $scope.productDropdown,\r\n displayExpr: 'ProductName',\r\n valueExpr: 'Id'\r\n }\r\n }\r\n ],\r\n editing: { editMode:'cell', editEnabled: true, insertEnabled: true, removeEnabled: true },\r\n filterRow: { visible: false },\r\n groupPanel: { visible: false, },\r\n height: 470,\r\n noDataText: \"No Products Found\",\r\n pager: { showPageSizeSelector: true, allowedPageSizes: [10, 20, 30] },\r\n paging: { pageSize: 30 },\r\n sorting: { mode: 'none' },\r\n rowAlternationEnabled: false,\r\n rowInserted: function (rowInfo) {\r\n rowInfo.data.Id = -1;\r\n },\r\n rowInserting: onProductGridRowInserting,\r\n rowUpdating: onProductGridRowUpdating, \r\n selection: { mode: 'single' },\r\n showColumnLines: true,\r\n showRowLines: false,\r\n showBorders: true\r\n });\r\n\r\n var grd = document.getElementById(\"gridProducts\");\r\n if (grd.getElementsByClassName(\"dx-datagrid-header-panel\")[0].childNodes.length == 1)\r\n $(' Products ').appendTo(grd.getElementsByClassName(\"dx-datagrid-header-panel\")[0]);\r\n };\r\n\r\n function onProductGridRowInserting(e) {\r\n $scope.productGridError = \"\";\r\n if (!IsUndefinedOrNull(e.data)) {\r\n if (IsUndefinedOrNull(e.data.ProductNameOnDevice) || IsUndefinedOrNull(e.data.ProductNameNumber) ||\r\n IsUndefinedOrNull(e.data.UnitOfProduct) || IsUndefinedOrNull(e.data.ProductId)) {\r\n $scope.productGridError = \"Please enter all values for new record.\";\r\n e.cancel = true;\r\n return;\r\n }\r\n else $scope.productGridError = \"\";\r\n }\r\n else {\r\n $scope.productGridError = \"Please enter all values for new record.\";\r\n e.cancel = true;\r\n return;\r\n }\r\n };\r\n\r\n function onProductGridRowUpdating(e) {\r\n $scope.productGridError = \"\";\r\n if (!IsUndefinedOrNull(e)) {\r\n if (IsUndefinedOrNull(e.newData.ProductNameOnDevice) || IsUndefinedOrNull(e.newData.ProductNameNumber) ||\r\n IsUndefinedOrNull(e.newData.UnitOfProduct) || IsUndefinedOrNull(e.newData.ProductId) ||\r\n e.newData.ProductNameOnDevice == \"\" || e.newData.ProductNameNumber == \"\" || \r\n e.newData.UnitOfProduct == \"\" || e.newData.ProductId == \"\") {\r\n $scope.productGridError = \"Please enter all values to update record.\";\r\n e.cancel = true;\r\n return;\r\n }\r\n else $scope.productGridError = \"\";\r\n }\r\n else {\r\n $scope.productGridError = \"Please enter all values to update record.\";\r\n e.cancel = true;\r\n return;\r\n }\r\n }; \r\n\r\n function getProductDropdownDisplayName(ds) {\r\n return ds.ProductName;\r\n };\r\n\r\n $scope.refreshAssignedVehiclesGrid = function () {\r\n $scope.isAssignedVehicleSelected = false;\r\n\r\n $('#gridAssignedVehicles').dxDataGrid({\r\n dataSource: $scope.deviceProductGroup.AssignedVehicles,\r\n columns: [\r\n { caption: 'Vehicle Id', dataField: 'Id', cssClass: 'Id', dataType: 'number', visible: false },\r\n {\r\n caption: 'Device Id - Name', dataField: 'DeviceId', dataType: 'string', alignment: 'center',\r\n cellTemplate: function (container, options) {\r\n var devicedetails = \"\";\r\n if (options.data.DeviceId != 0) devicedetails = devicedetails + options.data.DeviceId + \" - \";\r\n if (options.data.DeviceName != null) devicedetails = devicedetails + options.data.DeviceName;\r\n $('').text(devicedetails).append(\"\").appendTo(container);\r\n container.addClass('grid-cell-align-left');\r\n },\r\n calculateCellValue: function(data){\r\n return data.DeviceId + \" - \" + data.DeviceName;\r\n },\r\n calculateFilterExpression: function (filterValue, selectedFilterOperation) {\r\n return [this.calculateCellValue, selectedFilterOperation || 'contains', filterValue];\r\n }\r\n },\r\n { alignment: 'center', caption: 'Vehicle No', dataField: 'VehicleNumber', cssClass: 'VehicleNumber', dataType: 'string' },\r\n {\r\n alignment: 'center', caption: 'License Plate', dataField: 'LicensePlate', cssClass: 'LicensePlate', dataType: 'string',\r\n width: 150,\r\n cellTemplate: function (container, options) {\r\n $('')\r\n .text(options.data.LicensePlate)\r\n .appendTo(container);\r\n container.addClass('grid-cell-align-left');\r\n }\r\n }\r\n ],\r\n contentReadyAction: resetSelectionColumn,\r\n filterRow: { visible: true },\r\n groupPanel: { visible: false, },\r\n height: 470,\r\n paging: { pageSize: 10 },\r\n pager: { showPageSizeSelector: false },\r\n rowAlternationEnabled: false,\r\n selection: { mode: 'multiple' },\r\n showColumnLines: true,\r\n showRowLines: false,\r\n showBorders: true,\r\n selectionChanged: function (selectedRowsInfo) {\r\n if (selectedRowsInfo.selectedRowsData.length > 0) {\r\n $scope.isAssignedVehicleSelected = true;\r\n }\r\n else {\r\n $scope.isAssignedVehicleSelected = false;\r\n }\r\n }\r\n });\r\n };\r\n\r\n $scope.refreshUnAssignedVehiclesGrid = function () {\r\n $scope.isUnassignedVehicleSelected = false;\r\n\r\n $('#gridUnAssignedVehicles').dxDataGrid({\r\n dataSource: $scope.deviceProductGroup.UnAssignedVehicles,\r\n columns: [\r\n { caption: 'Vehicle Id', dataField: 'Id', dataType: 'number', cssClass: 'number', visible: false },\r\n {\r\n caption: 'Device Id - Name', dataField: 'DeviceId', cssClass: 'DeviceId', dataType: 'string', alignment: 'center',\r\n cellTemplate: function (container, options) {\r\n var devicedetails = \"\";\r\n if (options.data.DeviceId != 0) devicedetails = devicedetails + options.data.DeviceId + \" - \";\r\n if (options.data.DeviceName != null) devicedetails = devicedetails + options.data.DeviceName;\r\n $('').text(devicedetails).append(\"\").appendTo(container);\r\n container.addClass('grid-cell-align-left');\r\n },\r\n calculateCellValue: function(data){\r\n return data.DeviceId + \" - \" + data.DeviceName;\r\n },\r\n calculateFilterExpression: function (filterValue, selectedFilterOperation) {\r\n return [this.calculateCellValue, selectedFilterOperation || 'contains', filterValue];\r\n }\r\n },\r\n { alignment: 'center', caption: 'Vehicle No', dataField: 'VehicleNumber', cssClass: 'VehicleNumber', dataType: 'string' },\r\n {\r\n alignment: 'center', caption: 'License Plate', dataField: 'LicensePlate', cssClass: 'LicensePlate', dataType: 'string',\r\n width: 150,\r\n cellTemplate: function (container, options) {\r\n $('')\r\n .text(options.data.LicensePlate)\r\n .appendTo(container);\r\n container.addClass('grid-cell-align-left');\r\n }\r\n }\r\n ],\r\n contentReadyAction: resetSelectionColumn,\r\n filterRow: { visible: true },\r\n groupPanel: { visible: false },\r\n height: 470,\r\n paging: { pageSize: 10 },\r\n pager: { showPageSizeSelector: false },\r\n rowAlternationEnabled: false,\r\n selection: { mode: 'multiple' },\r\n showColumnLines: true,\r\n showRowLines: false,\r\n showBorders: true,\r\n selectionChanged: function (selectedRowsInfo) {\r\n if (selectedRowsInfo.selectedRowsData.length > 0) {\r\n $scope.isUnassignedVehicleSelected = true;\r\n }\r\n else {\r\n $scope.isUnassignedVehicleSelected = false;\r\n }\r\n }\r\n });\r\n };\r\n \r\n //Button click functions\r\n $scope.addNewDeviceProductGroup = function () {\r\n $rootScope.pageTitle = \"New Device Product Group\";\r\n DeviceProductGroupFactory.getDeviceProductGroupByID(0).success(function (data) {\r\n $scope.deviceProductGroup = angular.copy(data);\r\n $scope.newDeviceProductGroup = angular.copy(data); \r\n $scope.refreshProductsGrid();\r\n $scope.refreshAssignedVehiclesGrid();\r\n $scope.refreshUnAssignedVehiclesGrid();\r\n $scope.isFormVisible = true;\r\n $scope.isDeleteVisible = false;\r\n $scope.isNewDeviceProductGroup = true;\r\n ToggleGreenToYellow();\r\n }).error(function (data, status) {\r\n masterFactory.setError(status, data, $scope);\r\n });\r\n };\r\n\r\n $scope.confirmDeleteEntity = function () {\r\n $('#DeleteModal').modal({ backdrop: 'static' });\r\n };\r\n\r\n $scope.deleteEntity = function (value) {\r\n if (value == 0) {\r\n $('#DeleteModal').modal('hide');\r\n }\r\n else if (value == 1) {\r\n DeviceProductGroupFactory.deleteDeviceProductGroup($scope.deviceProductGroup.Id).success(function (data) {\r\n DeviceProductGroupFactory.getDeviceProductGroupList().success(function (data) {\r\n var dataGrid = $('#gridDeviceProductGroup').dxDataGrid('instance');\r\n var pageIndex = dataGrid.pageIndex();\r\n $scope.pageSize = dataGrid.pageSize();\r\n $scope.deviceProductGroupList = data;\r\n $scope.cancelForm();\r\n $scope.refreshGrid(pageIndex, null);\r\n }).error(function () {\r\n masterFactory.setError(status, data, $scope);\r\n }).finally(function () {\r\n $scope.notify.add({ type: 'success', title: 'Success!', body: 'Deleted Device Product Group successfully' });\r\n });\r\n }).error(function (data, status) {\r\n masterFactory.setError(status, data, $scope);\r\n }).finally(function () {\r\n $('#DeleteModal').modal('hide');\r\n });\r\n }\r\n };\r\n\r\n $scope.cancelForm = function () {\r\n var dataGrid = $('#gridDeviceProductGroup').dxDataGrid('instance');\r\n dataGrid.clearSelection();\r\n $scope.isFormVisible = false;\r\n $scope.deviceProductGroupForm.$submitted = false;\r\n $scope.closeModelStateErrors();\r\n $scope.closeAlert();\r\n $scope.closeProductGridAlert();\r\n };\r\n\r\n $scope.reset = function (type) {\r\n if (type == 'update') { // get db bankaccount and set to scope.bankaccount.\r\n $('#loadingModal').modal({ backdrop: 'static' });\r\n DeviceProductGroupFactory.getDeviceProductGroupByID($scope.deviceProductGroup.Id).success(function (data) {\r\n $scope.deviceProductGroup = data;\r\n $scope.refreshProductsGrid();\r\n $scope.refreshAssignedVehiclesGrid();\r\n $scope.refreshUnAssignedVehiclesGrid();\r\n }).error(function (data, status) {\r\n masterFactory.setError(status, data, $scope);\r\n }).finally(function () {\r\n $('#loadingModal').modal('hide');\r\n });\r\n }\r\n else {\r\n angular.copy($scope.newDeviceProductGroup, $scope.deviceProductGroup);\r\n $scope.refreshProductsGrid();\r\n $scope.refreshAssignedVehiclesGrid();\r\n $scope.refreshUnAssignedVehiclesGrid();\r\n }\r\n\r\n $scope.deviceProductGroupForm.$setPristine();\r\n $scope.deviceProductGroupForm.$submitted = false;\r\n $scope.closeModelStateErrors();\r\n $scope.closeAlert();\r\n $scope.notify.add({ type: 'success', title: 'Success!', body: 'Device Product Group details were reset' });\r\n };\r\n\r\n $scope.submitForm = function () { \r\n if ($scope.deviceProductGroupForm.$valid) {\r\n if (ValidateFormData()) {\r\n $scope.saveDeviceProductGroup();\r\n $scope.closeAlert();\r\n } \r\n }\r\n };\r\n\r\n function ValidateFormData() {\r\n // 1. There must be atleast one Product line item.\r\n if ($scope.deviceProductGroup.AssignedProducts == null || $scope.deviceProductGroup.AssignedProducts.length == 0) {\r\n $scope.error = \"Please add atleast one product in Products Grid\";\r\n return false;\r\n }\r\n \r\n //2. There must be atleaset one assigned vehicle.\r\n if ($scope.deviceProductGroup.AssignedVehicles == null || $scope.deviceProductGroup.AssignedVehicles.length == 0) {\r\n $scope.error = \"Please add atleast one Vehicle in Vehicles Grid\";\r\n return false;\r\n }\r\n return true;\r\n };\r\n\r\n $scope.saveDeviceProductGroup = function () {\r\n var pageindex, id;\r\n $scope.closeModelStateErrors();\r\n //$('#loadingModal').modal({ backdrop: 'static' });\r\n DeviceProductGroupFactory.saveDeviceProductGroup($scope.deviceProductGroup).success(function (deviceProductGroupId) {\r\n DeviceProductGroupFactory.getDeviceProductGroupList().success(function (data) {\r\n var dataGrid = $('#gridDeviceProductGroup').dxDataGrid('instance');\r\n $scope.pageSize = dataGrid.pageSize();\r\n pageindex = dataGrid.pageIndex();\r\n $scope.deviceProductGroupList = data;\r\n if ($scope.deviceProductGroup.Id > 0) {\r\n $scope.refreshGrid(pageindex, $scope.deviceProductGroup.Id);\r\n $scope.refreshProductsGrid();\r\n $scope.refreshAssignedVehiclesGrid();\r\n $scope.refreshUnAssignedVehiclesGrid();\r\n }\r\n else {\r\n $scope.cancelForm();\r\n $scope.refreshGrid(pageindex, null);\r\n }\r\n }).error(function (data, status) {\r\n masterFactory.setError(status, data, $scope);\r\n }).finally(function (data) {\r\n if ($scope.deviceProductGroup.Id > 0) {\r\n $scope.notify.add({ type: 'success', title: 'Success!', body: 'Updated Device Product Group successfully' });\r\n }\r\n else {\r\n $scope.notify.add({ type: 'success', title: 'Success!', body: 'Created Device Product Group successfully' });\r\n }\r\n });\r\n }).error(function (data, status) {\r\n masterFactory.setError(status, data, $scope);\r\n }).finally(function () {\r\n //$('#loadingModal').modal('hide');\r\n });\r\n };\r\n\r\n // Selecting and Unselecting grid items on details panel\r\n $scope.assignVehicles = function () {\r\n var dataGrid1 = $('#gridUnAssignedVehicles').dxDataGrid('instance');\r\n var dataGrid2 = $('#gridAssignedVehicles').dxDataGrid('instance');\r\n var selectedRows = dataGrid1.getSelectedRowsData();\r\n var i = 0; var len = selectedRows.length;\r\n for (; i < len; i++) {\r\n var prd = $scope.filter($scope.deviceProductGroup.AssignedVehicles, selectedRows[i].Id);\r\n $scope.deviceProductGroup.UnAssignedVehicles.splice($scope.deviceProductGroup.UnAssignedVehicles.indexOf(selectedRows[i]), 1);\r\n if (prd == null) {\r\n $scope.deviceProductGroup.AssignedVehicles.push(selectedRows[i]);\r\n }\r\n }\r\n $scope.refreshAssignedVehiclesGrid();\r\n $scope.refreshUnAssignedVehiclesGrid();\r\n dataGrid1.clearSelection();\r\n dataGrid1.refresh();\r\n dataGrid2.refresh();\r\n };\r\n\r\n $scope.unassignVehicles = function () {\r\n var dataGrid1 = $('#gridAssignedVehicles').dxDataGrid('instance');\r\n var dataGrid2 = $('#gridUnAssignedVehicles').dxDataGrid('instance');\r\n var selectedRows = dataGrid1.getSelectedRowsData();\r\n var i = 0; var len = selectedRows.length;\r\n for (; i < len; i++) {\r\n var prd = $scope.filter($scope.deviceProductGroup.UnAssignedVehicles, selectedRows[i].Id);\r\n $scope.deviceProductGroup.AssignedVehicles.splice($scope.deviceProductGroup.AssignedVehicles.indexOf(selectedRows[i]), 1);\r\n if (prd == null) {\r\n $scope.deviceProductGroup.UnAssignedVehicles.push(selectedRows[i]);\r\n } \r\n }\r\n $scope.refreshAssignedVehiclesGrid();\r\n $scope.refreshUnAssignedVehiclesGrid();\r\n dataGrid1.clearSelection();\r\n dataGrid2.refresh();\r\n };\r\n\r\n // Helping functions and events\r\n $(window).resize(function () {\r\n onWindowResize('#gridDeviceProductGroup', settings.GridMarginHeight);\r\n });\r\n\r\n function grdReadyAction(e) {\r\n onWindowResize('#gridDeviceProductGroup', settings.GridMarginHeight);\r\n }\r\n\r\n collapsibleHeaderClickEvent($scope);\r\n\r\n $scope.productsGridExpanded = function () {\r\n var dataGrid1 = $('#gridProducts').dxDataGrid('instance');\r\n dataGrid1.repaint();\r\n };\r\n\r\n $scope.vehiclesGridExpanded = function () {\r\n var dataGrid1 = $('#gridUnAssignedVehicles').dxDataGrid('instance');\r\n dataGrid1.repaint();\r\n var dataGrid2 = $('#gridAssignedVehicles').dxDataGrid('instance');\r\n dataGrid2.repaint();\r\n };\r\n\r\n $scope.filter = function (input, id) {\r\n var i = 0, len = input.length;\r\n for (; i < len; i++) {\r\n if (+input[i].Id == +id) {\r\n return input[i];\r\n }\r\n }\r\n return null;\r\n };\r\n\r\n $scope.closeAlert = function () {\r\n $scope.error = null;\r\n };\r\n\r\n $scope.closeProductGridAlert = function () {\r\n $scope.productGridError = null;\r\n };\r\n\r\n $scope.closeModelStateErrors = function () {\r\n $scope.modelState = [];\r\n };\r\n\r\n $scope.clickHalfDiv = function (control) {\r\n masterFactory.setFocus(control);\r\n };\r\n }]);\r\n\r\n\r\n","import { default as app, collapsibleHeaderClickEvent, onWindowResize, resetSelectionColumn, ToggleYellowToGreen, ToggleGreenToYellow, IsUndefinedOrNull } from '@legacy/App';\r\n\r\napp.factory('DriverFactory', ['$http', 'settings', function ($http, settings) {\r\n return {\r\n getNewDriver: function () {\r\n return $http.get(settings.ApiURL + settings.DriverURL + \"/newdriver\");\r\n },\r\n getDriverDetails: function (id) {\r\n return $http.get(settings.ApiURL + settings.DriverURL + \"/\" + id);\r\n },\r\n saveDriver: function (Driver) {\r\n return $http.put(settings.ApiURL + settings.DriverURL, Driver);\r\n },\r\n deleteDriver: function (id) {\r\n return $http.delete(settings.ApiURL + settings.DriverURL + \"/\" + id);\r\n },\r\n getDriverList: function () {\r\n return $http.get(settings.ApiURL + settings.DriverURL);\r\n },\r\n getLanguages: function () {\r\n return $http.get(settings.ApiURL + settings.MasterDataURL + \"/languages/0\")\r\n },\r\n getDriverRoles: function (id) {\r\n return $http.get(settings.ApiURL + settings.DriverURL + '/roles');\r\n }\r\n };\r\n}]);\r\n\r\napp.controller('DriverController', ['$q', '$scope', 'DriverFactory', '$rootScope', 'settings', 'masterFactory',\r\n function ($q, $scope, DriverFactory, $rootScope, settings, masterFactory) {\r\n $rootScope.pageTitle = \"Driver\";\r\n $scope.ActiveInactiveDriverLookup = [\r\n { Deleted: false, Text: 'Active' },\r\n { Deleted: true, Text: 'InActive' }\r\n ]; \r\n $scope.driver = {};\r\n $scope.driverList = []; \r\n $scope.newDriver = {};\r\n $scope.languages = [];\r\n $scope.error = \"\"; \r\n $scope.modelState = [];\r\n $scope.isFormVisible = false;\r\n $scope.pageSize = 20;\r\n\r\n // Initialization - this runs on load\r\n var init = function () {\r\n masterFactory.verifyAuthentication();\r\n \r\n $('#loadingModal').modal({ backdrop: 'static' });\r\n $q.all([\r\n DriverFactory.getNewDriver().success(function (data) {\r\n $scope.newDriver = data;\r\n }).error(function (data, status) {\r\n masterFactory.setError(status, data, $scope);\r\n }),\r\n DriverFactory.getLanguages().success(function (data) {\r\n $scope.languages = data;\r\n }).error(function (data, status) {\r\n masterFactory.setError(status, data, $scope);\r\n }),\r\n DriverFactory.getDriverRoles().success(function (data: any[]) {\r\n $scope.driverRoles = data.filter(r=>r.id != 0);\r\n }).error(function (data, status) {\r\n masterFactory.setError(status, data, $scope);\r\n }),\r\n ]).then(function () {\r\n DriverFactory.getDriverList().success(function (data) {\r\n $scope.driverList = data;\r\n $scope.refreshGrid(0);\r\n }).error(function (data, status) {\r\n masterFactory.setError(status, data, $scope);\r\n }).finally(function () {\r\n $('#loadingModal').modal('hide');\r\n });\r\n });\r\n\r\n };\r\n\r\n var getDriverDetails = function (id) {\r\n DriverFactory.getDriverDetails(id).success(function (data) {\r\n $scope.driver = data;\r\n }).error(function (data, status) {\r\n masterFactory.setError(status, data, $scope);\r\n });\r\n };\r\n\r\n init();\r\n\r\n $scope.refreshGrid = function (PageIndex) {\r\n $('#gridDriver').dxDataGrid({\r\n dataSource: {\r\n store: {\r\n data: $scope.driverList,\r\n type: 'array',\r\n key: 'Id'\r\n }\r\n },\r\n noDataText: \"No Drivers Found\",\r\n showColumnLines: true,\r\n showRowLines: false,\r\n showBorders: true,\r\n rowAlternationEnabled: false,\r\n contentReadyAction: grdReadyAction,\r\n selection: { mode: 'single' },\r\n paging: {\r\n pageSize: $scope.pageSize,\r\n pageIndex: PageIndex\r\n },\r\n scrolling: {\r\n mode: 'standard'\r\n },\r\n pager: {\r\n showPageSizeSelector: true,\r\n allowedPageSizes: [10, 20, 30]\r\n },\r\n filterRow: {\r\n visible: true\r\n },\r\n groupPanel: {\r\n visible: false,\r\n },\r\n columns: [\r\n {\r\n caption: 'Icon', dataField: 'Deleted', dataType: 'boolean', alignment: 'center', width: '100px',\r\n cellTemplate: function (cellElement, cellInfo) {\r\n if (cellInfo.data.Deleted == true) {\r\n $(\"\")\r\n .attr(\"class\", \"status-icon-closed-by-driver InActive\")\r\n .appendTo(cellElement);\r\n }\r\n else {\r\n $(\"\")\r\n .attr(\"class\", \"status-icon-closed-by-driver Active\")\r\n .appendTo(cellElement);\r\n }\r\n //if (cellInfo.value == true)\r\n // cellElement.addClass(\"icon-closed-by-driver InActive\");\r\n //else cellElement.addClass(\"icon-closed-by-driver Active\");\r\n },\r\n lookup: { dataSource: $scope.ActiveInactiveDriverLookup, valueExpr: 'Deleted', displayExpr: 'Text' }\r\n }, \r\n { caption: 'Driver ID', dataField: 'Id', cssClass: 'Id', dataType: 'number', alignment: 'center' },\r\n { caption: 'Driver No', dataField: 'Number', cssClass: 'Number', dataType: 'string' },\r\n { caption: 'Driver Name', dataField: 'Name', cssClass: 'Name', dataType: 'string' },\r\n { caption: 'Valid Until', dataField: 'ValidDate', cssClass: 'ValidDate', dataType: 'date', format: 'dd/MM/yyyy' }\r\n ],\r\n\r\n selectionChanged: function (selectedRowsInfo) {\r\n if (selectedRowsInfo.selectedRowsData[0] != null) {\r\n getDriverDetails(selectedRowsInfo.selectedRowsData[0].Id);\r\n }\r\n else {\r\n $scope.driver = angular.copy($scope.newDriver);\r\n }\r\n\r\n $scope.isFormVisible = true;\r\n $scope.isDeleteVisible = true;\r\n ToggleYellowToGreen();\r\n $rootScope.pageTitle = \"Driver\"; \r\n }\r\n });\r\n };\r\n\r\n // Button click functions and submit form function\r\n $scope.addNewEntity = function () {\r\n $rootScope.pageTitle = \"New Driver\";\r\n $scope.isFormVisible = true;\r\n $scope.isDeleteVisible = false;\r\n $scope.Driver = angular.copy($scope.newDriver);\r\n ToggleGreenToYellow();\r\n };\r\n\r\n $scope.cancelForm = function () {\r\n var dataGrid = $('#gridDriver').dxDataGrid('instance');\r\n dataGrid.clearSelection(); \r\n $scope.isFormVisible = false;\r\n $scope.DriverForm.$submitted = false;\r\n $scope.closeModelStateErrors();\r\n $scope.closeAlert();\r\n };\r\n\r\n $scope.reset = function (type) {\r\n if (type == 'update') { // get db driver and set to scope.Driver.\r\n getDriverDetails($scope.driver.Id);\r\n }\r\n else {\r\n angular.copy($scope.newDriver, $scope.driver);\r\n } \r\n $scope.DriverForm.$setPristine();\r\n $scope.DriverForm.$submitted = false;\r\n $scope.closeModelStateErrors();\r\n $scope.closeAlert();\r\n $scope.notify.add({ type: 'success', title: 'Success!', body: 'Driver details were reset' });\r\n };\r\n\r\n $scope.submitForm = function () {\r\n if ($scope.DriverForm.$valid) { \r\n $scope.saveDriver();\r\n } \r\n };\r\n\r\n $scope.saveDriver = function () {\r\n $('#loadingModal').modal({ backdrop: 'static' });\r\n var pageindex, id;\r\n $scope.closeModelStateErrors();\r\n DriverFactory.saveDriver($scope.driver).success(function (data) {\r\n DriverFactory.getDriverList().success(function (data) {\r\n var dataGrid = $('#gridDriver').dxDataGrid('instance');\r\n $scope.pageSize = dataGrid.pageSize();\r\n pageindex = dataGrid.pageIndex();\r\n $scope.driverList = data;\r\n if ($scope.driver.Id <= 0) {\r\n $scope.cancelForm();\r\n }\r\n $scope.refreshGrid(pageindex);\r\n }).error(function (data, status) {\r\n masterFactory.setError(status, data, $scope);\r\n }).finally(function () {\r\n if ($scope.driver.Id > 0) {\r\n $scope.notify.add({ type: 'success', title: 'Success!', body: 'Updated Driver successfully' });\r\n }\r\n else { \r\n $scope.notify.add({ type: 'success', title: 'Success!', body: 'Created Driver successfully' });\r\n }\r\n });\r\n }).error(function (data, status) {\r\n masterFactory.setError(status, data, $scope);\r\n }).finally(function () {\r\n $('#loadingModal').modal('hide');\r\n });\r\n }\r\n\r\n // Helping functions and events\r\n $(window).resize(function () {\r\n onWindowResize('#gridDriver', settings.GridMarginHeight);\r\n });\r\n\r\n function grdReadyAction(e) {\r\n onWindowResize('#gridDriver', settings.GridMarginHeight);\r\n }\r\n\r\n collapsibleHeaderClickEvent($scope);\r\n\r\n $scope.closeAlert = function () {\r\n $scope.error = null;\r\n };\r\n\r\n $scope.closeModelStateErrors = function () {\r\n $scope.modelState = [];\r\n };\r\n\r\n $scope.clickHalfDiv = function (control) {\r\n masterFactory.setFocus(control);\r\n };\r\n}]);","import { default as app, collapsibleHeaderClickEvent, onWindowResize, resetSelectionColumn, ToggleYellowToGreen, ToggleGreenToYellow, IsUndefinedOrNull } from '@legacy/App';\r\n\r\napp.factory('ExportConfigurationSetFactory', ['$http', 'settings', function ($http, settings) {\r\n return {\r\n getConfigurationSetList: function () {\r\n return $http.get(settings.ApiURL + settings.ConfigurationSetURL);\r\n },\r\n getConfigurationSetById: function (id) {\r\n return $http.get(settings.ApiURL + settings.ConfigurationSetURL + \"/\" + id);\r\n },\r\n exportConfigurationSetByid: function (id) {\r\n return $http.get(settings.ApiURL + settings.ConfigurationSetURL + \"/export/\" + id);\r\n }\r\n };\r\n}]);\r\n\r\napp.controller('ExportConfigurationSetController', ['$q', '$scope', '$parse', 'ExportConfigurationSetFactory', '$rootScope', 'settings', 'masterFactory', '$uibModal',\r\n function ($q, $scope, $parse, ExportConfigurationSetFactory, $rootScope, settings, masterFactory, $uibModal) {\r\n $rootScope.pageTitle = \"Export TransPac Configuration\";\r\n $scope.configurationSetList = [];\r\n $scope.ConfigurationSetType = null;\r\n $scope.DBVersion = null;\r\n $scope.CompanyName = null;\r\n $scope.configurationValues = [];\r\n $scope.selectedConfigurationSetId = null; \r\n $scope.error = \"\";\r\n $scope.isFormVisible = false; \r\n\r\n // Initialization - this runs on load\r\n var init = function () {\r\n masterFactory.verifyAuthentication();\r\n $scope.selectedConfigurationSetId = 0;\r\n\r\n\r\n $('#loadingModal').modal({ backdrop: 'static' });\r\n $q.all([\r\n ExportConfigurationSetFactory.getConfigurationSetList().success(function (data) { \r\n $scope.configurationSetList = data;\r\n }).error(function (data, status) {\r\n masterFactory.setError(status, data, $scope);\r\n }),\r\n ExportConfigurationSetFactory.getConfigurationSetById(0).success(function (data) {\r\n $scope.ConfigurationSetType = data.ConfigurationSetType;\r\n $scope.DBVersion = data.DBVersion;\r\n $scope.CompanyName = data.CompanyName;\r\n $scope.configurationValues = data.ConfigurationValues;\r\n $scope.isFormVisible = true;\r\n }).error(function (data, status) {\r\n $scope.isFormVisible = false;\r\n masterFactory.setError(status, data, $scope);\r\n })\r\n ]).then(function () { \r\n $('#loadingModal').modal('hide');\r\n });\r\n };\r\n\r\n init();\r\n\r\n // On selecting a configuration from left side list\r\n $scope.onSelectedConfigurationSetChange = function (setId) {\r\n $scope.closeAlert(); \r\n $scope.configurationValues = [];\r\n \r\n $('#loadingModal').modal({ backdrop: 'static' });\r\n ExportConfigurationSetFactory.getConfigurationSetById(setId).success(function (data) {\r\n $scope.ConfigurationSetType = data.ConfigurationSetType;\r\n $scope.DBVersion = data.DBVersion;\r\n $scope.CompanyName = data.CompanyName;\r\n $scope.configurationValues = data.ConfigurationValues;\r\n $scope.isFormVisible = true; \r\n }).error(function (data, status) {\r\n $scope.isFormVisible = false;\r\n masterFactory.setError(status, data, $scope);\r\n }).finally(function () {\r\n $('#loadingModal').modal('hide');\r\n });\r\n \r\n };\r\n\r\n // Button click functions and submit form function\r\n $scope.exportConfigurationValues = function (setId) {\r\n $('#loadingModal').modal({ backdrop: 'static' });\r\n ExportConfigurationSetFactory.exportConfigurationSetByid(setId).success(function (data, status, headers) {\r\n headers = headers();\r\n\r\n var filename = headers['x-filename'];\r\n if(filename == null) filename = \"ConfigurationSet.json\";\r\n var contentType = headers['content-type'];\r\n if(contentType == null) contentType = \"application/json\";\r\n var linkElement = document.createElement('a');\r\n try {\r\n var jsonString = JSON.stringify(data, null, 2);\r\n var blob = new Blob([jsonString], { type: contentType });\r\n var url = window.URL.createObjectURL(blob);\r\n\r\n linkElement.setAttribute('href', url);\r\n linkElement.setAttribute(\"download\", filename);\r\n\r\n var clickEvent = new MouseEvent(\"click\", {\r\n \"view\": window,\r\n \"bubbles\": true,\r\n \"cancelable\": false\r\n });\r\n linkElement.dispatchEvent(clickEvent);\r\n } catch (ex) {\r\n console.log(ex);\r\n }\r\n $scope.notify.add({ type: 'success', title: 'Success!', body: 'Export successful.' });\r\n }).error(function (data, status) {\r\n $scope.isFormVisible = false;\r\n masterFactory.setError(status, data, $scope);\r\n }).finally(function () {\r\n $('#loadingModal').modal('hide');\r\n });\r\n };\r\n \r\n // Helping functions and events\r\n $scope.closeAlert = function () {\r\n $scope.error = null;\r\n }; \r\n\r\n $scope.viewComplexConfigValue = function (configurationValue, configTypeToDisplay) {\r\n var modalInstance = $uibModal.open({\r\n backdrop: 'static',\r\n templateUrl: 'app-legacy/Entities/templates/complexConfigurationModal_export.html',\r\n controller: 'ComplexConfigurationModalController',\r\n controllerAs: 'modalVm',\r\n size: 'lg',\r\n scope: $scope,\r\n resolve: {\r\n ComplexConfigurationValue: function () {\r\n configurationValue.deviceId = null;\r\n configurationValue.driverId = null;\r\n if (configTypeToDisplay == 'DEFAULT') {\r\n configurationValue.XmlSchema = angular.copy(configurationValue.DefaultXmlSchema);\r\n }\r\n else if (configTypeToDisplay == 'GROUP') {\r\n configurationValue.XmlSchema = angular.copy(configurationValue.GroupXmlSchema);\r\n }\r\n return configurationValue;\r\n }\r\n }\r\n });\r\n };\r\n\r\n }]);\r\n\r\napp.controller('ComplexConfigurationModalController', ['$scope', '$uibModalInstance', 'ComplexConfigurationValue', '$filter', '$uibModal',\r\n function ($scope, $uibModalInstance, ComplexConfigurationValue, $filter, $uibModal) {\r\n var modalVm = this;\r\n\r\n init();\r\n\r\n modalVm.cancel = function () {\r\n $uibModalInstance.close('ok');\r\n };\r\n\r\n modalVm.formSelected = function (index) {\r\n modalVm.ModalHeading = modalVm.ComplexConfigurationValue.Name;\r\n modalVm.IsAddNew = false;\r\n modalVm.MultiFormSettings.selectedFormIndex = index;\r\n };\r\n\r\n function init() {\r\n modalVm.ActiveTab = 0;\r\n modalVm.SortedSelectedList = {};\r\n modalVm.ComplexConfigurationValue = angular.copy(ComplexConfigurationValue);\r\n modalVm.ResetComplexConfigurationValue = angular.copy(ComplexConfigurationValue);\r\n modalVm.ModalHeading = modalVm.ComplexConfigurationValue.Name;\r\n modalVm.IsSingle = modalVm.ComplexConfigurationValue.XmlSchema.isSingle;\r\n if (!modalVm.IsSingle) { // multi form settings\r\n modalVm.MultiFormSettings = {\r\n newForm: angular.copy(modalVm.ComplexConfigurationValue.XmlSchema.fieldSequence.splice(modalVm.ComplexConfigurationValue.XmlSchema.fieldSequence.length - 1, 1)),\r\n stagingComplexConfig: angular.copy(modalVm.ComplexConfigurationValue.XmlSchema.fieldSequence),\r\n selectedFormIndex: 0\r\n };\r\n }\r\n };\r\n }]);","import { default as app, collapsibleHeaderClickEvent, onWindowResize, resetSelectionColumn, ToggleYellowToGreen, ToggleGreenToYellow, IsUndefinedOrNull } from '@legacy/App';\r\n\r\napp.factory('FactorFactory', ['$http', 'settings', function ($http, settings) {\r\n return {\r\n getFactorList: function () {\r\n return $http.get(settings.ApiURL + settings.FactorURL);\r\n },\r\n getFactorById: function (id, code) {\r\n return $http.get(settings.ApiURL + settings.FactorURL + '/' + id + '/' + code);\r\n },\r\n saveFactor: function (factor) {\r\n return $http.put(settings.ApiURL + settings.FactorURL, factor);\r\n },\r\n deleteFactor: function (id, code) {\r\n return $http.delete(settings.ApiURL + settings.FactorURL + '/' + id + '/' + code);\r\n },\r\n getNewFactor: function () {\r\n return $http.get(settings.ApiURL + settings.FactorURL + \"/newfactor\");\r\n },\r\n getQuantityUnitDropdown: function () {\r\n return $http.get(settings.ApiURL + settings.ProductURL + \"/quantityunit/dropdown\");\r\n }\r\n };\r\n}]);\r\n\r\napp.controller('FactorController', function ($q, $scope, FactorFactory, $rootScope, settings, masterFactory) {\r\n $rootScope.pageTitle = \"Factor\"; \r\n $scope.factors = [];\r\n $scope.factor = {};\r\n $scope.newfactor = {};\r\n $scope.error = \"\";\r\n $scope.modelState = [];\r\n $scope.isFormVisible = false;\r\n $scope.pageSize = 20;\r\n $scope.factorQuantityUnits = [];\r\n\r\n // Initialization - this runs on load\r\n var init = function (pageIndex) {\r\n masterFactory.verifyAuthentication();\r\n\r\n $('#loadingModal').modal({ backdrop: 'static' });\r\n $q.all([\r\n FactorFactory.getFactorList().success(function (data) {\r\n $scope.factors = data;\r\n $scope.setFilterLists();\r\n $scope.refreshGrid(pageIndex);\r\n }).error(function (data, status) {\r\n masterFactory.setError(status, data, $scope);\r\n }).finally(function () {\r\n $('#loadingModal').modal('hide');\r\n }),\r\n FactorFactory.getNewFactor().success(function (data) {\r\n $scope.newfactor = data;\r\n }).error(function (data, status) {\r\n masterFactory.setError(status, data, $scope);\r\n }),\r\n FactorFactory.getQuantityUnitDropdown().success(function (data) {\r\n $scope.factorQuantityUnits = data;\r\n //data.forEach(function (quantityUnit) {\r\n \r\n // if ($scope.factorQuantityUnits.length == 0 || !quantityUnitExits(quantityUnit))\r\n // $scope.factorQuantityUnits.push(quantityUnit);\r\n //});\r\n $scope.refreshGrid(pageIndex);\r\n }).error(function (data, status) {\r\n masterFactory.setError(status, data, $scope);\r\n }),\r\n ]).then(function () {\r\n });\r\n };\r\n \r\n init(0);\r\n\r\n // Grid renderers\r\n $scope.refreshGrid = function (PageIndex) { \r\n $('#gridFactor').dxDataGrid({\r\n dataSource: {\r\n store: {\r\n data: $scope.factors,\r\n type: 'array',\r\n key: [\"Id\",\"Code\"]\r\n }\r\n }, \r\n noDataText: \"No Product Factors Found\",\r\n showColumnLines: true,\r\n showRowLines: false,\r\n showBorders: true,\r\n rowAlternationEnabled: false,\r\n contentReadyAction: grdReadyAction,\r\n selection: { mode: 'single' },\r\n paging: {\r\n pageSize: $scope.pageSize,\r\n pageIndex: PageIndex\r\n },\r\n pager: {\r\n showPageSizeSelector: true,\r\n allowedPageSizes: [10, 20, 30]\r\n },\r\n filterRow: {\r\n visible: true\r\n },\r\n groupPanel: {\r\n visible: false,\r\n },\r\n columns: [\r\n {\r\n caption: 'Quantity Unit',\r\n dataField: 'QuantityUnit',\r\n cssClass: 'QuantityUnit',\r\n dataType: 'string',\r\n alignment: 'center',\r\n lookup: {\r\n dataSource: $scope.factorQuantityUnits \r\n } \r\n },\r\n {\r\n caption: 'Factor ID',\r\n dataField: 'Id',\r\n cssClass: 'Id',\r\n dataType: 'number',\r\n alignment: 'center',\r\n lookup: {\r\n dataSource: $scope.factorIds,\r\n displayExpr: 'name',\r\n valueExpr: 'value'\r\n }\r\n },\r\n {\r\n caption: 'Factor Code',\r\n dataField: 'Code',\r\n cssClass: 'Code',\r\n dataType: 'number',\r\n alignment: 'center',\r\n lookup: {\r\n dataSource: $scope.factorCodes,\r\n displayExpr: 'name',\r\n valueExpr: 'value'\r\n }\r\n },\r\n {\r\n caption: 'Temperature',\r\n dataField: 'Temperature',\r\n cssClass: 'Temperature',\r\n dataType: 'number',\r\n alignment: 'center',\r\n cellTemplate: function (container, options) {\r\n var text = options.data.Temperature;\r\n if (options.data.Items.length > 1)\r\n text = '....';\r\n $('').text(text).appendTo(container);\r\n }\r\n },\r\n {\r\n caption: 'Factor',\r\n dataField: 'Value',\r\n cssClass: 'Value',\r\n dataType: 'number',\r\n alignment: 'center',\r\n cellTemplate: function (container, options) {\r\n var text = options.data.Value;\r\n if (options.data.Items.length > 1)\r\n text = '....';\r\n $('').text(text).appendTo(container);\r\n }\r\n }\r\n ],\r\n selectionChanged: function (selectedRowsInfo) {\r\n if (selectedRowsInfo.selectedRowsData[0] != null) {\r\n $('#loadingModal').modal({ backdrop: 'static' });\r\n FactorFactory.getFactorById(selectedRowsInfo.selectedRowsData[0].Id, selectedRowsInfo.selectedRowsData[0].Code).success(function (data) {\r\n $scope.factor = data;\r\n $scope.refreshFactorItems();\r\n $scope.isFormVisible = true;\r\n $scope.isDeleteVisible = true;\r\n ToggleYellowToGreen();\r\n $rootScope.pageTitle = \"Factors\";\r\n $scope.error = \"\";\r\n $scope.newUnit = \"\";\r\n $scope.isNewUnit = false;\r\n }).error(function (data, status) {\r\n masterFactory.setError(status, data, $scope);\r\n }).finally(function () {\r\n $('#loadingModal').modal('hide');\r\n });\r\n }\r\n }\r\n });\r\n };\r\n\r\n $scope.refreshFactorItems = function () {\r\n\r\n $('#gridFactorItems').dxDataGrid({\r\n dataSource: $scope.factor.Items,\r\n showColumnLines: true,\r\n showRowLines: false,\r\n showBorders: true,\r\n rowAlternationEnabled: false,\r\n height: 470,\r\n selection: { mode: 'single' },\r\n paging: {\r\n pageSize: 30\r\n },\r\n editing: {\r\n editEnabled: false,\r\n insertEnabled: true,\r\n removeEnabled: true\r\n },\r\n pager: {\r\n showPageSizeSelector: true,\r\n allowedPageSizes: [10, 20, 30]\r\n },\r\n filterRow: {\r\n visible: false\r\n },\r\n groupPanel: {\r\n visible: false,\r\n },\r\n columns: [\r\n {\r\n caption: 'Temperature',\r\n dataField: 'Temperature',\r\n validationRules: [{ type: 'required' }],\r\n alignment: 'center'\r\n },\r\n {\r\n caption: 'Factor',\r\n dataField: 'Value',\r\n validationRules: [{ type: 'required' }],\r\n alignment: 'center'\r\n }\r\n ],\r\n rowInserted: function (e) {\r\n var dataGrid = $('#gridFactorItems').dxDataGrid('instance');\r\n var index = $scope.factor.Items.length - 1;\r\n var flag = false;\r\n if ($scope.factor.Items[index].Temperature == undefined || $scope.factor.Items[index].Value == undefined || $scope.factor.Items[index].Temperature == '' || $scope.factor.Items[index].Value == '') {\r\n $scope.factor.Items.splice(index, 1);\r\n flag = true;\r\n } \r\n\r\n dataGrid.refresh();\r\n if (!flag)\r\n (dataGrid as unknown as FacnmDx).selectRows($scope.factor.Items[index]);\r\n }\r\n }).dxDataGrid('instance');\r\n\r\n var grd = document.getElementById(\"gridFactorItems\");\r\n if (grd.getElementsByClassName(\"dx-datagrid-header-panel\")[0].childNodes.length == 1)\r\n $(' Factor Items ').appendTo(grd.getElementsByClassName(\"dx-datagrid-header-panel\")[0]);\r\n };\r\n\r\n // Button click functions and submit form function\r\n $scope.addNewEntity = function () {\r\n $scope.error = \"\";\r\n $rootScope.pageTitle = \"New Factor\";\r\n $scope.isFormVisible = true;\r\n $scope.isDeleteVisible = false;\r\n $scope.factor = angular.copy($scope.newfactor);\r\n $scope.factor.Items = []; \r\n $scope.refreshFactorItems();\r\n ToggleGreenToYellow();\r\n $scope.newUnit = \"\";\r\n $scope.isNewUnit = false;\r\n };\r\n\r\n $scope.confirmDeleteEntity = function () {\r\n $('#DeleteModal').modal({ backdrop: 'static' });\r\n };\r\n\r\n $scope.deleteEntity = function (value) {\r\n if (value == 0) {\r\n $('#DeleteModal').modal('hide');\r\n }\r\n else if (value == 1) {\r\n FactorFactory.deleteFactor($scope.factor.Id, $scope.factor.Code).success(function (data) {\r\n FactorFactory.getFactorList().success(function (data) {\r\n var dataGrid = $('#gridFactor').dxDataGrid('instance'); \r\n var pageindex = dataGrid.pageIndex();\r\n $scope.pageSize = dataGrid.pageSize();\r\n $scope.factors = data;\r\n $scope.setFilterLists();\r\n $scope.cancelForm();\r\n $scope.refreshGrid(pageindex);\r\n }).error(function () {\r\n masterFactory.setError(status, data, $scope);\r\n }).finally(function () {\r\n $scope.notify.add({ type: 'success', title: 'Success!', body: 'Deleted Factor successfully' });\r\n });\r\n }).error(function (data, status) {\r\n masterFactory.setError(status, data, $scope);\r\n }).finally(function () {\r\n $('#DeleteModal').modal('hide');\r\n });\r\n }\r\n };\r\n\r\n $scope.cancelForm = function () {\r\n $scope.error = \"\";\r\n var dataGrid = $('#gridFactor').dxDataGrid('instance');\r\n dataGrid.clearSelection();\r\n $scope.factor = {};\r\n $scope.factor.Items = []; \r\n $scope.isFormVisible = false; \r\n $scope.factorForm.submitted = false;\r\n $scope.closeModelStateErrors();\r\n $scope.closeAlert();\r\n $scope.newUnit = \"\";\r\n $scope.isNewUnit = false;\r\n };\r\n\r\n $scope.reset = function (type) {\r\n if (type == 'update') { // get db bankaccount and set to scope.bankaccount. \r\n $('#loadingModal').modal({ backdrop: 'static' });\r\n FactorFactory.getFactorById($scope.factor.Id, $scope.factor.Code).success(function (data) {\r\n $scope.factor = data; \r\n $scope.refreshFactorItems(); \r\n }).error(function (data, status) {\r\n masterFactory.setError(status, data, $scope);\r\n }).finally(function () {\r\n $('#loadingModal').modal('hide');\r\n }); \r\n }\r\n else {\r\n angular.copy($scope.newfactor, $scope.factor);\r\n $scope.refreshFactorItems();\r\n } \r\n \r\n $scope.factorForm.$setPristine();\r\n $scope.factorForm.submitted = false;\r\n $scope.closeModelStateErrors();\r\n $scope.closeAlert();\r\n $scope.newUnit = \"\";\r\n $scope.isNewUnit = false;\r\n $scope.notify.add({ type: 'success', title: 'Success!', body: 'Factor details were reset' }); \r\n };\r\n\r\n $scope.submitForm = function () {\r\n if ($scope.factorForm.$valid) {\r\n $scope.saveFactor();\r\n $scope.factorForm.submitted = false;\r\n } else {\r\n $scope.factorForm.submitted = true;\r\n }\r\n };\r\n\r\n $scope.saveFactor = function () {\r\n $scope.error = \"\"; \r\n var pageindex, id;\r\n $scope.closeModelStateErrors();\r\n if ($scope.factor.Items.length > 0) {\r\n $('#loadingModal').modal({ backdrop: 'static' });\r\n FactorFactory.saveFactor($scope.factor).success(function (data) {\r\n FactorFactory.getFactorList().success(function (data) {\r\n var dataGrid = $('#gridFactor').dxDataGrid('instance');\r\n $scope.pageSize = dataGrid.pageSize();\r\n pageindex = dataGrid.pageIndex();\r\n $scope.factors = data;\r\n $scope.setFilterLists();\r\n if ($scope.factor.Id > 0) {\r\n $scope.refreshGrid(pageindex)\r\n }\r\n else {\r\n $scope.cancelForm();\r\n $scope.refreshGrid(pageindex);\r\n } \r\n }).error(function (data, status) {\r\n masterFactory.setError(status, data, $scope);\r\n }).finally(function (data) {\r\n if ($scope.factor.Id > 0) {\r\n $scope.notify.add({ type: 'success', title: 'Success!', body: 'Updated Factor successfully' });\r\n }\r\n else {\r\n $scope.notify.add({ type: 'success', title: 'Success!', body: 'Created Factor successfully' });\r\n }\r\n }); \r\n }).error(function (data, status) {\r\n masterFactory.setError(status, data, $scope);\r\n }).finally(function () {\r\n $('#loadingModal').modal('hide');\r\n });\r\n }\r\n else {\r\n $scope.error = 'Add minimum one Factor Item!';\r\n } \r\n }\r\n\r\n // Adding and saving new Quantity Unit\r\n $scope.addNewUnit = function () {\r\n $scope.isNewUnit = true;\r\n $scope.newUnit = \"\";\r\n masterFactory.setFocus('focusNewUnit');\r\n };\r\n\r\n $scope.saveNewUnit = function () {\r\n if ($scope.newUnit != \"\") {\r\n var flag = false;\r\n for (var i = 0; i < $scope.factorQuantityUnits.length; i++) {\r\n if ($scope.factorQuantityUnits[i].toLowerCase() == $scope.newUnit.toLowerCase()) {\r\n flag = true;\r\n $scope.newUnit = $scope.factorQuantityUnits[i];\r\n }\r\n }\r\n if (!flag) $scope.factorQuantityUnits.push($scope.newUnit);;\r\n $scope.factor.QuantityUnit = $scope.newUnit;\r\n $scope.isNewUnit = false;\r\n }\r\n else {\r\n masterFactory.setFocus('focusNewUnit');\r\n }\r\n };\r\n\r\n $scope.cancelNewUnit = function () {\r\n $scope.newUnit = \"\";\r\n $scope.isNewUnit = false;\r\n };\r\n // Helping functions and events\r\n $(window).resize(function () {\r\n onWindowResize('#gridFactor', settings.GridMarginHeight);\r\n });\r\n\r\n function grdReadyAction(e) {\r\n onWindowResize('#gridFactor', settings.GridMarginHeight);\r\n };\r\n\r\n collapsibleHeaderClickEvent($scope);\r\n\r\n $scope.closeAlert = function () {\r\n $scope.error = null;\r\n };\r\n \r\n $scope.closeModelStateErrors = function () {\r\n $scope.modelState = [];\r\n };\r\n\r\n $scope.clickHalfDiv = function (control) {\r\n masterFactory.setFocus(control);\r\n };\r\n\r\n $scope.setFilterLists = function () {\r\n $scope.factorIds = [];\r\n $scope.factorCodes = []; \r\n if ($scope.factors!= undefined && $scope.factors.length > 0) {\r\n $scope.factors.forEach(function (factor) {\r\n $scope.factorCodes.push({ name: factor.Code, value: factor.Code });\r\n $scope.factorIds.push({ name: factor.Id, value: factor.Id });\r\n });\r\n $scope.factors.forEach(function (factor) {\r\n if ($scope.factorQuantityUnits.length == 0 || !quantityUnitExits(factor.QuantityUnit))\r\n $scope.factorQuantityUnits.push(factor.QuantityUnit);\r\n });\r\n } \r\n };\r\n\r\n var quantityUnitExits = function (quantityUnit) {\r\n var flag = false;\r\n $scope.factorQuantityUnits.forEach(function (qUnit) {\r\n if (qUnit == quantityUnit) {\r\n flag = true;\r\n }\r\n });\r\n return flag;\r\n };\r\n\r\n});","import { default as app, collapsibleHeaderClickEvent, onWindowResize, resetSelectionColumn, ToggleYellowToGreen, ToggleGreenToYellow, IsUndefinedOrNull } from '@legacy/App';\r\n\r\napp.factory('FleetFactory', ['$http', 'settings', function ($http, settings) {\r\n return {\r\n getFleetList: function () {\r\n return $http.get(settings.ApiURL + settings.FleetURL);\r\n },\r\n getFleetByID: function (id) {\r\n return $http.get(settings.ApiURL + settings.FleetURL + \"/\" + id);\r\n },\r\n saveFleet: function (Fleet) {\r\n return $http.put(settings.ApiURL + settings.FleetURL, Fleet);\r\n },\r\n deleteFleet: function (id) {\r\n return $http.delete(settings.ApiURL + settings.FleetURL + \"/\" + id);\r\n }, \r\n getNewFleet: function () {\r\n return $http.get(settings.ApiURL + settings.FleetURL + \"/newfleet\");\r\n }\r\n };\r\n}]);\r\n\r\napp.controller('FleetController', function ($q, $scope, FleetFactory, $rootScope, settings, masterFactory) {\r\n $rootScope.pageTitle = \"Fleet Management\";\r\n $scope.fleetList = [];\r\n $scope.fleet = {}; \r\n $scope.newfleet = {};\r\n $scope.error = \"\";\r\n $scope.modelState = [];\r\n $scope.isFormVisible = false;\r\n $scope.isNewFleet = false;\r\n $scope.isAssignedVehicleSelected = false;\r\n $scope.isUnassignedVehicleSelected = false;\r\n $scope.isAssignedDriverSelected = false;\r\n $scope.isUnassignedDriverSelected = false;\r\n // Initialization - this runs on load\r\n var init = function (pageIndex) {\r\n masterFactory.verifyAuthentication();\r\n\r\n $('#loadingModal').modal({ backdrop: 'static' });\r\n $q.all([\r\n FleetFactory.getFleetList().success(function (data) {\r\n $scope.fleetList = data;\r\n $scope.refreshGrid(pageIndex);\r\n }).error(function (data, status) {\r\n masterFactory.setError(status, data, $scope);\r\n }).finally(function () {\r\n $('#loadingModal').modal('hide');\r\n })\r\n ]).then(function () {\r\n \r\n });\r\n };\r\n\r\n var getFleetDetails = function (id) {\r\n FleetFactory.getFleetByID(id).success(function (data) {\r\n $scope.fleet = data;\r\n }).error(function (data, status) {\r\n masterFactory.setError(status, data, $scope);\r\n });\r\n };\r\n\r\n init(0);\r\n\r\n // Grid renderers\r\n $scope.refreshGrid = function (PageIndex) {\r\n $('#gridFleet').dxDataGrid({\r\n dataSource: {\r\n store: {\r\n data: $scope.fleetList,\r\n type: 'array',\r\n key: 'Id'\r\n }\r\n },\r\n columns: [\r\n { alignment: 'center', caption: 'Fleet ID', dataField: 'Id', cssClass: 'Id', dataType: 'number', },\r\n {\r\n alignment: 'center', caption: 'Fleet Name', dataField: 'Name', cssClass: 'Name', dataType: 'string',\r\n cellTemplate: function (container, options) {\r\n $('')\r\n .text(options.data.Name)\r\n .appendTo(container);\r\n container.addClass('grid-cell-align-left');\r\n }\r\n },\r\n { alignment: 'center', caption: 'Vehicles', dataField: 'NumberOfAssignedVehicles', cssClass: 'NumberOfAssignedVehicles', dataType: 'number' },\r\n { alignment: 'center', caption: 'Drivers', dataField: 'NumberOfAssignedDrivers', cssClass: 'NumberOfAssignedDrivers', dataType: 'number' }\r\n ],\r\n contentReadyAction: grdReadyAction,\r\n filterRow: { visible: true },\r\n groupPanel: { visible: false },\r\n noDataText: \"No Fleets Found\",\r\n pager: { showPageSizeSelector: true, allowedPageSizes: [10, 20, 30] },\r\n paging: { pageSize: $scope.pageSize, pageIndex: PageIndex },\r\n rowAlternationEnabled: false,\r\n selection: { mode: 'single' },\r\n showColumnLines: true,\r\n showRowLines: false,\r\n showBorders: true,\r\n selectionChanged: function (selectedRowsInfo) {\r\n if (selectedRowsInfo.selectedRowsData[0] != null) {\r\n $('#loadingModal').modal({ backdrop: 'static' }); \r\n FleetFactory.getFleetByID(selectedRowsInfo.selectedRowsData[0].Id).success(function (data) {\r\n $scope.fleet = data;\r\n $scope.refreshAssignedVehiclesGrid();\r\n $scope.refreshUnAssignedVehiclesGrid();\r\n $scope.refreshAssignedDriversGrid();\r\n $scope.refreshUnAssignedDriversGrid();\r\n $scope.isFormVisible = true;\r\n $scope.isDeleteVisible = true;\r\n $scope.isNewFleet = false;\r\n ToggleYellowToGreen();\r\n $rootScope.pageTitle = \"Fleet Management\";\r\n }).error(function (data, status) {\r\n masterFactory.setError(status, data, $scope);\r\n }).finally(function () {\r\n $('#loadingModal').modal('hide');\r\n });\r\n }\r\n else {\r\n $scope.fleet = angular.copy($scope.newfleet);\r\n }\r\n }\r\n });\r\n };\r\n\r\n $scope.refreshAssignedVehiclesGrid = function () {\r\n $scope.isAssignedVehicleSelected = false;\r\n\r\n $('#gridAssignedVehicles').dxDataGrid({\r\n dataSource: $scope.fleet.AssignedVehicles,\r\n columns: [\r\n { caption: 'Vehicle Id', dataField: 'Id', cssClass: 'Id', dataType: 'number', visible: false }, \r\n {\r\n caption: 'Device Id - Name', dataField: 'DeviceId', cssClass: 'DeviceId', dataType: 'string', alignment: 'center',\r\n cellTemplate: function (container, options) {\r\n var devicedetails = \"\";\r\n if (options.data.DeviceId != 0) devicedetails = devicedetails + options.data.DeviceId + \" - \";\r\n if (options.data.DeviceName != null) devicedetails = devicedetails + options.data.DeviceName;\r\n $('').text(devicedetails).append(\"\").appendTo(container);\r\n container.addClass('grid-cell-align-left');\r\n },\r\n calculateCellValue: function(data){\r\n return data.DeviceId + \" - \" + data.DeviceName;\r\n },\r\n calculateFilterExpression: function (filterValue, selectedFilterOperation) {\r\n return [this.calculateCellValue, selectedFilterOperation || 'contains', filterValue];\r\n }\r\n },\r\n { alignment: 'center', caption: 'Vehicle No', dataField: 'VehicleNumber', cssClass: 'VehicleNumber', dataType: 'string' }, \r\n {\r\n alignment: 'center', caption: 'License Plate', dataField: 'LicensePlate', cssClass: 'LicensePlate', dataType: 'string',\r\n width: 150,\r\n cellTemplate: function (container, options) {\r\n $('')\r\n .text(options.data.LicensePlate)\r\n .appendTo(container);\r\n container.addClass('grid-cell-align-left');\r\n }\r\n }\r\n ], \r\n filterRow: { visible: true },\r\n groupPanel: { visible: false },\r\n height: 470,\r\n paging: { pageSize: 10 },\r\n pager: { showPageSizeSelector: false },\r\n rowAlternationEnabled: false,\r\n showColumnLines: true,\r\n showRowLines: false,\r\n showBorders: true,\r\n selection: { mode: 'multiple' },\r\n selectionChanged: function (selectedRowsInfo) {\r\n if (selectedRowsInfo.selectedRowsData.length > 0) {\r\n $scope.isAssignedVehicleSelected = true;\r\n }\r\n else {\r\n $scope.isAssignedVehicleSelected = false;\r\n }\r\n }\r\n });\r\n };\r\n\r\n $scope.refreshUnAssignedVehiclesGrid = function () {\r\n $scope.isUnassignedVehicleSelected = false; \r\n\r\n $('#gridUnAssignedVehicles').dxDataGrid({\r\n dataSource: $scope.fleet.UnassignedVehicles,\r\n columns: [\r\n { caption: 'Vehicle Id', dataField: 'Id', cssClass: 'Id', dataType: 'number', visible: false },\r\n {\r\n caption: 'Device Id - Name', dataField: 'DeviceId', cssClass: 'DeviceId', dataType: 'string', alignment: 'center',\r\n cellTemplate: function (container, options) {\r\n var devicedetails = \"\";\r\n if (options.data.DeviceId != 0) devicedetails = devicedetails + options.data.DeviceId + \" - \";\r\n if (options.data.DeviceName != null) devicedetails = devicedetails + options.data.DeviceName;\r\n $('').text(devicedetails).append(\"\").appendTo(container);\r\n container.addClass('grid-cell-align-left');\r\n },\r\n calculateCellValue: function(data){\r\n return data.DeviceId + \" - \" + data.DeviceName;\r\n },\r\n calculateFilterExpression: function (filterValue, selectedFilterOperation) {\r\n return [this.calculateCellValue, selectedFilterOperation || 'contains', filterValue];\r\n }\r\n },\r\n { alignment: 'center', caption: 'Vehicle No', dataField: 'VehicleNumber', cssClass: 'VehicleNumber', dataType: 'string' },\r\n \r\n {\r\n alignment: 'center', caption: 'License Plate', dataField: 'LicensePlate', cssClass: 'LicensePlate', dataType: 'string',\r\n width: 150,\r\n cellTemplate: function (container, options) {\r\n $('')\r\n .text(options.data.LicensePlate)\r\n .appendTo(container);\r\n container.addClass('grid-cell-align-left');\r\n }\r\n }\r\n ],\r\n filterRow: { visible: true },\r\n groupPanel: { visible: false, },\r\n height: 470,\r\n paging: { pageSize: 10 },\r\n pager: { showPageSizeSelector: false },\r\n rowAlternationEnabled: false, \r\n showColumnLines: true,\r\n showRowLines: false,\r\n showBorders: true,\r\n selection: { mode: 'multiple' },\r\n selectionChanged: function (selectedRowsInfo) {\r\n if (selectedRowsInfo.selectedRowsData.length > 0) {\r\n $scope.isUnassignedVehicleSelected = true;\r\n }\r\n else {\r\n $scope.isUnassignedVehicleSelected = false;\r\n } \r\n }\r\n });\r\n };\r\n\r\n $scope.refreshAssignedDriversGrid = function () {\r\n $scope.isAssignedDriverSelected = false;\r\n $('#gridAssignedDrivers').dxDataGrid({\r\n dataSource: $scope.fleet.AssignedDrivers,\r\n columns: [\r\n { alignment: 'center', caption: 'Driver ID', dataField: 'Id', cssClass: 'Id', dataType: 'number' },\r\n { alignment: 'center', caption: 'Driver No', dataField: 'Number', cssClass: 'Number', dataType: 'string' },\r\n {\r\n alignment: 'center', caption: 'Driver Name', dataField: 'Name', cssClass: 'Name', dataType: 'string',\r\n cellTemplate: function (container, options) {\r\n $('')\r\n .text(options.data.Name)\r\n .appendTo(container);\r\n container.addClass('grid-cell-align-left');\r\n }\r\n },\r\n ],\r\n filterRow: { visible: true },\r\n groupPanel: { visible: false, },\r\n height: 470,\r\n paging: { pageSize: 10 },\r\n pager: { showPageSizeSelector: false },\r\n rowAlternationEnabled: false,\r\n showColumnLines: true,\r\n showRowLines: false,\r\n showBorders: true,\r\n selection: { mode: 'multiple' },\r\n selectionChanged: function (selectedRowsInfo) {\r\n if (selectedRowsInfo.selectedRowsData.length > 0) {\r\n $scope.isAssignedDriverSelected = true;\r\n }\r\n else {\r\n $scope.isAssignedDriverSelected = false;\r\n }\r\n }\r\n });\r\n };\r\n\r\n $scope.refreshUnAssignedDriversGrid = function () {\r\n $scope.isUnassignedDriverSelected = false; \r\n\r\n $('#gridUnAssignedDrivers').dxDataGrid({\r\n dataSource: $scope.fleet.UnassignedDrivers,\r\n columns: [\r\n { alignment: 'center', caption: 'Driver ID', dataField: 'Id', cssClass: 'Id', dataType: 'number' },\r\n { alignment: 'center', caption: 'Driver No', dataField: 'Number', cssClass: 'Number', dataType: 'string' },\r\n {\r\n alignment: 'center', caption: 'Driver Name', dataField: 'Name', cssClass: 'Name', dataType: 'string',\r\n cellTemplate: function (container, options) {\r\n $('')\r\n .text(options.data.Name)\r\n .appendTo(container);\r\n container.addClass('grid-cell-align-left');\r\n }\r\n },\r\n ],\r\n filterRow: { visible: true },\r\n groupPanel: { visible: false, },\r\n height: 470,\r\n paging: { pageSize: 10 },\r\n pager: { showPageSizeSelector: false },\r\n rowAlternationEnabled: false,\r\n showColumnLines: true,\r\n showRowLines: false,\r\n showBorders: true,\r\n selection: { mode: 'multiple' },\r\n selectionChanged: function (selectedRowsInfo) {\r\n if (selectedRowsInfo.selectedRowsData.length > 0) {\r\n $scope.isUnassignedDriverSelected = true;\r\n }\r\n else {\r\n $scope.isUnassignedDriverSelected = false;\r\n } \r\n }\r\n });\r\n };\r\n\r\n //Button click functions\r\n $scope.addNewFleet = function () {\r\n $rootScope.pageTitle = \"New Fleet Management\";\r\n FleetFactory.getFleetByID(0).success(function (data) {\r\n $scope.fleet = data;\r\n $scope.refreshAssignedVehiclesGrid();\r\n $scope.refreshUnAssignedVehiclesGrid();\r\n $scope.refreshAssignedDriversGrid();\r\n $scope.refreshUnAssignedDriversGrid();\r\n $scope.isFormVisible = true;\r\n $scope.isDeleteVisible = false;\r\n $scope.isNewFleet = true;\r\n ToggleGreenToYellow();\r\n }).error(function (data, status) {\r\n masterFactory.setError(status, data, $scope);\r\n });\r\n };\r\n\r\n $scope.confirmDeleteEntity = function () {\r\n $('#DeleteModal').modal({ backdrop: 'static' });\r\n };\r\n\r\n $scope.deleteEntity = function (value) {\r\n if (value == 0) {\r\n $('#DeleteModal').modal('hide');\r\n }\r\n else if (value == 1) {\r\n FleetFactory.deleteFleet($scope.fleet.Id).success(function (data) {\r\n FleetFactory.getFleetList().success(function (data) {\r\n var dataGrid = $('#gridFleet').dxDataGrid('instance');\r\n var pageIndex = dataGrid.pageIndex();\r\n $scope.pageSize = dataGrid.pageSize();\r\n $scope.fleetList = data;\r\n $scope.cancelForm();\r\n $scope.refreshGrid(pageIndex);\r\n }).error(function () {\r\n masterFactory.setError(status, data, $scope);\r\n }).finally(function () {\r\n $scope.notify.add({ type: 'success', title: 'Success!', body: 'Deleted Fleet successfully' });\r\n });\r\n }).error(function (data, status) {\r\n masterFactory.setError(status, data, $scope);\r\n }).finally(function () {\r\n $('#DeleteModal').modal('hide');\r\n });\r\n }\r\n };\r\n\r\n $scope.cancelForm = function () {\r\n var dataGrid = $('#gridFleet').dxDataGrid('instance');\r\n dataGrid.clearSelection();\r\n $scope.isFormVisible = false;\r\n $scope.fleetForm.$submitted = false;\r\n $scope.closeModelStateErrors();\r\n $scope.closeAlert();\r\n };\r\n\r\n $scope.reset = function (type) {\r\n if (type == 'update') { // get db fleet and set to scope.fleet.\r\n $('#loadingModal').modal({ backdrop: 'static' });\r\n FleetFactory.getFleetByID($scope.fleet.Id).success(function (data) {\r\n $scope.fleet = data;\r\n $scope.refreshAssignedVehiclesGrid();\r\n $scope.refreshUnAssignedVehiclesGrid();\r\n $scope.refreshAssignedDriversGrid();\r\n $scope.refreshUnAssignedDriversGrid();\r\n }).error(function (data, status) {\r\n masterFactory.setError(status, data, $scope);\r\n }).finally(function () {\r\n $('#loadingModal').modal('hide');\r\n });\r\n }\r\n else {\r\n angular.copy($scope.newfleet, $scope.fleet);\r\n $scope.refreshAssignedVehiclesGrid();\r\n $scope.refreshUnAssignedVehiclesGrid();\r\n $scope.refreshAssignedDriversGrid();\r\n $scope.refreshUnAssignedDriversGrid();\r\n }\r\n\r\n $scope.fleetForm.$setPristine();\r\n $scope.fleetForm.$submitted = false;\r\n $scope.closeModelStateErrors();\r\n $scope.closeAlert();\r\n $scope.notify.add({ type: 'success', title: 'Success!', body: 'Fleet details were reset' });\r\n };\r\n\r\n $scope.submitForm = function () {\r\n if ($scope.fleetForm.$valid) {\r\n $scope.saveFleet();\r\n }\r\n };\r\n\r\n $scope.saveFleet = function () {\r\n var pageindex, id;\r\n $scope.closeModelStateErrors();\r\n $('#loadingModal').modal({ backdrop: 'static' });\r\n FleetFactory.saveFleet($scope.fleet).success(function (fleetId) {\r\n FleetFactory.getFleetList().success(function (data) {\r\n var dataGrid = $('#gridFleet').dxDataGrid('instance');\r\n $scope.pageSize = dataGrid.pageSize();\r\n pageindex = dataGrid.pageIndex();\r\n $scope.fleetList = data;\r\n if ($scope.fleet.Id <= 0) {\r\n $scope.cancelForm(); \r\n } \r\n $scope.refreshGrid(pageindex); \r\n }).error(function (data, status) {\r\n masterFactory.setError(status, data, $scope);\r\n }).finally(function (data) {\r\n if ($scope.fleet.Id > 0) {\r\n $scope.notify.add({ type: 'success', title: 'Success!', body: 'Updated Fleet successfully' });\r\n }\r\n else {\r\n $scope.notify.add({ type: 'success', title: 'Success!', body: 'Created Fleet successfully' });\r\n }\r\n });\r\n }).error(function (data, status) {\r\n masterFactory.setError(status, data, $scope);\r\n }).finally(function () {\r\n $('#loadingModal').modal('hide');\r\n });\r\n };\r\n\r\n // assigning and Unassigning grid items on details panel\r\n $scope.assignVehicles = function () {\r\n var dataGrid = $('#gridUnAssignedVehicles').dxDataGrid('instance');\r\n var selectedRows = dataGrid.getSelectedRowsData();\r\n var i = 0; var len = selectedRows.length;\r\n for (; i < len; i++) {\r\n var prd = $scope.filter($scope.fleet.AssignedVehicles, selectedRows[i].Id);\r\n $scope.fleet.UnassignedVehicles.splice($scope.fleet.UnassignedVehicles.indexOf(selectedRows[i]), 1);\r\n if (prd == null) {\r\n $scope.fleet.AssignedVehicles.push(selectedRows[i]);\r\n }\r\n }\r\n $scope.refreshAssignedVehiclesGrid();\r\n $scope.refreshUnAssignedVehiclesGrid();\r\n dataGrid.clearSelection();\r\n };\r\n\r\n $scope.unassignVehicles = function () {\r\n var dataGrid = $('#gridAssignedVehicles').dxDataGrid('instance');\r\n var selectedRows = dataGrid.getSelectedRowsData();\r\n var i = 0; var len = selectedRows.length;\r\n for (; i < len; i++) {\r\n $scope.fleet.AssignedVehicles.splice($scope.fleet.AssignedVehicles.indexOf(selectedRows[i]), 1);\r\n $scope.fleet.UnassignedVehicles.push(selectedRows[i]);\r\n }\r\n $scope.refreshAssignedVehiclesGrid();\r\n $scope.refreshUnAssignedVehiclesGrid();\r\n dataGrid.clearSelection();\r\n };\r\n\r\n $scope.assignDrivers = function () {\r\n var dataGrid = $('#gridUnAssignedDrivers').dxDataGrid('instance');\r\n var selectedRows = dataGrid.getSelectedRowsData();\r\n var i = 0; var len1 = selectedRows.length;\r\n for (; i < len1; i++) {\r\n var prd = $scope.filter($scope.fleet.AssignedDrivers, selectedRows[i].Id);\r\n $scope.fleet.UnassignedDrivers.splice($scope.fleet.UnassignedDrivers.indexOf(selectedRows[i]), 1);\r\n if (prd == null) {\r\n $scope.fleet.AssignedDrivers.push(selectedRows[i]);\r\n }\r\n }\r\n $scope.refreshAssignedDriversGrid();\r\n $scope.refreshUnAssignedDriversGrid();\r\n dataGrid.clearSelection();\r\n };\r\n\r\n $scope.unassignDrivers = function () {\r\n var dataGrid = $('#gridAssignedDrivers').dxDataGrid('instance');\r\n var selectedRows = dataGrid.getSelectedRowsData();\r\n var i = 0; var len = selectedRows.length;\r\n for (; i < len; i++) {\r\n $scope.fleet.AssignedDrivers.splice($scope.fleet.AssignedDrivers.indexOf(selectedRows[i]), 1);\r\n $scope.fleet.UnassignedDrivers.push(selectedRows[i]);\r\n }\r\n $scope.refreshAssignedDriversGrid();\r\n $scope.refreshUnAssignedDriversGrid();\r\n dataGrid.clearSelection();\r\n };\r\n\r\n // Helping functions and events\r\n $(window).resize(function () {\r\n onWindowResize('#gridFleet', settings.GridMarginHeight);\r\n });\r\n\r\n function grdReadyAction(e) {\r\n onWindowResize('#gridFleet', settings.GridMarginHeight);\r\n };\r\n\r\n collapsibleHeaderClickEvent($scope);\r\n\r\n $scope.filter = function (input, id) {\r\n var i = 0, len = input.length;\r\n for (; i < len; i++) {\r\n if (+input[i].Id == +id) {\r\n return input[i];\r\n }\r\n }\r\n return null;\r\n };\r\n\r\n $scope.closeAlert = function () {\r\n $scope.error = null;\r\n };\r\n\r\n $scope.closeModelStateErrors = function () {\r\n $scope.modelState = [];\r\n };\r\n\r\n $scope.clickHalfDiv = function (control) {\r\n masterFactory.setFocus(control);\r\n };\r\n});\r\n","import { default as app, collapsibleHeaderClickEvent, onWindowResize, resetSelectionColumn, ToggleYellowToGreen, ToggleGreenToYellow, IsUndefinedOrNull } from '@legacy/App';\r\n\r\napp.factory('ImportConfigurationSetFactory', ['$http', 'settings', function ($http, settings) {\r\n return { \r\n uploadConfigurationSet: function (configurationSet) {\r\n return $http.post(settings.ApiURL + settings.ConfigurationSetURL + \"/upload\", configurationSet);\r\n },\r\n importConfigurationSet: function (configurationSet) {\r\n return $http.post(settings.ApiURL + settings.ConfigurationSetURL + \"/import\", configurationSet);\r\n }\r\n };\r\n}]);\r\n\r\napp.controller('ImportConfigurationSetController', ['$scope', '$parse', 'ImportConfigurationSetFactory', '$rootScope', 'settings', 'masterFactory', '$uibModal', 'Upload',\r\n function ($scope, $parse, ImportConfigurationSetFactory, $rootScope, settings, masterFactory, $uibModal, Upload) {\r\n $rootScope.pageTitle = \"Import TransPac Configuration\";\r\n $scope.compareConfigurationSet = null;\r\n $scope.importedConfigurationSet = {};\r\n $scope.importedConfigurationValues = [];\r\n $scope.dbConfigurationSet = []; \r\n $scope.error = \"\";\r\n $scope.isFormVisible = false;\r\n $scope.fileString = null; \r\n $scope.file = null; \r\n $scope.uploaded = false;\r\n $scope.imported = false;\r\n\r\n $scope.$watch('files', function (files) {\r\n $scope.readFile(files, null);\r\n });\r\n\r\n // Initialization - this runs on load\r\n var init = function () {\r\n masterFactory.verifyAuthentication();\r\n };\r\n\r\n init();\r\n\r\n // Button click functions and submit form function\r\n $scope.readFile = function (file, errFiles) { \r\n $scope.fileString = null;\r\n $scope.importedConfigurationSet = [];\r\n $scope.file = null;\r\n $scope.file = file;\r\n // code to read the file. \r\n if (!IsUndefinedOrNull($scope.file)) {\r\n var blob = $scope.file.slice(0, $scope.file.size, 'application/json');\r\n var fr = new FileReader();\r\n // code to get json string from the file. \r\n fr.onload = function (e:any) {\r\n $scope.$apply(function () {\r\n $scope.fileString = e.target.result; \r\n }); \r\n $scope.importedConfigurationSet = JSON.parse($scope.fileString); \r\n };\r\n fr.readAsText(blob);\r\n }\r\n //code to display error when non supported file is selected. \r\n }\r\n\r\n $scope.uploadFile = function () {\r\n $('#loadingModal').modal({ backdrop: 'static' });\r\n ImportConfigurationSetFactory.uploadConfigurationSet($scope.importedConfigurationSet).success(function (data) { \r\n $scope.compareConfigurationSet = data;\r\n $scope.uploaded = true;\r\n $scope.notify.add({ type: 'success', title: 'Success!', body: 'File upload successful.' });\r\n }).error(function (data, status) {\r\n $scope.isFormVisible = false;\r\n masterFactory.setError(status, data, $scope);\r\n }).finally(function () {\r\n $('#loadingModal').modal('hide');\r\n });\r\n };\r\n\r\n $scope.importConfigurations = function () { \r\n // DB version must be same \r\n if ($scope.compareConfigurationSet.CurrentDBVersion != $scope.compareConfigurationSet.ImportedDBVersion) {\r\n $scope.notify.add({ type: 'warning', title: 'Error!', body: 'Cannot Import - Different DB version detected.' });\r\n return;\r\n }\r\n // Imported DB group name required. \r\n else if ($scope.compareConfigurationSet.ConfigurationSetType == 'group' && $scope.compareConfigurationSet.ImportedDBGroupName == '') {\r\n $scope.notify.add({ type: 'warning', title: 'Error!', body: 'Cannot Import - Imported Configs Group name required.' });\r\n return;\r\n }\r\n $('#loadingModal').modal({ backdrop: 'static' });\r\n ImportConfigurationSetFactory.importConfigurationSet($scope.compareConfigurationSet).success(function (data) {\r\n $scope.imported = true;\r\n $scope.notify.add({ type: 'success', title: 'Success!', body: 'Configurations import successful.' });\r\n }).error(function (data, status) {\r\n $scope.isFormVisible = false;\r\n masterFactory.setError(status, data, $scope);\r\n }).finally(function () {\r\n $('#loadingModal').modal('hide');\r\n });\r\n };\r\n\r\n $scope.cancelUpload = function () { \r\n $scope.fileString = null; \r\n $scope.importedConfigurationSet = {};\r\n $scope.compareConfigurationSet = null;\r\n $scope.file = null;\r\n $scope.uploaded = false;\r\n };\r\n\r\n $scope.cancelImport = function () {\r\n $scope.cancelUpload();\r\n };\r\n\r\n $scope.viewComplexConfigValue = function (configurationValue, configTypeToDisplay) {\r\n var modalInstance = $uibModal.open({\r\n backdrop: 'static',\r\n templateUrl: 'app-legacy/Entities/templates/complexConfigurationModal_import.html',\r\n controller: 'ComplexConfigurationModalController',\r\n controllerAs: 'modalVm',\r\n size: 'lg',\r\n scope: $scope,\r\n resolve: {\r\n ComplexConfigurationValue: function () {\r\n configurationValue.deviceId = null;\r\n configurationValue.driverId = null;\r\n if (configTypeToDisplay == 'IMPORTED-DB') {\r\n configurationValue.XmlSchema = angular.copy(configurationValue.ImportedDBXmlValue);\r\n }\r\n else if (configTypeToDisplay == 'CURRENT-DB') {\r\n configurationValue.XmlSchema = angular.copy(configurationValue.CurrentDBXmlValue);\r\n }\r\n return configurationValue;\r\n }\r\n }\r\n });\r\n };\r\n\r\n // Helping functions and events\r\n $scope.closeAlert = function () {\r\n $scope.error = null;\r\n };\r\n\r\n }]);\r\n\r\napp.controller('ComplexConfigurationModalController', ['$scope', '$uibModalInstance', 'ComplexConfigurationValue', '$filter', '$uibModal',\r\n function ($scope, $uibModalInstance, ComplexConfigurationValue, $filter, $uibModal) {\r\n var modalVm = this;\r\n modalVm.labelConfig = $scope.getLables(ComplexConfigurationValue.Id);\r\n init();\r\n\r\n modalVm.cancel = function () {\r\n $uibModalInstance.close('ok');\r\n };\r\n\r\n modalVm.formSelected = function (index) {\r\n modalVm.ModalHeading = modalVm.ComplexConfigurationValue.Name;\r\n modalVm.IsAddNew = false;\r\n modalVm.MultiFormSettings.selectedFormIndex = index;\r\n };\r\n\r\n function init() {\r\n modalVm.ActiveTab = 0;\r\n modalVm.SortedSelectedList = {};\r\n modalVm.ComplexConfigurationValue = angular.copy(ComplexConfigurationValue);\r\n modalVm.ResetComplexConfigurationValue = angular.copy(ComplexConfigurationValue);\r\n modalVm.ModalHeading = modalVm.ComplexConfigurationValue.Name;\r\n modalVm.IsSingle = modalVm.ComplexConfigurationValue.XmlSchema.isSingle;\r\n if (!modalVm.IsSingle) { // multi form settings\r\n modalVm.MultiFormSettings = {\r\n newForm: angular.copy(modalVm.ComplexConfigurationValue.XmlSchema.fieldSequence.splice(modalVm.ComplexConfigurationValue.XmlSchema.fieldSequence.length - 1, 1)),\r\n stagingComplexConfig: angular.copy(modalVm.ComplexConfigurationValue.XmlSchema.fieldSequence),\r\n selectedFormIndex: 0\r\n };\r\n }\r\n };\r\n }]);\r\n","import { default as app, collapsibleHeaderClickEvent, onWindowResize, resetSelectionColumn, ToggleYellowToGreen, ToggleGreenToYellow, IsUndefinedOrNull } from '@legacy/App';\r\n\r\napp.factory('LoadPointFactory', ['$http', 'settings', function ($http, settings) {\r\n return {\r\n getNewLoadPoint: function () {\r\n return $http.get(settings.ApiURL + settings.LoadPointURL + \"/newloadpoint\");\r\n },\r\n getLoadPointList: function () {\r\n return $http.get(settings.ApiURL + settings.LoadPointURL);\r\n }, \r\n getLoadPointDetails: function (id) {\r\n return $http.get(settings.ApiURL + settings.LoadPointURL + \"/\" + id);\r\n },\r\n saveLoadPoint: function (loadPoint) {\r\n return $http.put(settings.ApiURL + settings.LoadPointURL, loadPoint);\r\n }, \r\n getCountryList: function () {\r\n return $http.get(settings.ApiURL + settings.MasterDataURL + \"/countries/0\");\r\n },\r\n deleteLoadPoint: function (id) {\r\n return $http.delete(settings.ApiURL + settings.LoadPointURL + \"/\" + id);\r\n },\r\n getloadLocationGroup: function() {\r\n return $http.get(settings.ApiURL + settings.LoadPointURL + \"/loadlocationgroup\");\r\n },\r\n getProductDropdown: function () {\r\n return $http.get(settings.ApiURL + settings.ProductURL + \"/dropdown/0\");\r\n },\r\n getLoadPointTankById: function (id, loadPointId) {\r\n return $http.get(settings.ApiURL + settings.LoadPointTankUrl + \"/\" + id + \"/\" + loadPointId);\r\n },\r\n };\r\n}]);\r\n\r\napp.controller('LoadPointController', function ($q, $scope, LoadPointFactory, CompanyFactory, $rootScope, settings, masterFactory,$uibModal,ProductFactory) {\r\n\r\n $rootScope.pageTitle = \"Load Point\"; \r\n $scope.loadPoints = [];\r\n $scope.companies = [];\r\n $scope.nonPrintCompanies = [];\r\n $scope.loadPoint = {};\r\n $scope.newloadPoint = {};\r\n $scope.error = \"\";\r\n $scope.modelState = [];\r\n $scope.isFormVisible = false;\r\n $scope.pageSize = 20;\r\n $scope.loadLocation = [];\r\n $scope.productDropdown = [];\r\n $scope.deletedLoadPointTanks = [];\r\n\r\n $scope.popupOptionsBulkPlantTankGrid = {\r\n width: 350,\r\n height: 150,\r\n fullScreen: false,\r\n shading: true,\r\n showTitle: true,\r\n dragEnabled: false,\r\n closeOnOutsideClick: true,\r\n bindingOptions: {\r\n visible: 'popupVisible',\r\n }\r\n };\r\n $scope.filterOptions = {\r\n ProductNumber: null, ProductName: null, ProductGroup: null,\r\n GridPagerOptions: { PageIndex: 0, PageSize: 20, TotalPages: null }\r\n };\r\n // Initialization - this runs on load\r\n var init = function (pageIndex) {\r\n masterFactory.verifyAuthentication();\r\n \r\n $('#loadingModal').modal({ backdrop: 'static' });\r\n $q.all([\r\n LoadPointFactory.getLoadPointList().success(function (data) {\r\n $scope.loadPoints = data;\r\n $scope.refreshGrid(0); \r\n }).error(function (data, status) {\r\n masterFactory.setError(status, data, $scope);\r\n }).finally(function () {\r\n $('#loadingModal').modal('hide');\r\n }),\r\n LoadPointFactory.getNewLoadPoint().success(function (data) {\r\n $scope.newloadPoint = data;\r\n }).error(function (data, status) {\r\n masterFactory.setError(status, data, $scope);\r\n }),\r\n masterFactory.getCompanies(1).success(function (data) {\r\n $scope.companies = data;\r\n }).error(function (data, status) {\r\n masterFactory.setError(status, data, $scope);\r\n }),\r\n LoadPointFactory.getCountryList().success(function (data) {\r\n $scope.countries = data;\r\n }).error(function (data, status) {\r\n masterFactory.setError(status, data, $scope);\r\n }),\r\n CompanyFactory.getNonPrintCompanyList(1).success(function (data) {\r\n $scope.nonPrintCompanies = data;\r\n }).error(function (data) {\r\n masterFactory.setError(status, data, $scope);\r\n }),\r\n LoadPointFactory.getloadLocationGroup().success(function (data) {\r\n $scope.loadLocation = data;\r\n }).error(function (data) {\r\n masterFactory.setError(status, data, $scope);\r\n }),\r\n ProductFactory.getFilteredProductList($scope.filterOptions).success(function (data) {\r\n $scope.productDropdown = data.ProductListVM;\r\n }).error(function (data, status) {\r\n masterFactory.setError(status, data, $scope);\r\n })\r\n ]).then(function () {\r\n });\r\n };\r\n\r\n var getLoadPoint = function (id) {\r\n LoadPointFactory.getLoadPointDetails(id).success(function (data) {\r\n $scope.loadPoint = data;\r\n $scope.refreshBulkPlantTankGrid();\r\n $scope.isBulkPlant = $scope.loadPoint.LoadLocationGroup == 1;\r\n }).error(function (data, status) {\r\n masterFactory.setError(status, data, $scope);\r\n $scope.isBulkPlant = false;\r\n });\r\n };\r\n\r\n // Rendering Grids\r\n $scope.refreshGrid = function (PageIndex) { \r\n $scope.isBulkPlant = false; \r\n $('#gridloadPoint').dxDataGrid({\r\n dataSource: {\r\n store: {\r\n data: $scope.loadPoints,\r\n type: 'array',\r\n key: 'Id'\r\n }\r\n }, \r\n noDataText: \"No Load Points Found\",\r\n showColumnLines: true,\r\n showRowLines: false,\r\n showBorders: true,\r\n rowAlternationEnabled: false,\r\n contentReadyAction: grdReadyAction,\r\n selection: { mode: 'single' },\r\n paging: {\r\n pageSize: $scope.pageSize,\r\n pageIndex: PageIndex\r\n },\r\n pager: {\r\n showPageSizeSelector: true,\r\n allowedPageSizes: [10, 20, 30]\r\n },\r\n filterRow: {\r\n visible: true\r\n },\r\n groupPanel: {\r\n visible: false,\r\n },\r\n columns: [\r\n {\r\n caption: 'Load Point No',\r\n dataField: 'Number',\r\n cssClass: 'Number',\r\n dataType: 'string',\r\n alignment: 'center',\r\n width: 100\r\n },\r\n {\r\n caption: 'Load Point Name',\r\n dataField: 'Name1',\r\n cssClass: 'Name1',\r\n dataType: 'string',\r\n alignment: 'center',\r\n cellTemplate: function (container, options) { \r\n $('').text(options.data.Name1).append(\"\").appendTo(container);\r\n container.addClass('grid-cell-align-left');\r\n $('').text(options.data.Name2).append(\"\").appendTo(container);\r\n container.addClass('grid-cell-align-left'); \r\n }\r\n },\r\n {\r\n caption: 'Load Point Address',\r\n dataField: 'Address',\r\n cssClass: 'Address',\r\n dataType: 'string',\r\n alignment: 'center',\r\n cellTemplate: function (container, options) {\r\n var postcodecity =\"\";\r\n if (options.data.Postcode != null) postcodecity = postcodecity + options.data.Postcode + \" \";\r\n if (options.data.City != null) postcodecity = postcodecity + options.data.City;\r\n $('').text(options.data.Address).append(\"\").appendTo(container);\r\n container.addClass('grid-cell-align-left');\r\n $('').text(postcodecity).append(\"\").appendTo(container);\r\n container.addClass('grid-cell-align-left');\r\n }\r\n }\r\n ],\r\n selectionChanged: function (selectedRowsInfo) {\r\n if (selectedRowsInfo.selectedRowsData[0] != null) {\r\n getLoadPoint(selectedRowsInfo.selectedRowsData[0].Id);\r\n }\r\n else {\r\n $scope.loadPoint = angular.copy($scope.newloadPoint);\r\n $scope.isBulkPlant = false;\r\n }\r\n \r\n $scope.isFormVisible = true;\r\n $scope.isDeleteVisible = true;\r\n ToggleYellowToGreen();\r\n $rootScope.pageTitle = \"Load Points\";\r\n }\r\n\r\n });\r\n };\r\n\r\n $scope.onLoadLocationGroupChange = function(){\r\n $scope.isBulkPlant = $scope.loadPoint.LoadLocationGroup == 1;\r\n }\r\n\r\n $scope.refreshBulkPlantTankGrid = function () {\r\n $scope.isLoadPointTankSelected = false;\r\n $scope.deletedLoadPointTanks = [];\r\n $('#gridBulkPlantTank').dxDataGrid({\r\n dataSource: {\r\n store: {\r\n data: $scope.loadPoint.LoadPointTanks,\r\n type: 'array',\r\n key: 'Id'\r\n }\r\n },\r\n showColumnLines: true,\r\n showRowLines: false,\r\n showBorders: true,\r\n rowAlternationEnabled: false,\r\n columnAutoWidth: true,\r\n height: 230,\r\n selection: { mode: 'single' },\r\n editing: {\r\n editEnabled: false,\r\n insertEnabled: false\r\n },\r\n paging: {\r\n pageSize: 10\r\n },\r\n pager: {\r\n showPageSizeSelector: true,\r\n allowedPageSizes: [10, 20, 30]\r\n },\r\n filterRow: {\r\n visible: false\r\n },\r\n groupPanel: {\r\n visible: false\r\n },\r\n columns: [\r\n {\r\n caption: 'Tank ID',\r\n dataField: 'TankId',\r\n dataType: 'string',\r\n alignment: 'center',\r\n width: '50%'\r\n },\r\n {\r\n caption: 'Product',\r\n dataField: 'ProductName',\r\n dataType: 'string',\r\n alignment: 'center',\r\n width: '50%'\r\n },\r\n {\r\n width: 100,\r\n alignment: 'center',\r\n cellTemplate: function (container, options) {\r\n $('').addClass('dx-link')\r\n .text('Delete')\r\n .on('dxclick', function () {\r\n if ($scope.loadPoint.LoadPointTanks.length > 1) {\r\n $(\"#gridBulkPlantTank\").dxDataGrid(\"instance\").removeRow(options.rowIndex);\r\n $scope.deletedLoadPointTanks.push(options.data);\r\n }\r\n else {\r\n $scope.popupVisible = true;\r\n }\r\n })\r\n .appendTo(container);\r\n }\r\n }\r\n ],\r\n selectionChanged: function (selectedRowsInfo) {\r\n if (selectedRowsInfo.selectedRowsData.length > 0 && !selectedRowsInfo.selectedRowsData[0].Changed) {\r\n //$('#loadingModal').modal({ backdrop: 'static' });\r\n LoadPointFactory.getLoadPointTankById(selectedRowsInfo.selectedRowsData[0].Id, $scope.loadPoint.Id).success(function (data) {\r\n $scope.loadPointTank = data;\r\n $scope.isLoadPointTankSelected = true;\r\n ProductFactory.getProductDetails($scope.loadPointTank.ProductId).success(function (data) {\r\n $scope.loadPointTank.ProductName = data.ProductName;\r\n }).error(function (data, status) {\r\n masterFactory.setError(status, data, $scope);\r\n });\r\n\r\n }).error(function (data, status) {\r\n masterFactory.setError(status, data, $scope);\r\n $scope.isLoadPointTankSelected = false;\r\n }).finally(function () {\r\n //$('#loadingModal').modal('hide');\r\n });\r\n }\r\n else if (selectedRowsInfo.selectedRowsData.length > 0 && selectedRowsInfo.selectedRowsData[0].Changed) {\r\n $scope.loadPointTank = selectedRowsInfo.selectedRowsData[0];\r\n $scope.isLoadPointTankSelected = true;\r\n $rootScope.user.ProductId = 0;\r\n $rootScope.user.ProductName= '';\r\n }\r\n else {\r\n $scope.loadPointTank = {};\r\n $scope.isLoadPointTankSelected = false;\r\n }\r\n }\r\n });\r\n };\r\n\r\n // Button click functions and submit form function\r\n $scope.addNewEntity = function () {\r\n $rootScope.pageTitle = \"New Load Point\";\r\n $scope.isFormVisible = true;\r\n $scope.isDeleteVisible = false;\r\n $scope.loadPoint = angular.copy($scope.newloadPoint);\r\n $scope.loadPoint.LoadPointTanks = []; \r\n $scope.refreshBulkPlantTankGrid(); \r\n ToggleGreenToYellow();\r\n };\r\n\r\n $scope.confirmDeleteEntity = function () {\r\n $('#DeleteModal').modal({ backdrop: 'static' });\r\n };\r\n\r\n $scope.deleteEntity = function (value) {\r\n if (value == 0) {\r\n $('#DeleteModal').modal('hide');\r\n }\r\n else if (value == 1) {\r\n LoadPointFactory.deleteLoadPoint($scope.loadPoint.Id).success(function (data) {\r\n LoadPointFactory.getLoadPointList().success(function (data) {\r\n var dataGrid = $('#gridloadPoint').dxDataGrid('instance');\r\n var pageIndex = dataGrid.pageIndex();\r\n $scope.pageSize = dataGrid.pageSize();\r\n $scope.loadPoints = data;\r\n $scope.cancelForm();\r\n $scope.refreshGrid(pageIndex);\r\n }).error(function (data, status) {\r\n masterFactory.setError(status, data, $scope);\r\n }).finally(function () {\r\n $scope.notify.add({ type: 'success', title: 'Success!', body: 'Deleted Load Point successfully' });\r\n });\r\n }).error(function (data, status) {\r\n masterFactory.setError(status, data, $scope);\r\n }).finally(function () {\r\n $('#DeleteModal').modal('hide');\r\n });\r\n }\r\n };\r\n\r\n $scope.cancelForm = function () {\r\n var dataGrid = $('#gridloadPoint').dxDataGrid('instance');\r\n dataGrid.clearSelection();\r\n $scope.isFormVisible = false; \r\n $scope.loadPointForm.submitted = false;\r\n $scope.closeModelStateErrors();\r\n $scope.closeAlert();\r\n }\r\n\r\n $scope.reset = function (type) {\r\n if (type == 'update') { \r\n getLoadPoint($scope.loadPoint.Id);\r\n }\r\n else {\r\n angular.copy($scope.newloadPoint, $scope.loadPoint);\r\n $scope.isBulkPlant = false;\r\n $scope.loadPoint.LoadPointTanks = [];\r\n }\r\n\r\n $scope.loadPointForm.$setPristine();\r\n $scope.loadPointForm.submitted = false;\r\n $scope.closeModelStateErrors();\r\n $scope.closeAlert();\r\n $scope.notify.add({ type: 'success', title: 'Success!', body: 'Load Point details were reset' });\r\n };\r\n\r\n $scope.submitForm = function () {\r\n $scope.error = '';\r\n if ($scope.loadPointForm.$valid) {\r\n $scope.saveloadPoint();\r\n $scope.loadPointForm.submitted = false;\r\n } else {\r\n $scope.loadPointForm.submitted = true;\r\n }\r\n };\r\n\r\n var scrollToTop = function () {\r\n $('#LoadPointDetailsDiv').scrollTop(0);\r\n }\r\n\r\n $scope.saveloadPoint = function () : void {\r\n var pageindex;\r\n var id = -1;\r\n if($scope.loadPoint.LoadLocationGroup != 1){\r\n $scope.loadPoint.LoadPointTanks.forEach(function (loadPointTank) {\r\n loadPointTank.Deleted = true;\r\n });\r\n }\r\n\r\n $scope.closeModelStateErrors();\r\n if($scope.loadPoint.LoadLocationGroup == 1 && $scope.loadPoint.LoadPointTanks.length == 0)\r\n {\r\n $scope.modelState[$scope.modelState.length] = \"At least one Bulk Tank is required to save the Load Point.\";\r\n scrollToTop();\r\n return;\r\n }\r\n\r\n $scope.loadPoint.LoadPointTanks.forEach(function (loadPointTank) {\r\n if(loadPointTank.TankId == null){\r\n $scope.modelState[$scope.modelState.length] = \"Tank ID is required for bulk plant tank \" + loadPointTank.Id\r\n }\r\n else if(loadPointTank.TankId.length > 50) {\r\n $scope.modelState[$scope.modelState.length] = \"Tank ID has more than 50 characters for bulk plant tank \" + loadPointTank.Id\r\n }\r\n if(loadPointTank.ProductId == null){\r\n $scope.modelState[$scope.modelState.length] = \"Product is required for bulk plant tank \" + loadPointTank.Id\r\n }\r\n if(loadPointTank.Barcode && loadPointTank.Barcode.length > 50) {\r\n $scope.modelState[$scope.modelState.length] = \"Barcode has more than 50 characters for bulk plant tank \" + loadPointTank.Id\r\n }\r\n if($scope.modelState.length > 0)\r\n return;\r\n if (loadPointTank.LoadLocationId == null) {\r\n loadPointTank.LoadLocationId = $scope.loadPoint.Id;\r\n loadPointTank.Id = id;\r\n id--;\r\n }\r\n });\r\n\r\n if($scope.modelState.length > 0) {\r\n scrollToTop();\r\n return;\r\n }\r\n\r\n LoadPointFactory.saveLoadPoint($scope.loadPoint).success(function (loadPointId) {\r\n LoadPointFactory.getLoadPointList($rootScope.accessToken).success(function (data) {\r\n var dataGrid = $('#gridloadPoint').dxDataGrid('instance');\r\n pageindex = dataGrid.pageIndex();\r\n $scope.pageSize = dataGrid.pageSize();\r\n $scope.loadPoints = data;\r\n if ($scope.loadPoint.Id > 0) {\r\n $scope.refreshGrid(pageindex)\r\n }\r\n else {\r\n $scope.cancelForm();\r\n $scope.refreshGrid(pageindex);\r\n }\r\n }).error(function (data, status) {\r\n masterFactory.setError(status, data, $scope);\r\n scrollToTop();\r\n }).finally(function (data) {\r\n if ($scope.loadPoint.Id > 0) {\r\n $scope.notify.add({ type: 'success', title: 'Success!', body: 'Updated Load Point successfully' });\r\n }\r\n else {\r\n $scope.notify.add({ type: 'success', title: 'Success!', body: 'Created Load Point successfully' });\r\n }\r\n }); \r\n }).error(function (data, status) {\r\n masterFactory.setError(status, data, $scope);\r\n scrollToTop();\r\n });\r\n };\r\n\r\n $scope.addNewLoadPointTank = function () {\r\n var dataGrid = $('#gridBulkPlantTank').dxDataGrid('instance');\r\n var len = 0;\r\n var id = 1;\r\n if ($scope.loadPoint.LoadPointTanks != null)\r\n len = $scope.loadPoint.LoadPointTanks.length;\r\n if (len > 0) {\r\n $scope.loadPoint.LoadPointTanks.forEach(function (loadPointTank) {\r\n if (loadPointTank.Id >= id)\r\n id = loadPointTank.Id + 1;\r\n });\r\n }\r\n $scope.loadPointTank = {};\r\n $scope.loadPointTank.Id = id;\r\n $scope.loadPointTank.Deleted = false\r\n $scope.loadPointTank.Changed = true;\r\n $scope.loadPoint.LoadPointTanks[len] = $scope.loadPointTank;\r\n\r\n dataGrid.refresh();\r\n (dataGrid as unknown as FacnmDx).selectRows($scope.loadPointTank);\r\n };\r\n\r\n $scope.onLoadPointTankChange = function () {\r\n var dataGrid = $('#gridBulkPlantTank').dxDataGrid('instance');\r\n var selectedKey = dataGrid.getSelectedRowKeys();\r\n var selectedRows = dataGrid.getSelectedRowsData();\r\n var index = $scope.loadPoint.LoadPointTanks.indexOf(selectedRows[0]);\r\n\r\n if($scope.loadPointTank.ProductId)\r\n $scope.loadPointTank.ProductName = $scope.productDropdown.filter(function(item){return item.Id===$scope.loadPointTank.ProductId})[0].ProductName;\r\n\r\n $scope.loadPointTank.Changed = true;\r\n $scope.loadPoint.LoadPointTanks[index] = $scope.loadPointTank;\r\n dataGrid.refresh();\r\n (dataGrid as unknown as FacnmDx).selectRows(selectedKey, true);\r\n };\r\n\r\n $scope.viewProductList = function () {\r\n $uibModal.open({\r\n templateUrl: 'app-legacy/Entities/templates/defaultCustomerModel.html',\r\n controller: 'ProductListController',\r\n size: 'lg',\r\n scope: $scope,\r\n windowTemplateUrl: 'app-legacy/Entities/templates/modal-scrollable-content.html'\r\n }).result.then(function () {\r\n $scope.loadPointTank.ProductId = $rootScope.user.ProductId;\r\n $scope.onLoadPointTankChange();\r\n }).catch(function () {\r\n });\r\n };\r\n\r\n // Helping functions and events\r\n $(window).resize(function () {\r\n onWindowResize('#gridloadPoint', settings.GridMarginHeight);\r\n });\r\n\r\n function grdReadyAction(e) {\r\n onWindowResize('#gridloadPoint', settings.GridMarginHeight);\r\n };\r\n\r\n collapsibleHeaderClickEvent($scope);\r\n\r\n $scope.clickHalfDiv = function (control) {\r\n masterFactory.setFocus(control);\r\n };\r\n\r\n $scope.closeAlert = function () {\r\n $scope.error = null;\r\n };\r\n\r\n $scope.closeModelStateErrors = function () {\r\n $scope.modelState = [];\r\n };\r\n\r\n init(0);\r\n});\r\n","\r\nimport { default as app } from '@legacy/App';\r\nimport { environment } from 'src/environments/environment';\r\n\r\n\r\napp.factory('LoginFactory', ['$http', 'settings', 'masterFactory', function ($http, settings, masterFactory) {\r\n return {\r\n validateUser: function (user) {\r\n return $http.get(settings.ApiURL + settings.MasterDataURL + '/validateuser/' + user.username + '/' + encodeURIComponent(user.password));\r\n },\r\n authenticate: function (user) {\r\n\r\n var config = {\r\n method: 'POST',\r\n url: environment.endpoint.server + '/token',\r\n headers: {\r\n 'Content-Type': 'application/x-www-form-urlencoded',\r\n },\r\n data: 'grant_type=password&username=' + user.username + '&password=' + encodeURIComponent(user.password) + '&company=' + user.company,\r\n };\r\n var setHttpAuthHeader = function (bearerToken) {\r\n sessionStorage.setItem(\"Bearer\", bearerToken);\r\n return $http.defaults.headers.common.Authorization = 'Bearer ' + bearerToken;\r\n };\r\n\r\n return $http(config)\r\n .success(function (data) {\r\n setHttpAuthHeader(data.access_token);\r\n })\r\n .error(function (data) {\r\n return data;\r\n });\r\n }\r\n }\r\n}]);\r\n\r\napp.controller('LoginController', function ($scope, $state, LoginFactory, $rootScope, settings, masterFactory) {\r\n // Initialization - this runs on load\r\n var init = function () {\r\n $rootScope.pageTitle = \"Login\";\r\n $scope.error = \"\";\r\n $scope.isFormVisible = false;\r\n $scope.user = {\r\n username: '',\r\n password: ''\r\n };\r\n\r\n // Notify the user to upgrade the browser to HTML5 enable browser.\r\n if (typeof (Storage) == \"undefined\") {\r\n alert(\"Your browser does not support HTML5. Try upgrading.\");\r\n }\r\n };\r\n\r\n init();\r\n\r\n $scope.cancelForm = function () {\r\n $scope.loginForm.submitted = false;\r\n }\r\n\r\n $scope.submitForm = function () {\r\n if ($scope.loginForm.$valid) {\r\n $scope.submitLogin();\r\n $scope.loginForm.submitted = false;\r\n } else {\r\n $scope.loginForm.submitted = true;\r\n }\r\n };\r\n\r\n $scope.submitLogin = function () {\r\n $scope.closeAlert();\r\n $('#loadingModal').modal({ backdrop: 'static' });\r\n LoginFactory.authenticate($scope.user).success(function (data) {\r\n $rootScope.user.isAuthenticated = true;\r\n masterFactory.getUserLoginInfo();\r\n masterFactory.RefreshDbIcon();\r\n masterFactory.getModulesStatus();\r\n $state.go('home');\r\n }).error(function (data) {\r\n if (data)\r\n $scope.error = data.error_description;\r\n else {\r\n $scope.error = 'network error';\r\n }\r\n }).finally(function () {\r\n $('#loadingModal').modal('hide');\r\n });\r\n };\r\n\r\n // Helping functions and events\r\n $scope.clickHalfDiv = function (control) {\r\n masterFactory.setFocus(control);\r\n };\r\n\r\n $scope.closeAlert = function () {\r\n $scope.error = null;\r\n };\r\n\r\n});","\r\nimport {default as app} from '@legacy/App';\r\n\r\napp.service('NotifyService', ['$rootScope', function ($rootScope) {\r\n\r\n var queue = [];\r\n\r\n return {\r\n queue: queue,\r\n add: function (item) {\r\n queue.push(item);\r\n setTimeout(function () {\r\n // remove the alert after 2000 ms\r\n $('.alerts .alert').eq(0).remove();\r\n queue.shift();\r\n }, 5000);\r\n },\r\n pop: function () {\r\n return this.queue.pop();\r\n }\r\n };\r\n}]);\r\n\r\napp.service('ModalNotifyService', ['$rootScope', function ($rootScope) {\r\n\r\n var queue = [];\r\n\r\n return {\r\n queue: queue,\r\n add: function (item) {\r\n queue.push(item);\r\n setTimeout(function () {\r\n // remove the alert after 2000 ms\r\n $('.modalAlert.alerts .alert').eq(0).remove();\r\n queue.shift();\r\n }, 5000);\r\n },\r\n pop: function () {\r\n return this.queue.pop();\r\n }\r\n };\r\n}]);","import { default as app, collapsibleHeaderClickEvent, onWindowResize, resetSelectionColumn, ToggleYellowToGreen, ToggleGreenToYellow, IsUndefinedOrNull } from '@legacy/App';\r\n\r\napp.factory('PaymentTermFactory', ['$http', 'settings', function ($http, settings) {\r\n return {\r\n getPaymentTermList: function (companyId) {\r\n return $http.get(settings.ApiURL + settings.PaymentTermsURL + \"/paymentterms/\" + companyId);\r\n },\r\n getNewPaymentTerm: function () {\r\n return $http.get(settings.ApiURL + settings.PaymentTermsURL + \"/newpaymentterm\");\r\n },\r\n getPaymentTermDetails: function (companyId, paymentTermId) {\r\n return $http.get(settings.ApiURL + settings.PaymentTermsURL + '/' + companyId + '/' + paymentTermId);\r\n },\r\n getPaymentTermOptionList: function () {\r\n return $http.get(settings.ApiURL + settings.PaymentTermsURL + \"/paymenttermoption\");\r\n },\r\n getCompanyList: function() {\r\n return $http.get(settings.ApiURL + settings.CompanyURL + \"/dropdown/0\")\r\n },\r\n savePaymentTerm: function (paymentTerm, originalId) {\r\n return $http.put(settings.ApiURL + settings.PaymentTermsURL + '/' + originalId, paymentTerm);\r\n },\r\n deletePaymentTerm: function (companyId, paymentTermId) {\r\n return $http.delete(settings.ApiURL + settings.PaymentTermsURL + '/' + companyId + '/' + paymentTermId);\r\n } \r\n };\r\n}]);\r\n\r\napp.controller('PaymentTermController', ['$q', '$scope', 'PaymentTermFactory', '$rootScope', 'settings', 'masterFactory',\r\n function ($q, $scope, PaymentTermFactory, $rootScope, settings, masterFactory) {\r\n $rootScope.pageTitle = \"Payment Term\";\r\n $scope.paymentTerms = [];\r\n $scope.companies = [];\r\n $scope.paymentTerm = {};\r\n $scope.newpaymentTerm = {};\r\n $scope.paymentTermOptions = [];\r\n $scope.selectedCompany = -1;\r\n $scope.selectedPaymentTerm = -1;\r\n $scope.isNew = false;\r\n $scope.error = \"\";\r\n $scope.modelState = [];\r\n $scope.isFormVisible = false;\r\n $scope.pageSize = 20;\r\n\r\n // Initialization - this runs on load\r\n var init = function () {\r\n masterFactory.verifyAuthentication();\r\n\r\n $('#loadingModal').modal({ backdrop: 'static' });\r\n\r\n $q.all([\r\n PaymentTermFactory.getCompanyList().success(function (response) {\r\n $scope.companies = response;\r\n $scope.selectedCompany = $scope.companies[0].Id;\r\n if ($scope.selectedCompany != null && $scope.selectedCompany != undefined && $scope.selectedCompany > 0) {\r\n PaymentTermFactory.getPaymentTermList($scope.selectedCompany).success(function (data) {\r\n $scope.paymentTerms = data;\r\n $scope.refreshGrid(0, null);\r\n }).error(function (data, status) {\r\n masterFactory.setError(status, data, $scope);\r\n });\r\n }\r\n else {\r\n $scope.paymentTerms = [];\r\n } \r\n }).error(function (data, status) {\r\n masterFactory.setError(status, data, $scope);\r\n }),\r\n PaymentTermFactory.getNewPaymentTerm().success(function (data) {\r\n $scope.newpaymentTerm = data;\r\n }).error(function (data, status) {\r\n masterFactory.setError(status, data, $scope);\r\n }),\r\n PaymentTermFactory.getPaymentTermOptionList().success(function (data) {\r\n $scope.paymentTermOptions = data;\r\n }).error(function (data,status) {\r\n masterFactory.setError(status, data, $scope);\r\n })\r\n ]).then(function () {\r\n $('#loadingModal').modal('hide');\r\n });\r\n\r\n };\r\n\r\n var getPaymentTermDetails = function (companyId, Id) {\r\n $('#loadingModal').modal({ backdrop: 'static' });\r\n PaymentTermFactory.getPaymentTermDetails(companyId, Id).success(function (data) {\r\n $scope.paymentTerm = data; \r\n }).error(function (data, status) {\r\n masterFactory.setError(status, data, $scope);\r\n }).finally(function () {\r\n $('#loadingModal').modal('hide');\r\n });\r\n };\r\n\r\n init();\r\n\r\n // Grid renderers\r\n $scope.refreshGrid = function (PageIndex, Key) { \r\n $('#gridPaymentTerm').dxDataGrid({\r\n dataSource: {\r\n store: {\r\n data: $scope.paymentTerms,\r\n type: 'array',\r\n key: 'Id'\r\n }\r\n }, \r\n noDataText: \"No Payment Terms Found\",\r\n showColumnLines: true,\r\n showRowLines: false,\r\n showBorders: true,\r\n rowAlternationEnabled: false,\r\n contentReadyAction: grdReadyAction,\r\n selection: { mode: 'single' },\r\n paging: {\r\n pageSize: $scope.pageSize,\r\n pageIndex: PageIndex\r\n },\r\n pager: {\r\n showPageSizeSelector: true,\r\n allowedPageSizes: [10, 20, 30]\r\n },\r\n filterRow: {\r\n visible: true\r\n },\r\n groupPanel: {\r\n visible: false,\r\n },\r\n columns: [\r\n {\r\n caption: 'ID',\r\n dataField: 'Id',\r\n cssClass: 'Id',\r\n dataType: 'number',\r\n alignment: 'center',\r\n width: 100,\r\n cellTemplate: function (container, options) {\r\n $('').text(options.data.Id).appendTo(container);\r\n container.addClass('grid-cell-align-left');\r\n }\r\n },\r\n {\r\n caption: 'Payment Term',\r\n dataField: 'Name',\r\n cssClass: 'Name',\r\n dataType: 'string',\r\n alignment: 'center',\r\n cellTemplate: function (container, options) {\r\n $('').text(options.data.Name).appendTo(container);\r\n container.addClass('grid-cell-align-left');\r\n }\r\n }\r\n ],\r\n selectionChanged: function (selectedRowsInfo) {\r\n if (selectedRowsInfo.selectedRowsData[0] != null) {\r\n getPaymentTermDetails($scope.selectedCompany, selectedRowsInfo.selectedRowsData[0].Id);\r\n $scope.originalId = selectedRowsInfo.selectedRowsData[0].Id;\r\n }\r\n else $scope.paymentTerm = angular.copy($scope.newpaymentTerm);\r\n\r\n $scope.error = \"\";\r\n $scope.isNew = false;\r\n $scope.isFormVisible = true;\r\n $scope.isDeleteVisible = true;\r\n ToggleYellowToGreen();\r\n $rootScope.pageTitle = \"Payment Terms\"; \r\n }\r\n\r\n });\r\n\r\n if (Key != null && Key > 0) {\r\n var dataGrid = $('#gridPaymentTerm').dxDataGrid('instance');\r\n (dataGrid as unknown as FacnmDx).selectRows([Key]);\r\n } \r\n };\r\n\r\n // Button click functions and submit form function\r\n $scope.addNewEntity = function () {\r\n $rootScope.pageTitle = \"New Payment Term\";\r\n $scope.originalId = -1;\r\n $scope.error = \"\";\r\n $scope.isFormVisible = true;\r\n $scope.isDeleteVisible = false;\r\n $scope.isNew = true;\r\n $scope.paymentTerm = angular.copy($scope.newpaymentTerm);\r\n $scope.paymentTerm.CompanyId = $scope.selectedCompany;\r\n ToggleGreenToYellow();\r\n };\r\n\r\n $scope.confirmDeleteEntity = function () {\r\n $('#DeleteModal').modal({ backdrop: 'static' });\r\n };\r\n\r\n $scope.deleteEntity = function (value) {\r\n if (value == 0) {\r\n $('#DeleteModal').modal('hide');\r\n }\r\n else if (value == 1) {\r\n PaymentTermFactory.deletePaymentTerm($scope.paymentTerm.CompanyId, $scope.paymentTerm.Id).success(function (data) {\r\n PaymentTermFactory.getPaymentTermList($scope.selectedCompany).success(function (data) {\r\n var dataGrid = $('#gridPaymentTerm').dxDataGrid('instance');\r\n var pageIndex = dataGrid.pageIndex();\r\n $scope.pageSize = dataGrid.pageSize();\r\n dataGrid.clearSelection();\r\n $scope.paymentTerms = data;\r\n $scope.cancelForm();\r\n $scope.refreshGrid(pageIndex, null); \r\n }).error(function (data, status) {\r\n masterFactory.setError(status, data, $scope);\r\n }).finally(function () {\r\n $scope.notify.add({ type: 'success', title: 'Success!', body: 'Deleted Payment Term successfully' });\r\n });\r\n }).error(function (data, status) {\r\n masterFactory.setError(status, data, $scope);\r\n }).finally(function () {\r\n $('#DeleteModal').modal('hide');\r\n });\r\n }\r\n }; \r\n\r\n $scope.cancelForm = function () { \r\n var dataGrid = $('#gridPaymentTerm').dxDataGrid('instance');\r\n dataGrid.clearSelection();\r\n $scope.isFormVisible = false;\r\n $scope.paymentTermForm.submitted = false;\r\n $scope.closeModelStateErrors();\r\n $scope.closeAlert();\r\n };\r\n\r\n $scope.reset = function (type) { \r\n var dataGrid = $('#gridPaymentTerm').dxDataGrid('instance');\r\n var selectedRow = dataGrid.getSelectedRowsData()[0];\r\n if (type == 'update' && selectedRow != null) { // get db payment term and set to scope.payment term.\r\n getPaymentTermDetails($scope.selectedCompany, selectedRow.Id);\r\n $rootScope.pageTitle = \"Payment Terms\"; \r\n }\r\n else {\r\n $scope.paymentTerm = angular.copy($scope.newpaymentTerm);\r\n $scope.paymentTerm.CompanyId = $scope.selectedCompany; \r\n $rootScope.pageTitle = \"New Payment Term\";\r\n }\r\n $scope.paymentTermForm.$setPristine();\r\n $scope.paymentTermForm.submitted = false;\r\n $scope.closeModelStateErrors();\r\n $scope.closeAlert();\r\n $scope.notify.add({ type: 'success', title: 'Success!', body: 'Payment Term details were reset' });\r\n };\r\n\r\n $scope.submitForm = function () {\r\n $scope.error = \"\";\r\n if ($scope.paymentTermForm.$valid) {\r\n $scope.savePaymentTerm();\r\n $scope.paymentTermForm.submitted = false;\r\n } else {\r\n $scope.paymentTermForm.submitted = true;\r\n }\r\n };\r\n\r\n $scope.savePaymentTerm = function () {\r\n var pageindex;\r\n $scope.closeModelStateErrors();\r\n if ($scope.originalId == undefined || $scope.originalId == null)\r\n $scope.originalId = $scope.paymentTerm.Id;\r\n PaymentTermFactory.savePaymentTerm($scope.paymentTerm, $scope.originalId).success(function (data) {\r\n if (!IsUndefinedOrNull(data)) {\r\n $scope.selectedPaymentTerm = data.Id; \r\n PaymentTermFactory.getPaymentTermList($scope.selectedCompany).success(function (data) { \r\n var dataGrid = $('#gridPaymentTerm').dxDataGrid('instance');\r\n $scope.pageSize = dataGrid.pageSize();\r\n pageindex = dataGrid.pageIndex();\r\n $scope.paymentTerms = data;\r\n if ($scope.paymentTerm.Id > 0) {\r\n $scope.refreshGrid(pageindex, $scope.paymentTerm.Id)\r\n }\r\n else {\r\n $scope.cancelForm();\r\n $scope.refreshGrid(pageindex, null);\r\n }\r\n }).error(function (data, status) {\r\n masterFactory.setError(status, data, $scope);\r\n }).finally(function () {\r\n if ($scope.paymentTerm.Id > 0) {\r\n $scope.notify.add({ type: 'success', title: 'Success!', body: 'Updated Payment Term successfully' });\r\n }\r\n else {\r\n $scope.notify.add({ type: 'success', title: 'Success!', body: 'Created Payment Term successfully' });\r\n }\r\n });\r\n } \r\n }).error(function (data, status) {\r\n masterFactory.setError(status, data, $scope);\r\n });\r\n };\r\n\r\n // Helping functions and events\r\n $(window).resize(function () {\r\n onWindowResize('#gridPaymentTerm', settings.GridMarginHeight + 42);\r\n });\r\n\r\n function grdReadyAction(e) {\r\n onWindowResize('#gridPaymentTerm', settings.GridMarginHeight + 42);\r\n };\r\n\r\n collapsibleHeaderClickEvent($scope);\r\n\r\n $scope.closeAlert = function () {\r\n $scope.error = null;\r\n };\r\n\r\n $scope.closeModelStateErrors = function () {\r\n $scope.modelState = [];\r\n };\r\n\r\n $scope.clickHalfDiv = function (control) {\r\n masterFactory.setFocus(control);\r\n };\r\n\r\n $scope.filter = function (input, id) {\r\n var i = 0, len = input.length;\r\n for (; i < len; i++) {\r\n if (+input[i].Id == +id) {\r\n return input[i];\r\n }\r\n }\r\n return null;\r\n };\r\n\r\n $scope.onCompanyChange = function () {\r\n if ($scope.selectedCompany != null && $scope.selectedCompany != undefined && $scope.selectedCompany > 0) {\r\n $('#loadingModal').modal({ backdrop: 'static' });\r\n PaymentTermFactory.getPaymentTermList($scope.selectedCompany).success(function (response) {\r\n $scope.paymentTerms = response;\r\n $scope.paymentTerm = {};\r\n $scope.isFormVisible = false;\r\n $scope.refreshGrid();\r\n }).error(function (data, status) {\r\n masterFactory.setError(status, data, $scope);\r\n }).finally(function () {\r\n $('#loadingModal').modal('hide');\r\n });\r\n }\r\n else {\r\n $scope.paymentTerms = [];\r\n }\r\n };\r\n}]);","import { default as app, collapsibleHeaderClickEvent, onWindowResize, resetSelectionColumn, ToggleYellowToGreen, ToggleGreenToYellow, IsUndefinedOrNull } from '@legacy/App';\r\n\r\napp.factory('PriceGroupFactory', ['$http', 'settings', function ($http, settings) {\r\n return {\r\n getNewPriceGroup: function () {\r\n return $http.get(settings.ApiURL + settings.PriceGroupURL + \"/products/newpricegroup\");\r\n },\r\n getPriceGroupList: function () {\r\n return $http.get(settings.ApiURL + settings.PriceGroupURL + '/products');\r\n },\r\n getProducts: function () {\r\n return $http.get(settings.ApiURL + settings.ProductURL + '/dropdown/1');\r\n },\r\n getProductDetails: function (id) {\r\n return $http.get(settings.ApiURL + settings.ProductURL + '/' + id);\r\n },\r\n getSystemPreferences: function () {\r\n return $http.get(settings.ApiURL + settings.ConfigurationURL + '/systempreferences');\r\n }, \r\n getPriceGroupById: function (id) {\r\n return $http.get(settings.ApiURL + settings.PriceGroupURL + '/products/' + id);\r\n },\r\n savePriceGroup: function (priceGroup) {\r\n return $http.put(settings.ApiURL + settings.PriceGroupURL + '/products', priceGroup);\r\n },\r\n deletePriceGroup: function (id) {\r\n return $http.delete(settings.ApiURL + settings.PriceGroupURL + '/products/' + id);\r\n }\r\n };\r\n}]);\r\n\r\napp.controller('PriceGroupController', function ($q, $scope, PriceGroupFactory, $rootScope, settings, masterFactory, $filter) {\r\n $rootScope.pageTitle = \"Price Group\"; \r\n $scope.priceGroups = [];\r\n $scope.priceGroup = {};\r\n $scope.newpriceGroup = {};\r\n $scope.products = [];\r\n $scope.moneySign = '';\r\n $scope.selectedPriceGroup = -1\r\n $scope.error = \"\";\r\n $scope.modelState = [];\r\n $scope.isFormVisible = false;\r\n $scope.pageSize = 20;\r\n\r\n // Initialization - this runs on load\r\n var init = function () {\r\n masterFactory.verifyAuthentication();\r\n \r\n\r\n $q.all([\r\n PriceGroupFactory.getSystemPreferences().success(function (data) {\r\n $scope.moneySign = data.CurrencyString;\r\n }).error(function (data, status) {\r\n masterFactory.setError(status, data, $scope);\r\n }),\r\n $('#loadingModal').modal({ backdrop: 'static' }),\r\n PriceGroupFactory.getPriceGroupList().success(function (data) {\r\n $scope.priceGroups = data;\r\n PriceGroupFactory.getProducts().success(function (data) {\r\n $scope.products = data;\r\n }).error(function (data, status) {\r\n masterFactory.setError(status, data, $scope);\r\n });\r\n $scope.refreshGrid(0);\r\n }).error(function (data, status) {\r\n masterFactory.setError(status, data, $scope);\r\n }).finally(function () {\r\n $('#loadingModal').modal('hide');\r\n }),\r\n PriceGroupFactory.getNewPriceGroup().success(function (data) {\r\n $scope.newpriceGroup = data;\r\n }).error(function (data, status) {\r\n masterFactory.setError(status, data, $scope);\r\n })\r\n ]).then(function () {\r\n });\r\n\r\n \r\n \r\n };\r\n\r\n init();\r\n\r\n // Grid renderers\r\n $scope.refreshGrid = function (PageIndex) {\r\n $('#gridPriceGroup').dxDataGrid({\r\n dataSource: {\r\n store: {\r\n data: $scope.priceGroups,\r\n type: 'array',\r\n key: 'Id'\r\n }\r\n },\r\n noDataText: \"No Price Groups Found\",\r\n showColumnLines: true,\r\n showRowLines: false,\r\n showBorders: true,\r\n rowAlternationEnabled: false,\r\n contentReadyAction: grdReadyAction,\r\n selection: { mode: 'single' },\r\n paging: {\r\n pageSize: $scope.pageSize,\r\n pageIndex: PageIndex\r\n },\r\n pager: {\r\n showPageSizeSelector: true,\r\n allowedPageSizes: [10, 20, 30]\r\n },\r\n filterRow: {\r\n visible: true\r\n },\r\n groupPanel: {\r\n visible: false,\r\n },\r\n columns: [\r\n {\r\n caption: 'Price Group ID',\r\n dataField: 'Id',\r\n cssClass: 'Id',\r\n dataType: 'number',\r\n alignment: 'center'\r\n },\r\n {\r\n caption: 'Products in the Group',\r\n dataField: 'NumberOfProducts',\r\n cssClass: 'NumberOfProducts',\r\n dataType: 'number',\r\n alignment: 'center'\r\n }\r\n ],\r\n selectionChanged: function (selectedRowsInfo) {\r\n if (selectedRowsInfo.selectedRowsData[0] != null) {\r\n $('#loadingModal').modal({ backdrop: 'static' });\r\n PriceGroupFactory.getPriceGroupById(selectedRowsInfo.selectedRowsData[0].Id).success(function (data) {\r\n $scope.priceGroup = data;\r\n $scope.isFormVisible = true;\r\n $scope.isDeleteVisible = true;\r\n ToggleYellowToGreen();\r\n $rootScope.pageTitle = \"Price Groups\";\r\n $scope.refreshPriceGroupProducts();\r\n }).error(function (data, status) {\r\n masterFactory.setError(status, data, $scope);\r\n }).finally(function () {\r\n $('#loadingModal').modal('hide');\r\n });\r\n }\r\n }\r\n\r\n });\r\n };\r\n\r\n $scope.refreshPriceGroupProducts = function () {\r\n\r\n $('#gridPriceGroupProducts').dxDataGrid({\r\n dataSource: $scope.priceGroup.Products,\r\n showColumnLines: true,\r\n showRowLines: false,\r\n showBorders: true,\r\n rowAlternationEnabled: false,\r\n height: 470,\r\n selection: { mode: 'single' },\r\n paging: {\r\n pageSize: 30\r\n },\r\n editing: {\r\n editEnabled: false,\r\n insertEnabled: true,\r\n removeEnabled: true\r\n },\r\n pager: {\r\n showPageSizeSelector: true,\r\n allowedPageSizes: [10, 20, 30]\r\n },\r\n filterRow: {\r\n visible: false\r\n },\r\n groupPanel: {\r\n visible: false,\r\n },\r\n columns: [\r\n {\r\n caption: 'Product',\r\n dataField: 'ProductId', \r\n validationRules: [{ type: 'required' }],\r\n alignment: 'center',\r\n width: '40%',\r\n lookup: {\r\n dataSource: $scope.products,\r\n displayExpr: 'ProductName', \r\n valueExpr: 'Id'\r\n } \r\n },\r\n {\r\n caption: 'Quantity',\r\n dataField: 'MinimumQty',\r\n dataType: 'number',\r\n validationRules: [{ type: 'required' }],\r\n width: '15%',\r\n alignment: 'center',\r\n cellTemplate: function (container, options) {\r\n var text = '> ' + (IsUndefinedOrNull(options.data.MinimumQty) ? '' : options.data.MinimumQty) + ' '\r\n + (IsUndefinedOrNull(options.data.QuantityUnit) ? '' : options.data.QuantityUnit);\r\n $('').text(text).appendTo(container);\r\n }\r\n },\r\n {\r\n caption: 'Price',\r\n dataField: 'Price',\r\n dataType: 'number',\r\n validationRules: [{ type: 'required' }],\r\n width: '15%',\r\n alignment: 'center',\r\n cellTemplate: function (container, options) {\r\n var text = options.data.Price + ' '\r\n + (IsUndefinedOrNull($scope.moneySign) ? '' : $scope.moneySign) + '/'\r\n + ((IsUndefinedOrNull(options.data.PricePer) || (options.data.PricePer == 1)) ? '' : options.data.PricePer) + ' '\r\n + (IsUndefinedOrNull(options.data.QuantityUnit) ? '' : options.data.QuantityUnit);\r\n\r\n $('').text(text).appendTo(container);\r\n },\r\n },\r\n {\r\n caption: 'From',\r\n dataField: 'FromDate', \r\n dataType: 'date',\r\n format: 'dd/MM/yyyy',\r\n width: '15%',\r\n alignment: 'center'\r\n },\r\n {\r\n caption: 'Until',\r\n dataField: 'ToDate', \r\n dataType: 'date',\r\n format: 'dd/MM/yyyy',\r\n width: '15%',\r\n alignment: 'center'\r\n }\r\n ],\r\n rowInserted: function (rowInfo) {\r\n var obj = rowInfo;\r\n PriceGroupFactory.getProductDetails(rowInfo.data.ProductId).success(function (data) { \r\n var filteredProducts = $filter('filter')($scope.priceGroup.Products, { ProductId: data.Id });\r\n for (var i = 0; i < filteredProducts.length; i++) {\r\n if (filteredProducts[i].ProductId == data.Id && IsUndefinedOrNull(filteredProducts[i].QuantityUnit)) { \r\n filteredProducts[i].QuantityUnit = data.QuantityUnit;\r\n }\r\n if (filteredProducts[i].ProductId == data.Id && IsUndefinedOrNull(filteredProducts[i].PricePer)) {\r\n filteredProducts[i].PricePer = data.PricePer;\r\n }\r\n }\r\n $scope.refreshPriceGroupProducts(); \r\n \r\n }).error(function (data, status) {\r\n masterFactory.setError(status, data, $scope);\r\n }) \r\n }\r\n }).dxDataGrid('instance');\r\n\r\n var grd = document.getElementById(\"gridPriceGroupProducts\");\r\n if (grd.getElementsByClassName(\"dx-datagrid-header-panel\")[0].childNodes.length == 1)\r\n $(' Price Group Products ').appendTo(grd.getElementsByClassName(\"dx-datagrid-header-panel\")[0]);\r\n };\r\n\r\n // Button click functions and submit form function\r\n $scope.addNewEntity = function () {\r\n $rootScope.pageTitle = \"New Price Group\"; \r\n $scope.isFormVisible = true;\r\n $scope.isDeleteVisible = false;\r\n $scope.priceGroup = angular.copy($scope.newpriceGroup);\r\n $scope.refreshPriceGroupProducts();\r\n $scope.refreshPriceGroupProducts();\r\n ToggleGreenToYellow();\r\n };\r\n\r\n $scope.confirmDeleteEntity = function () {\r\n $('#DeleteModal').modal({ backdrop: 'static' });\r\n };\r\n\r\n $scope.deleteEntity = function (value) {\r\n if (value == 0) {\r\n $('#DeleteModal').modal('hide');\r\n }\r\n else if (value == 1) {\r\n PriceGroupFactory.deletePriceGroup($scope.priceGroup.Id).success(function (data) {\r\n PriceGroupFactory.getPriceGroupList($rootScope.accessToken).success(function (data) {\r\n var dataGrid = $('#gridPriceGroup').dxDataGrid('instance');\r\n var pageIndex = dataGrid.pageIndex();\r\n $scope.pageSize = dataGrid.pageSize();\r\n $scope.priceGroups = data;\r\n $scope.cancelForm();\r\n $scope.refreshGrid(pageIndex);\r\n }).error(function (data, status) {\r\n masterFactory.setError(status, data, $scope);\r\n }).finally(function () {\r\n $scope.notify.add({ type: 'success', title: 'Success!', body: 'Deleted Price Group successfully' });\r\n }); \r\n }).error(function (data, status) {\r\n masterFactory.setError(status, data, $scope);\r\n }).finally(function () {\r\n $('#DeleteModal').modal('hide');\r\n });\r\n }\r\n };\r\n\r\n $scope.cancelForm = function () {\r\n var dataGrid = $('#gridPriceGroup').dxDataGrid('instance');\r\n dataGrid.clearSelection();\r\n $scope.priceGroup = {};\r\n $scope.priceGroup.Products = []; \r\n $scope.isFormVisible = false; \r\n $scope.priceGroupForm.submitted = false;\r\n $scope.closeModelStateErrors();\r\n $scope.closeAlert();\r\n };\r\n\r\n $scope.reset = function (type) {\r\n if (type == 'update') { // get db bankaccount and set to scope.bankaccount.\r\n PriceGroupFactory.getPriceGroupById($scope.priceGroup.Id).success(function (data) {\r\n $scope.priceGroup = data;\r\n $scope.refreshPriceGroupProducts();\r\n }).error(function (data, status) {\r\n masterFactory.setError(status, data, $scope);\r\n });\r\n }\r\n else {\r\n angular.copy($scope.newpriceGroup, $scope.priceGroup);\r\n $scope.refreshPriceGroupProducts();\r\n }\r\n $scope.priceGroupForm.$setPristine();\r\n $scope.priceGroupForm.submitted = false;\r\n $scope.closeModelStateErrors();\r\n $scope.closeAlert();\r\n $scope.notify.add({ type: 'success', title: 'Success!', body: 'Price Group details were reset' }); \r\n };\r\n\r\n $scope.submitForm = function () {\r\n if ($scope.priceGroupForm.$valid) {\r\n $scope.savePriceGroup();\r\n $scope.priceGroupForm.submitted = false;\r\n } else {\r\n $scope.priceGroupForm.submitted = true;\r\n }\r\n };\r\n\r\n $scope.savePriceGroup = function () {\r\n if (IsUndefinedOrNull($scope.priceGroup.Id) || $scope.priceGroup.Id <= 0) {\r\n $scope.priceGroup.Id = -1;\r\n }\r\n if ($scope.priceGroup.Products.length > 0) {\r\n $('#loadingModal').modal({ backdrop: 'static' });\r\n PriceGroupFactory.savePriceGroup($scope.priceGroup).success(function (data) {\r\n PriceGroupFactory.getPriceGroupList($rootScope.accessToken).success(function (data) {\r\n var dataGrid = $('#gridPriceGroup').dxDataGrid('instance');\r\n var pageIndex = dataGrid.pageIndex();\r\n $scope.pageSize = dataGrid.pageSize();\r\n $scope.priceGroups = data;\r\n if ($scope.priceGroup.Id > 0) {\r\n $scope.refreshGrid(pageIndex)\r\n }\r\n else {\r\n $scope.cancelForm();\r\n $scope.refreshGrid(pageIndex);\r\n }\r\n }).error(function (data, status) {\r\n masterFactory.setError(status, data, $scope);\r\n }).finally(function () {\r\n if ($scope.priceGroup.Id > 0) {\r\n $scope.notify.add({ type: 'success', title: 'Success!', body: 'Updated Price Group successfully' });\r\n }\r\n else {\r\n $scope.notify.add({ type: 'success', title: 'Success!', body: 'Created Price Group successfully' });\r\n } \r\n });\r\n }).error(function (data, status) {\r\n masterFactory.setError(status, data, $scope);\r\n }).finally(function () {\r\n $('#loadingModal').modal('hide');\r\n });\r\n }\r\n else {\r\n $scope.error = 'Add minimum one Product!';\r\n }\r\n }\r\n\r\n // Helping functions and events\r\n $(window).resize(function () {\r\n onWindowResize('#gridPriceGroup', settings.GridMarginHeight);\r\n });\r\n\r\n function grdReadyAction(e) {\r\n onWindowResize('#gridPriceGroup', settings.GridMarginHeight);\r\n };\r\n\r\n collapsibleHeaderClickEvent($scope);\r\n\r\n $scope.closeAlert = function () {\r\n $scope.error = null;\r\n };\r\n\r\n $scope.closeModelStateErrors = function () {\r\n $scope.modelState = [];\r\n };\r\n\r\n $scope.filter = function (input, id) {\r\n var i = 0, len = input.length;\r\n for (; i < len; i++) {\r\n if (+input[i].Id == +id) {\r\n return input[i];\r\n }\r\n }\r\n return null;\r\n };\r\n\r\n $scope.clickHalfDiv = function (control) {\r\n masterFactory.setFocus(control);\r\n };\r\n\r\n //var quantityUnitExits = function (quantityUnit) {\r\n // var flag = false;\r\n // $scope.factorQuantityUnits.forEach(function (qUnit) {\r\n // if (qUnit.name == quantityUnit) {\r\n // flag = true;\r\n // }\r\n // });\r\n // return flag;\r\n //};\r\n\r\n});","import { default as app, collapsibleHeaderClickEvent, onWindowResize, resetSelectionColumn, ToggleYellowToGreen, ToggleGreenToYellow, IsUndefinedOrNull } from '@legacy/App';\r\n\r\napp.factory('ProductFactory', ['$http', 'settings', function ($http, settings) {\r\n return {\r\n getNewProduct: function () {\r\n return $http.get(settings.ApiURL + settings.ProductURL + \"/newproduct\");\r\n },\r\n getProductDetails: function (id) {\r\n return $http.get(settings.ApiURL + settings.ProductURL + \"/\" + id);\r\n },\r\n saveProduct: function (product) {\r\n return $http.put(settings.ApiURL + settings.ProductURL, product);\r\n },\r\n saveProductType: function (productType) {\r\n return $http.put(settings.ApiURL + settings.ProductURL + \"/producttypes\", productType);\r\n },\r\n deleteProduct: function (id) {\r\n return $http.delete(settings.ApiURL + settings.ProductURL + \"/\" + id);\r\n },\r\n getFilteredProductList: function (filterOptions) {\r\n return $http.put(settings.ApiURL + settings.ProductURL + \"/filter\", filterOptions);\r\n },\r\n getProductCategoryList: function () {\r\n return $http.get(settings.ApiURL + settings.ProductCategoriesURL);\r\n },\r\n saveProductCategory: function (productCategories) {\r\n return $http.put(settings.ApiURL + settings.ProductCategoriesURL, productCategories);\r\n },\r\n deleteProductCategory: function (id) {\r\n return $http.delete(settings.ApiURL + settings.ProductCategoriesURL + \"/\" + id);\r\n },\r\n isProductCategoryDeletable: function (id) {\r\n return $http.get(settings.ApiURL + settings.ProductCategoriesURL + \"/deletable/\" + id);\r\n },\r\n getProductCategoryShapes: function () {\r\n return $http.get(settings.ApiURL + settings.ProductCategoriesURL + \"/shapes\");\r\n },\r\n getProductDropdown: function () {\r\n return $http.get(settings.ApiURL + settings.ProductURL + \"/dropdown/1\");\r\n },\r\n getSalesTaxDropdown: function () {\r\n return $http.get(settings.ApiURL + settings.ProductURL + \"/salestax/dropdown\");\r\n },\r\n getQuantityUnitDropdown: function () {\r\n return $http.get(settings.ApiURL + settings.ProductURL + \"/quantityunit/dropdown\");\r\n },\r\n getPriceChangeableDropdown: function () {\r\n return $http.get(settings.ApiURL + settings.ProductURL + \"/pricechangeable/dropdown\");\r\n },\r\n getProductTypeDropdown: function () {\r\n return $http.get(settings.ApiURL + settings.ProductURL + \"/producttype/dropdown\");\r\n },\r\n getDangerousGoodsDropdown: function () {\r\n return $http.get(settings.ApiURL + settings.ProductURL + \"/dangerousgoods/dropdown\");\r\n },\r\n saveNewUnit: function (newUnit) {\r\n return $http.put(settings.ApiURL + settings.ProductURL + \"/quantityunit/dropdown\", newUnit);\r\n }\r\n };\r\n}]);\r\n\r\napp.controller('ProductController', ['$q', '$scope', 'ProductFactory', 'CompanyFactory', '$uibModal', '$rootScope', 'settings', \"masterFactory\",\r\n function ($q, $scope, ProductFactory, CompanyFactory, $uibModal, $rootScope, settings, masterFactory) {\r\n $rootScope.pageTitle = \"Product\";\r\n $scope.companyDropdown = [];\r\n $scope.nonPrintCompanies = [];\r\n $scope.dangerousgoodsDropdown = [];\r\n $scope.productList = [];\r\n $scope.productDropdown = [];\r\n $scope.producttypeDropdown = [];\r\n $scope.salestaxDropdown = [];\r\n $scope.submitted = false;\r\n $scope.quantityunitDropdown = [];\r\n $scope.pricechangeableDropdown = [];\r\n $scope.product = {};\r\n $scope.newproduct = {};\r\n $scope.ProductCategories = [];\r\n $scope.error = \"\";\r\n $scope.modelState = [];\r\n $scope.isFormVisible = false;\r\n $scope.PageSize = 20;\r\n $scope.TotalCount = null;\r\n $scope.filterOptions = {\r\n ProductNumber: null, ProductName: null, ProductGroup: null,\r\n GridPagerOptions: { PageIndex: 0, PageSize: 20, TotalPages: null }\r\n };\r\n\r\n var getProductDetails = function (id) {\r\n ProductFactory.getProductDetails(id).success(function (data) {\r\n $scope.product = data;\r\n }).error(function (data, status) {\r\n masterFactory.setError(status, data, $scope);\r\n });\r\n };\r\n\r\n var productGridDataSource = {\r\n store: new DevExpress.data.CustomStore({\r\n // DataSource Configuration\r\n key: [\"Id\"],\r\n pageSize: $scope.PageSize,\r\n // Data Access Logic\r\n load: function (loadOptions) {\r\n var d = $.Deferred();\r\n var params = {};\r\n\r\n if (loadOptions != undefined) {\r\n $scope.filterOptions.ProductNumber = null;\r\n $scope.filterOptions.ProductName = null;\r\n $scope.filterOptions.ProductGroup = null;\r\n if (loadOptions.filter != undefined) { // accessing grid filter values \r\n for (var i = 0; i < loadOptions.filter.length; i++) {\r\n if (loadOptions.filter[i].length == 3) {\r\n if (loadOptions.filter[i][0] == \"ProductNumber\") $scope.filterOptions.ProductNumber = loadOptions.filter[i][2];\r\n else if (loadOptions.filter[i][0] == \"ShortProductName\") $scope.filterOptions.ProductName = loadOptions.filter[i][2];\r\n else if (loadOptions.filter[i][0] == \"ProductCategoryId\") $scope.filterOptions.ProductGroup = loadOptions.filter[i][2];\r\n }\r\n }\r\n }\r\n $scope.filterOptions.GridPagerOptions.PageSize = (IsUndefinedOrNull(loadOptions.take) == true) ? $scope.PageSize : loadOptions.take;\r\n $scope.filterOptions.GridPagerOptions.PageIndex = ((IsUndefinedOrNull(loadOptions.take) && IsUndefinedOrNull(loadOptions.skip)) == true) ? 0 : (loadOptions.skip / loadOptions.take);\r\n }\r\n ProductFactory.getFilteredProductList($scope.filterOptions).success(function (data) {\r\n d.resolve(data.ProductListVM, { totalCount: data.TotalCount });\r\n $scope.TotalCount = data.TotalCount;\r\n }).error(function (data, status) {\r\n masterFactory.setError(status, data, $scope);\r\n }).finally(function () {\r\n });\r\n return d.promise();\r\n },\r\n byKey: function (key, extra) {\r\n },\r\n update: function (values) {\r\n }\r\n })\r\n };\r\n\r\n // Grid renderers\r\n $scope.refreshGrid = function (PageIndex) {\r\n $('#gridProduct').dxDataGrid({\r\n columns: [\r\n { caption: 'Product Number', dataField: 'ProductNumber', cssClass: 'ProductNumber', dataType: 'string', alignment: 'center', width: 150 },\r\n {\r\n caption: 'Product Name', dataField: 'ShortProductName', cssClass: 'ShortProductName', dataType: 'string', alignment: 'center',\r\n cellTemplate: function (container, options) {\r\n $('')\r\n .text(options.data.ShortProductName)\r\n .appendTo(container);\r\n container.addClass('grid-cell-align-left');\r\n }\r\n },\r\n {\r\n caption: 'Product Category', dataField: 'ProductCategoryId', cssClass: 'ProductCategoryId', dataType: 'number', alignment: 'center',\r\n lookup: {\r\n dataSource: $scope.ProductCategories,\r\n displayExpr: 'Name',\r\n valueExpr: 'Id'\r\n }\r\n }\r\n ],\r\n contentReadyAction: grdReadyAction,\r\n dataSource: productGridDataSource,\r\n filterRow: { visible: true },\r\n groupPanel: { visible: false },\r\n noDataText: \"No Products Found\",\r\n paging: { pageSize: $scope.PageSize, pageIndex: PageIndex },\r\n pager: { visible: true, allowedPageSizes: [10, 20, 30], showPageSizeSelector: true },\r\n rowAlternationEnabled: false,\r\n selection: { mode: 'single' },\r\n selectionChanged: function (selectedRowsInfo) {\r\n if (selectedRowsInfo.selectedRowsData[0] != null) {\r\n getProductDetails(selectedRowsInfo.selectedRowsData[0].Id);\r\n }\r\n else {\r\n $scope.product = angular.copy($scope.newproduct);\r\n }\r\n\r\n $scope.isFormVisible = true;\r\n $scope.isDeleteVisible = true;\r\n ToggleYellowToGreen();\r\n $rootScope.pageTitle = \"Product\";\r\n $scope.newUnit = \"\";\r\n $scope.isNewUnit = false;\r\n },\r\n scrolling: { mode: 'standard' },\r\n showBorders: true,\r\n showColumnLines: true,\r\n showRowLines: false,\r\n sorting: { mode: 'none' }\r\n });\r\n };\r\n\r\n // Button click functions and submit form function\r\n $scope.addNewProduct = function () {\r\n $rootScope.pageTitle = \"New Product\";\r\n $scope.newUnit = \"\";\r\n $scope.isNewUnit = false;\r\n $scope.isFormVisible = true;\r\n $scope.isDeleteVisible = false;\r\n $scope.product = angular.copy($scope.newproduct);\r\n ToggleGreenToYellow();\r\n };\r\n\r\n $scope.confirmDeleteEntity = function () {\r\n $('#DeleteModal').modal({ backdrop: 'static' });\r\n };\r\n\r\n $scope.deleteEntity = function (value) {\r\n if (value == 0) {\r\n $('#DeleteModal').modal('hide');\r\n }\r\n else if (value == 1) {\r\n ProductFactory.deleteProduct($scope.product.Id).success(function (data) {\r\n var dataGrid = $('#gridProduct').dxDataGrid('instance');\r\n dataGrid.refresh();\r\n $scope.cancelForm();\r\n $scope.notify.add({ type: 'success', title: 'Success!', body: 'Deleted Product successfully' });\r\n }).error(function (data, status) {\r\n masterFactory.setError(status, data, $scope);\r\n }).finally(function () {\r\n $('#DeleteModal').modal('hide');\r\n });\r\n }\r\n };\r\n\r\n $scope.cancelForm = function () {\r\n var dataGrid = $('#gridProduct').dxDataGrid('instance');\r\n dataGrid.clearSelection();\r\n $scope.isFormVisible = false;\r\n $scope.productForm.submitted = false;\r\n $scope.closeModelStateErrors();\r\n $scope.closeAlert();\r\n };\r\n\r\n $scope.reset = function (type) {\r\n if (type == 'update') { // get db bankaccount and set to scope.bankaccount.\r\n getProductDetails($scope.product.Id);\r\n }\r\n else {\r\n angular.copy($scope.newproduct, $scope.product);\r\n }\r\n\r\n $scope.newUnit = \"\";\r\n $scope.isNewUnit = false;\r\n $scope.productForm.$setPristine();\r\n $scope.productForm.submitted = false;\r\n $scope.closeModelStateErrors();\r\n $scope.closeAlert();\r\n $scope.notify.add({ type: 'success', title: 'Success!', body: 'Product details were reset' });\r\n };\r\n\r\n $scope.submitForm = function () {\r\n if ($scope.productForm.$valid) {\r\n $scope.saveProduct();\r\n $scope.productForm.submitted = false;\r\n } else {\r\n $scope.productForm.submitted = true;\r\n }\r\n };\r\n\r\n $scope.saveProduct = function () {\r\n $('#loadingModal').modal({ backdrop: 'static' });\r\n $scope.closeModelStateErrors();\r\n ProductFactory.saveProduct($scope.product).success(function (data) {\r\n var dataGrid = $('#gridProduct').dxDataGrid('instance');\r\n //$scope.pageSize = dataGrid.pageSize();\r\n var pageindex = dataGrid.pageIndex();\r\n var keys = dataGrid.getSelectedRowKeys();\r\n if ($scope.product.Id <= 0) {\r\n $scope.cancelForm();\r\n $scope.refreshGrid(pageindex, null);\r\n $scope.notify.add({ type: 'success', title: 'Success!', body: 'Created Product successfully' });\r\n }\r\n else {\r\n $scope.refreshGrid(pageindex, keys);\r\n $scope.notify.add({ type: 'success', title: 'Success!', body: 'Updated Product successfully' });\r\n }\r\n }).error(function (data, status) {\r\n masterFactory.setError(status, data, $scope);\r\n }).finally(function () {\r\n $('#loadingModal').modal('hide');\r\n });\r\n };\r\n\r\n // Adding and saving new Quantity Unit\r\n $scope.addNewUnit = function () {\r\n $scope.isNewUnit = true;\r\n $scope.newUnit = \"\";\r\n masterFactory.setFocus('focusNewUnit');\r\n };\r\n\r\n $scope.saveNewUnit = function () {\r\n if ($scope.newUnit != \"\") {\r\n var flag = false;\r\n for (var i = 0; i < $scope.quantityunitDropdown.length; i++) {\r\n if ($scope.quantityunitDropdown[i].toLowerCase() == $scope.newUnit.toLowerCase()) {\r\n flag = true;\r\n $scope.newUnit = $scope.quantityunitDropdown[i];\r\n }\r\n }\r\n if (!flag) $scope.quantityunitDropdown.push($scope.newUnit);\r\n $scope.product.QuantityUnit = $scope.newUnit;\r\n $scope.isNewUnit = false;\r\n }\r\n else {\r\n masterFactory.setFocus('focusNewUnit');\r\n }\r\n };\r\n\r\n $scope.cancelNewUnit = function () {\r\n $scope.newUnit = \"\";\r\n $scope.isNewUnit = false;\r\n };\r\n\r\n // New Product type button click function\r\n\r\n $('#productTypeModal').on('hidden.bs.modal', function () {\r\n $scope.productType = {};\r\n $scope.modelError = '';\r\n });\r\n\r\n $scope.addnewProductType = function () {\r\n $('#productTypeModal').modal({ backdrop: 'static' });\r\n ProductFactory.saveProductType($scope.productType).success(function (data) {\r\n $scope.notify.add({ type: 'success', title: 'Success!', body: 'Added new Product Type' });\r\n ProductFactory.getProductTypeDropdown().success(function (data) {\r\n $scope.producttypeDropdown = data;\r\n $('#productTypeModal').modal('hide');\r\n }).error(function (data, status) {\r\n masterFactory.setError(status, 'Error loading Product Types: ' + data, $scope);\r\n });\r\n }).error(function (data) {\r\n $scope.modelError = data;\r\n }).finally(function () {\r\n\r\n });\r\n };\r\n\r\n $scope.closeProductType = function () {\r\n $scope.productType = null;\r\n $scope.modelError = '';\r\n $('#productTypeModal').modal('hide');\r\n };\r\n\r\n\r\n $scope.viewProductCategoriesModal = function () {\r\n var modalInstance = $uibModal.open({\r\n templateUrl: 'app-legacy/Entities/templates/productCategoriesModal.html',\r\n controller: 'ProductCategoriesModalController',\r\n controllerAs: 'modalVm',\r\n size: 'lg',\r\n scope: $scope\r\n });\r\n\r\n modalInstance.result.then(function (message) {\r\n if (message == 'ok') {\r\n ProductFactory.getProductCategoryList().success(function (data) {\r\n $scope.ProductCategories = data;\r\n }).error(function (data, status) {\r\n masterFactory.setError(status, data, $scope);\r\n }),\r\n $scope.notify.add({ type: 'success', title: 'Success!', body: 'Saved Product Categories successfully' });\r\n }\r\n\r\n }, function () {\r\n\r\n });\r\n };\r\n\r\n\r\n $scope.closeModelAlert = function () {\r\n $scope.modelError = '';\r\n };\r\n\r\n // Helping functions and events\r\n $(window).resize(function () {\r\n onWindowResize('#gridProduct', settings.GridMarginHeight);\r\n });\r\n\r\n function grdReadyAction(e) {\r\n onWindowResize('#gridProduct', settings.GridMarginHeight);\r\n }\r\n\r\n collapsibleHeaderClickEvent($scope);\r\n\r\n $scope.closeAlert = function () {\r\n $scope.error = null;\r\n };\r\n\r\n $scope.closeModelStateErrors = function () {\r\n $scope.modelState = [];\r\n };\r\n\r\n $scope.filter = function (input, id) {\r\n var i = 0, len = input.length;\r\n for (; i < len; i++) {\r\n if (+input[i].Id == +id) {\r\n return input[i];\r\n }\r\n }\r\n return null;\r\n };\r\n\r\n $scope.setProductWeightDefaultValue = function (IsEmptyArticle) {\r\n if (IsEmptyArticle == true && $scope.product.ProductWeight != 0)\r\n $scope.product.ProductWeight = 0;\r\n };\r\n\r\n // Initialization - this runs on load\r\n var init = function () {\r\n masterFactory.verifyAuthentication();\r\n\r\n $('#loadingModal').modal({ backdrop: 'static' });\r\n $q.all([\r\n ProductFactory.getProductCategoryList().success(function (data) {\r\n $scope.ProductCategories = data;\r\n }).error(function (data, status) {\r\n masterFactory.setError(status, data, $scope);\r\n }),\r\n CompanyFactory.getCompanyDropDown(1).success(function (data) {\r\n $scope.companyDropdown = data;\r\n }).error(function (data, status) {\r\n masterFactory.setError(status, data, $scope);\r\n }),\r\n CompanyFactory.getNonPrintCompanyList(1).success(function (data) {\r\n $scope.nonPrintCompanies = data;\r\n }).error(function (data) {\r\n masterFactory.setError(status, data, $scope);\r\n }),\r\n ProductFactory.getProductDropdown().success(function (data) {\r\n $scope.productDropdown = data;\r\n }).error(function (data, status) {\r\n masterFactory.setError(status, data, $scope);\r\n }),\r\n ProductFactory.getSalesTaxDropdown().success(function (data) {\r\n $scope.salestaxDropdown = data;\r\n }).error(function (data, status) {\r\n masterFactory.setError(status, data, $scope);\r\n }),\r\n ProductFactory.getQuantityUnitDropdown().success(function (data) {\r\n $scope.quantityunitDropdown = data;\r\n }).error(function (data, status) {\r\n masterFactory.setError(status, data, $scope);\r\n }),\r\n ProductFactory.getPriceChangeableDropdown().success(function (data) {\r\n $scope.pricechangeableDropdown = data;\r\n }).error(function (data, status) {\r\n masterFactory.setError(status, data, $scope);\r\n }),\r\n ProductFactory.getProductTypeDropdown().success(function (data) {\r\n $scope.producttypeDropdown = data;\r\n }).error(function (data, status) {\r\n masterFactory.setError(status, data, $scope);\r\n }),\r\n ProductFactory.getDangerousGoodsDropdown().success(function (data) {\r\n $scope.dangerousgoodsDropdown = data;\r\n }).error(function (data, status) {\r\n masterFactory.setError(status, data, $scope);\r\n }),\r\n ProductFactory.getNewProduct().success(function (data) {\r\n $scope.newproduct = data;\r\n }).error(function (data, status) {\r\n masterFactory.setError(status, data, $scope);\r\n })\r\n ]).then(function () {\r\n $scope.refreshGrid(0, null);\r\n $('#loadingModal').modal('hide');\r\n });\r\n };\r\n\r\n init();\r\n\r\n }]);\r\n\r\napp.controller('ProductCategoriesModalController', ['$scope', '$q', 'ProductFactory', '$uibModalInstance', '$uibModal', 'masterFactory',\r\n function ($scope, $q, ProductFactory, $uibModalInstance, $uibModal, masterFactory) {\r\n var modalVm = this;\r\n\r\n init();\r\n\r\n modalVm.addNewProductCategory = function () {\r\n\r\n var newidcount = -1;\r\n for (var i = 0; i <= modalVm.ProductCategoryList.length - 1; i++) {\r\n if (modalVm.ProductCategoryList[i].Id <= 0) newidcount--;\r\n }\r\n modalVm.NewProductCategory = { Id: newidcount, Name: '', Shape: 0, SetupTime: 0, PumpTime: 0 };\r\n modalVm.ProductCategoryList.push(modalVm.NewProductCategory);\r\n };\r\n\r\n modalVm.saveProductCategory = function () {\r\n\r\n if ($scope.productCategoriesForm.$valid) {\r\n $scope.productCategoriesForm.$submitted = false;\r\n ProductFactory.saveProductCategory(modalVm.ProductCategoryList).success(function (data) {\r\n\r\n $uibModalInstance.close('ok');\r\n\r\n ProductFactory.getProductCategoryList().success(function (data) {\r\n $scope.ProductCategories = data;\r\n\r\n var dataGrid = $('#gridProduct').dxDataGrid('instance');\r\n $scope.refreshGrid(dataGrid.pageIndex(), null);\r\n });\r\n \r\n\r\n }).error(function (data, status) {\r\n masterFactory.setError(status, data, modalVm);\r\n });\r\n }\r\n };\r\n\r\n\r\n modalVm.deleteProductCategory = function (item, index) {\r\n\r\n if (item.Id < 0) {\r\n modalVm.ProductCategoryList.splice(index, 1);\r\n }\r\n else {\r\n ProductFactory.isProductCategoryDeletable(item.Id).success(function (data) {\r\n if (data == true) {\r\n ProductFactory.deleteProductCategory(item.Id).success(function (data) {\r\n modalVm.ProductCategoryList.splice(index, 1);\r\n\r\n }).error(function (data, status) {\r\n masterFactory.setError(status, data, modalVm);\r\n });\r\n }\r\n else {\r\n modalVm.ProductCategoryToDelete = { item: item, index: index };\r\n modalVm.OpenDialog_ConfirmDeleteProductCategory();\r\n }\r\n }).error(function (data, status) {\r\n masterFactory.setError(status, data, modalVm);\r\n });\r\n }\r\n };\r\n\r\n\r\n modalVm.OpenDialog_ConfirmDeleteProductCategory = function () {\r\n\r\n var dialog_confirmDeleteProductCategory = $uibModal.open({\r\n templateUrl: 'app-legacy/Entities/templates/productCategories_DeleteConfirmationModal.html',\r\n controller: 'ProductCategory_DeleteConfirmationController',\r\n controllerAs: 'modalVm',\r\n size: 'md'\r\n });\r\n\r\n dialog_confirmDeleteProductCategory.result.then(function (confirmDeleteProductCategory) {\r\n if (confirmDeleteProductCategory) {\r\n\r\n ProductFactory.deleteProductCategory(modalVm.ProductCategoryToDelete.item.Id).success(function (data) {\r\n modalVm.ProductCategoryList.splice(modalVm.ProductCategoryToDelete.index, 1);\r\n }).error(function (data, status) {\r\n masterFactory.setError(status, data, modalVm);\r\n });\r\n }\r\n });\r\n };\r\n\r\n\r\n modalVm.selectProductCategory = function (index) {\r\n modalVm.selectedProductCategoryId = index;\r\n modalVm.currentProductCategory = modalVm.ProductCategoryList[index];\r\n };\r\n\r\n modalVm.cancel = function () {\r\n $uibModalInstance.dismiss('cancel');\r\n \r\n ProductFactory.getProductCategoryList().success(function (data) {\r\n $scope.ProductCategories = data;\r\n var dataGrid = $('#gridProduct').dxDataGrid('instance');\r\n $scope.refreshGrid(dataGrid.pageIndex(), null);\r\n });\r\n };\r\n\r\n modalVm.closeAlert = function () {\r\n modalVm.error = \"\";\r\n };\r\n\r\n modalVm.closeModelStateErrors = function () {\r\n modalVm.modelState = [];\r\n };\r\n\r\n function init() {\r\n\r\n modalVm.error = \"\";\r\n modalVm.modelState = [];\r\n modalVm.ProductCategoryList = [];\r\n modalVm.ProductCategoryToDelete = { item: null, index: null };\r\n\r\n $q.all([\r\n\r\n ProductFactory.getProductCategoryList().success(function (data) {\r\n modalVm.ProductCategoryList = data;\r\n }).error(function (data, status) {\r\n masterFactory.setError(status, data, modalVm);\r\n }),\r\n\r\n ProductFactory.getProductCategoryShapes().success(function (data) {\r\n modalVm.ProductCategoryShapes = data;\r\n }).error(function (data, status) {\r\n masterFactory.setError(status, data, modalVm);\r\n })\r\n\r\n ]).then(function () {\r\n\r\n modalVm.selectProductCategory(0);\r\n });\r\n };\r\n }]);\r\n\r\n\r\napp.controller('ProductCategory_DeleteConfirmationController', ['$scope', '$uibModalInstance', '$uibModal',\r\n function ($scope, $uibModalInstance, $uibModal) {\r\n var modalVm = this;\r\n\r\n modalVm.cancel = function () {\r\n $uibModalInstance.dismiss('cancel');\r\n };\r\n\r\n modalVm.confirmDeleteProductCategory = function () {\r\n $uibModalInstance.close(true);\r\n };\r\n }]);\r\n","import { default as app, collapsibleHeaderClickEvent, onWindowResize, resetSelectionColumn, ToggleYellowToGreen, ToggleGreenToYellow, IsUndefinedOrNull } from '@legacy/App';\r\n\r\napp.factory('ProductGroupFactory', ['$http', 'settings', function ($http, settings) {\r\n return {\r\n getProductGroupList: function () {\r\n return $http.get(settings.ApiURL + settings.ProductGroupURL);\r\n },\r\n getProductGroupByID: function (id) {\r\n return $http.get(settings.ApiURL + settings.ProductGroupURL + \"/\" + id);\r\n },\r\n saveProductGroup: function (productGroup) {\r\n return $http.put(settings.ApiURL + settings.ProductGroupURL, productGroup);\r\n },\r\n deleteProductGroup: function (id) {\r\n return $http.delete(settings.ApiURL + settings.ProductGroupURL + \"/\" + id);\r\n }\r\n };\r\n}]);\r\n\r\napp.controller('ProductGroupController', ['$q', '$scope', 'ProductGroupFactory', '$rootScope', 'settings', 'masterFactory','$uibModal',\r\n function ($q, $scope, ProductGroupFactory, $rootScope, settings, masterFactory, $uibModal) {\r\n $rootScope.pageTitle = \"Product Group\"; \r\n $scope.productGroupList = [];\r\n $scope.productGroup = {};\r\n $scope.newproductGroup = {}; \r\n $scope.error = \"\";\r\n $scope.modelState = [];\r\n $scope.isFormVisible = false;\r\n $scope.isNewProductGroup = false;\r\n $scope.isAssignedProductSelected = false;\r\n $scope.isUnassignedProductSelected = false;\r\n $scope.isAssignedDataAreaSelected = false;\r\n $scope.isUnassignedDataAreaSelected = false;\r\n $scope.isProductsGridCollapsed = false;\r\n $scope.isDataAreasGridCollapsed = false;\r\n $scope.pageSize = 20;\r\n\r\n // Initialization - this runs on load\r\n var init = function (pageIndex) {\r\n masterFactory.verifyAuthentication();\r\n\r\n $('#loadingModal').modal({ backdrop: 'static' });\r\n $q.all([\r\n ProductGroupFactory.getProductGroupList().success(function (data) {\r\n $scope.productGroupList = data;\r\n $scope.refreshGrid(pageIndex, null);\r\n }).error(function (data, status) {\r\n masterFactory.setError(status, data, $scope);\r\n }).finally(function () {\r\n $('#loadingModal').modal('hide');\r\n })\r\n ]).then(function () {\r\n \r\n });\r\n }; \r\n\r\n init(0);\r\n\r\n // Grid renderers\r\n $scope.refreshGrid = function (PageIndex, Key) { \r\n $('#gridProductGroup').dxDataGrid({\r\n dataSource: {\r\n store: {\r\n data: $scope.productGroupList,\r\n type: 'array',\r\n key: 'Id'\r\n }\r\n },\r\n columns: [\r\n { caption: 'Product Group No', dataField: 'Number', cssClass: 'Number', dataType: 'string', alignment: 'center', width: 150 },\r\n {\r\n caption: 'Product Group Name', dataField: 'Name', cssClass: 'Name', dataType: 'string', alignment: 'center',\r\n cellTemplate: function (container, options) {\r\n $('')\r\n .text(options.data.Name)\r\n .appendTo(container);\r\n container.addClass('grid-cell-align-left');\r\n }\r\n }\r\n ],\r\n contentReadyAction: grdReadyAction,\r\n filterRow: { visible: true },\r\n groupPanel: { visible: false, },\r\n noDataText: \"No Product Group Found\",\r\n pager: { showPageSizeSelector: true, allowedPageSizes: [10, 20, 30] },\r\n paging: { pageSize: $scope.pageSize, pageIndex: PageIndex },\r\n rowAlternationEnabled: false,\r\n selection: { mode: 'single' },\r\n showColumnLines: true,\r\n showRowLines: false,\r\n showBorders: true,\r\n selectionChanged: function (selectedRowsInfo) {\r\n if (selectedRowsInfo.selectedRowsData[0] != null) {\r\n $('#loadingModal').modal({ backdrop: 'static' });\r\n ProductGroupFactory.getProductGroupByID(selectedRowsInfo.selectedRowsData[0].Id).success(function (data) {\r\n $scope.productGroup = data;\r\n $scope.refreshAssignedProductsGrid();\r\n $scope.refreshUnAssignedProductsGrid();\r\n $scope.refreshAssignedDataAreasGrid();\r\n $scope.refreshUnAssignedDataAreasGrid();\r\n $scope.isFormVisible = true;\r\n $scope.isDeleteVisible = true;\r\n $scope.isNewProductGroup = false;\r\n ToggleYellowToGreen();\r\n $rootScope.pageTitle = \"Product Groups\";\r\n // code to display dialog saying related products are being added to the existing products\r\n if ($scope.productGroup.RelatedProducts != null && $scope.productGroup.RelatedProducts.length > 0) {\r\n $scope.viewRelatedProductModal();\r\n }\r\n }).error(function (data, status) {\r\n masterFactory.setError(status, data, $scope);\r\n }).finally(function () {\r\n $('#loadingModal').modal('hide');\r\n });\r\n }\r\n }\r\n });\r\n\r\n if (Key != null && Key > 0) {\r\n var dataGrid = $('#gridProductGroup').dxDataGrid('instance');\r\n (dataGrid as unknown as FacnmDx).selectRows([Key]);\r\n }\r\n };\r\n\r\n $scope.refreshAssignedProductsGrid = function () {\r\n $scope.isAssignedProductSelected = false;\r\n\r\n $('#gridAssignedProducts').dxDataGrid({\r\n dataSource: $scope.productGroup.AssignedProducts,\r\n columns: [\r\n { caption: 'Product Number', dataField: 'ProductNumber', cssClass: 'ProductNumber', dataType: 'string', alignment: 'center' },\r\n { caption: 'Product Name', dataField: 'ShortProductName', cssClass: 'ShortProductName', dataType: 'string', alignment: 'center',\r\n cellTemplate: function (container, options) {\r\n $('')\r\n .text(options.data.ShortProductName)\r\n .appendTo(container);\r\n container.addClass('grid-cell-align-left');\r\n }\r\n }\r\n ],\r\n contentReadyAction: resetSelectionColumn,\r\n filterRow: { visible: true },\r\n groupPanel: { visible: false, },\r\n height: 470,\r\n paging: { pageSize: 10 },\r\n pager: { showPageSizeSelector: false },\r\n rowAlternationEnabled: false,\r\n selection: { mode: 'multiple' },\r\n showColumnLines: true,\r\n showRowLines: false,\r\n showBorders: true,\r\n selectionChanged: function (selectedRowsInfo) {\r\n if (selectedRowsInfo.selectedRowsData.length > 0) {\r\n $scope.isAssignedProductSelected = true;\r\n }\r\n else {\r\n $scope.isAssignedProductSelected = false;\r\n }\r\n }\r\n });\r\n };\r\n\r\n $scope.refreshUnAssignedProductsGrid = function () {\r\n $scope.isUnassignedProductSelected = false; \r\n\r\n $('#gridUnAssignedProducts').dxDataGrid({\r\n dataSource: $scope.productGroup.UnassignedProducts,\r\n columns: [\r\n { caption: 'Product Number', dataField: 'ProductNumber', cssClass: 'ProductNumber', dataType: 'string', alignment: 'center' },\r\n {\r\n caption: 'Product Name', dataField: 'ShortProductName', cssClass: 'ShortProductName', dataType: 'string', alignment: 'center',\r\n cellTemplate: function (container, options) {\r\n $('')\r\n .text(options.data.ShortProductName)\r\n .appendTo(container);\r\n container.addClass('grid-cell-align-left');\r\n }\r\n }\r\n ],\r\n contentReadyAction: resetSelectionColumn,\r\n filterRow: { visible: true },\r\n groupPanel: { visible: false },\r\n height: 470,\r\n paging: { pageSize: 10 },\r\n pager: { showPageSizeSelector: false },\r\n rowAlternationEnabled: false,\r\n selection: { mode: 'multiple' },\r\n showColumnLines: true,\r\n showRowLines: false,\r\n showBorders: true,\r\n selectionChanged: function (selectedRowsInfo) {\r\n if (selectedRowsInfo.selectedRowsData.length > 0) {\r\n $scope.isUnassignedProductSelected = true;\r\n }\r\n else {\r\n $scope.isUnassignedProductSelected = false;\r\n } \r\n }\r\n });\r\n };\r\n\r\n $scope.refreshAssignedDataAreasGrid = function () {\r\n $scope.isAssignedDataAreaSelected = false;\r\n\r\n $('#gridAssignedDataAreas').dxDataGrid({\r\n dataSource: $scope.productGroup.AssignedDataAreas,\r\n columns: [\r\n { caption: 'Data Area No', dataField: 'Number', cssClass: 'Number', dataType: 'string', alignment: 'center' },\r\n {\r\n caption: 'Data Area Name', dataField: 'Name', cssClass: 'Name', dataType: 'string', alignment: 'center',\r\n cellTemplate: function (container, options) {\r\n $('')\r\n .text(options.data.Name)\r\n .appendTo(container);\r\n container.addClass('grid-cell-align-left');\r\n }\r\n }\r\n ],\r\n contentReadyAction: resetSelectionColumn,\r\n filterRow: { visible: true },\r\n groupPanel: { visible: false },\r\n height: 470,\r\n paging: { pageSize: 10 },\r\n pager: { showPageSizeSelector: false },\r\n rowAlternationEnabled: false,\r\n selection: { mode: 'multiple' },\r\n showColumnLines: true,\r\n showRowLines: false,\r\n showBorders: true,\r\n selectionChanged: function (selectedRowsInfo) {\r\n if (selectedRowsInfo.selectedRowsData.length > 0) {\r\n $scope.isAssignedDataAreaSelected = true;\r\n }\r\n else {\r\n $scope.isAssignedDataAreaSelected = false;\r\n }\r\n }\r\n });\r\n };\r\n\r\n $scope.refreshUnAssignedDataAreasGrid = function () {\r\n $scope.isUnassignedDataAreaSelected = false; \r\n\r\n $('#gridUnAssignedDataAreas').dxDataGrid({\r\n dataSource: $scope.productGroup.UnassignedDataAreas,\r\n columns: [\r\n { caption: 'Data Area No', dataField: 'Number', cssClass: 'Number', dataType: 'string', alignment: 'center' },\r\n {\r\n caption: 'Data Area Name', dataField: 'Name', cssClass: 'Name', dataType: 'string', alignment: 'center',\r\n cellTemplate: function (container, options) {\r\n $('')\r\n .text(options.data.Name)\r\n .appendTo(container);\r\n container.addClass('grid-cell-align-left');\r\n }\r\n }\r\n ],\r\n contentReadyAction: resetSelectionColumn,\r\n filterRow: { visible: true },\r\n groupPanel: { visible: false },\r\n height: 470,\r\n paging: { pageSize: 10 },\r\n pager: { showPageSizeSelector: false },\r\n rowAlternationEnabled: false,\r\n selection: { mode: 'multiple' },\r\n showColumnLines: true,\r\n showRowLines: false,\r\n showBorders: true,\r\n selectionChanged: function (selectedRowsInfo) {\r\n if (selectedRowsInfo.selectedRowsData.length > 0) {\r\n $scope.isUnassignedDataAreaSelected = true;\r\n }\r\n else {\r\n $scope.isUnassignedDataAreaSelected = false;\r\n }\r\n }\r\n });\r\n };\r\n\r\n //Button click functions\r\n $scope.addNewProductGroup = function () {\r\n $rootScope.pageTitle = \"New Product Group\";\r\n ProductGroupFactory.getProductGroupByID(0).success(function (data) {\r\n $scope.productGroup = data;\r\n $scope.refreshAssignedProductsGrid();\r\n $scope.refreshUnAssignedProductsGrid();\r\n $scope.refreshAssignedDataAreasGrid();\r\n $scope.refreshUnAssignedDataAreasGrid();\r\n $scope.isFormVisible = true;\r\n $scope.isDeleteVisible = false;\r\n $scope.isNewProductGroup = true;\r\n ToggleGreenToYellow();\r\n }).error(function (data, status) {\r\n masterFactory.setError(status, data, $scope);\r\n });\r\n };\r\n\r\n $scope.confirmDeleteEntity = function () {\r\n $('#DeleteModal').modal({ backdrop: 'static' });\r\n };\r\n\r\n $scope.deleteEntity = function (value) {\r\n if (value == 0) {\r\n $('#DeleteModal').modal('hide');\r\n }\r\n else if (value == 1) {\r\n ProductGroupFactory.deleteProductGroup($scope.productGroup.Id).success(function (data) {\r\n ProductGroupFactory.getProductGroupList().success(function (data) {\r\n var dataGrid = $('#gridProductGroup').dxDataGrid('instance');\r\n var pageIndex = dataGrid.pageIndex();\r\n $scope.pageSize = dataGrid.pageSize();\r\n $scope.productGroupList = data;\r\n $scope.cancelForm();\r\n $scope.refreshGrid(pageIndex, null);\r\n }).error(function () {\r\n masterFactory.setError(status, data, $scope);\r\n }).finally(function () {\r\n $scope.notify.add({ type: 'success', title: 'Success!', body: 'Deleted Product Group successfully' });\r\n });\r\n }).error(function (data, status) {\r\n masterFactory.setError(status, data, $scope);\r\n }).finally(function () {\r\n $('#DeleteModal').modal('hide');\r\n });\r\n }\r\n };\r\n\r\n $scope.cancelForm = function () {\r\n var dataGrid = $('#gridProductGroup').dxDataGrid('instance');\r\n dataGrid.clearSelection();\r\n $scope.isFormVisible = false;\r\n $scope.productGroupForm.$submitted = false;\r\n $scope.closeModelStateErrors();\r\n $scope.closeAlert();\r\n };\r\n\r\n $scope.reset = function (type) { \r\n if (type == 'update') { // get db bankaccount and set to scope.bankaccount.\r\n $('#loadingModal').modal({ backdrop: 'static' });\r\n ProductGroupFactory.getProductGroupByID($scope.productGroup.Id).success(function (data) {\r\n $scope.productGroup = data;\r\n $scope.refreshAssignedProductsGrid();\r\n $scope.refreshUnAssignedProductsGrid();\r\n $scope.refreshAssignedDataAreasGrid();\r\n $scope.refreshUnAssignedDataAreasGrid();\r\n }).error(function (data, status) {\r\n masterFactory.setError(status, data, $scope);\r\n }).finally(function () {\r\n $('#loadingModal').modal('hide');\r\n });\r\n }\r\n else {\r\n angular.copy($scope.newproductGroup, $scope.productGroup);\r\n $scope.refreshAssignedProductsGrid();\r\n $scope.refreshUnAssignedProductsGrid();\r\n $scope.refreshAssignedDataAreasGrid();\r\n $scope.refreshUnAssignedDataAreasGrid();\r\n }\r\n \r\n $scope.productGroupForm.$setPristine();\r\n $scope.productGroupForm.$submitted = false;\r\n $scope.closeModelStateErrors();\r\n $scope.closeAlert();\r\n $scope.notify.add({ type: 'success', title: 'Success!', body: 'Product Group details were reset' });\r\n };\r\n\r\n $scope.submitForm = function () {\r\n if ($scope.productGroupForm.$valid) {\r\n $scope.saveProductGroup();\r\n } \r\n };\r\n\r\n $scope.saveProductGroup = function () {\r\n var pageindex, id;\r\n $scope.closeModelStateErrors();\r\n //$('#loadingModal').modal({ backdrop: 'static' });\r\n ProductGroupFactory.saveProductGroup($scope.productGroup).success(function (productGroupId) {\r\n ProductGroupFactory.getProductGroupList().success(function (data) {\r\n var dataGrid = $('#gridProductGroup').dxDataGrid('instance');\r\n $scope.pageSize = dataGrid.pageSize();\r\n pageindex = dataGrid.pageIndex();\r\n $scope.productGroupList = data;\r\n if ($scope.productGroup.Id > 0) {\r\n $scope.refreshGrid(pageindex, $scope.productGroup.Id);\r\n $scope.refreshAssignedProductsGrid();\r\n $scope.refreshUnAssignedProductsGrid();\r\n $scope.refreshAssignedDataAreasGrid();\r\n $scope.refreshUnAssignedDataAreasGrid();\r\n }\r\n else {\r\n $scope.cancelForm();\r\n $scope.refreshGrid(pageindex, null);\r\n }\r\n }).error(function (data, status) {\r\n masterFactory.setError(status, data, $scope);\r\n }).finally(function (data) {\r\n if ($scope.productGroup.Id > 0) {\r\n $scope.notify.add({ type: 'success', title: 'Success!', body: 'Updated Product Group successfully' });\r\n }\r\n else {\r\n $scope.notify.add({ type: 'success', title: 'Success!', body: 'Created Product Group successfully' });\r\n }\r\n });\r\n }).error(function (data, status) {\r\n masterFactory.setError(status, data, $scope);\r\n }).finally(function () {\r\n //$('#loadingModal').modal('hide');\r\n });\r\n };\r\n\r\n // Selecting and Unselecting grid items on details panel\r\n $scope.assignProducts = function () {\r\n var dataGrid = $('#gridUnAssignedProducts').dxDataGrid('instance');\r\n var selectedRows = dataGrid.getSelectedRowsData();\r\n var i = 0; var len = selectedRows.length;\r\n for (; i < len; i++) {\r\n var prd = $scope.filter($scope.productGroup.AssignedProducts, selectedRows[i].Id);\r\n $scope.productGroup.UnassignedProducts.splice($scope.productGroup.UnassignedProducts.indexOf(selectedRows[i]), 1);\r\n if (prd == null) {\r\n $scope.productGroup.AssignedProducts.push(selectedRows[i]);\r\n }\r\n }\r\n $scope.refreshAssignedProductsGrid();\r\n $scope.refreshUnAssignedProductsGrid();\r\n dataGrid.clearSelection();\r\n };\r\n\r\n $scope.unassignProducts = function () {\r\n var dataGrid = $('#gridAssignedProducts').dxDataGrid('instance');\r\n var selectedRows = dataGrid.getSelectedRowsData();\r\n var i = 0; var len = selectedRows.length;\r\n for (; i < len; i++) {\r\n $scope.productGroup.AssignedProducts.splice($scope.productGroup.AssignedProducts.indexOf(selectedRows[i]), 1);\r\n $scope.productGroup.UnassignedProducts.push(selectedRows[i]);\r\n }\r\n $scope.refreshAssignedProductsGrid();\r\n $scope.refreshUnAssignedProductsGrid();\r\n dataGrid.clearSelection();\r\n };\r\n\r\n $scope.assignDataAreas = function () {\r\n var dataGrid = $('#gridUnAssignedDataAreas').dxDataGrid('instance');\r\n var selectedRows = dataGrid.getSelectedRowsData();\r\n var i = 0; var len1 = selectedRows.length;\r\n for (; i < len1; i++) {\r\n var da = $scope.filter($scope.productGroup.AssignedDataAreas, selectedRows[i].Id);\r\n $scope.productGroup.UnassignedDataAreas.splice($scope.productGroup.UnassignedDataAreas.indexOf(selectedRows[i]), 1);\r\n if (da == null) {\r\n $scope.productGroup.AssignedDataAreas.push(selectedRows[i]);\r\n }\r\n }\r\n $scope.refreshAssignedDataAreasGrid();\r\n $scope.refreshUnAssignedDataAreasGrid();\r\n dataGrid.clearSelection();\r\n };\r\n\r\n $scope.unassignDataAreas = function () {\r\n var dataGrid = $('#gridAssignedDataAreas').dxDataGrid('instance');\r\n var selectedRows = dataGrid.getSelectedRowsData();\r\n var i = 0; var len = selectedRows.length;\r\n for (; i < len; i++) {\r\n $scope.productGroup.AssignedDataAreas.splice($scope.productGroup.AssignedDataAreas.indexOf(selectedRows[i]), 1);\r\n $scope.productGroup.UnassignedDataAreas.push(selectedRows[i]);\r\n }\r\n $scope.refreshAssignedDataAreasGrid();\r\n $scope.refreshUnAssignedDataAreasGrid();\r\n dataGrid.clearSelection();\r\n };\r\n\r\n // Helping functions and events\r\n $(window).resize(function () {\r\n onWindowResize('#gridProductGroup', settings.GridMarginHeight);\r\n });\r\n\r\n function grdReadyAction(e) {\r\n onWindowResize('#gridProductGroup', settings.GridMarginHeight);\r\n };\r\n\r\n collapsibleHeaderClickEvent($scope); \r\n\r\n $scope.productsGridExpanded = function () {\r\n var dataGrid1 = $('#gridUnAssignedProducts').dxDataGrid('instance');\r\n dataGrid1.repaint();\r\n var dataGrid2 = $('#gridAssignedProducts').dxDataGrid('instance');\r\n dataGrid2.repaint();\r\n };\r\n\r\n $scope.dataAreaGridExpanded = function () {\r\n var dataGrid1 = $('#gridUnAssignedDataAreas').dxDataGrid('instance');\r\n dataGrid1.repaint();\r\n var dataGrid2 = $('#gridAssignedDataAreas').dxDataGrid('instance');\r\n dataGrid2.repaint();\r\n };\r\n\r\n $scope.filter = function (input, id) {\r\n var i = 0, len = input.length;\r\n for (; i < len; i++) {\r\n if (+input[i].Id == +id) {\r\n return input[i];\r\n }\r\n }\r\n return null;\r\n };\r\n\r\n $scope.closeAlert = function () {\r\n $scope.error = null;\r\n };\r\n\r\n $scope.closeModelStateErrors = function () {\r\n $scope.modelState = [];\r\n };\r\n\r\n $scope.clickHalfDiv = function (control) {\r\n masterFactory.setFocus(control);\r\n };\r\n\r\n $scope.viewRelatedProductModal = function () {\r\n var modalInstance = $uibModal.open({\r\n templateUrl: 'app-legacy/Entities/templates/RelatedProductModal.html',\r\n controller: 'RelatedProductModalController',\r\n controllerAs: 'modalVm',\r\n size: 'md',\r\n scope: $scope,\r\n resolve: {\r\n RelatedProducts: function() {\r\n return $scope.productGroup.RelatedProducts;\r\n }\r\n }\r\n });\r\n\r\n modalInstance.result.then(function (RelatedProducts) {\r\n if ($scope.productGroup.RelatedProducts != null && $scope.productGroup.RelatedProducts.length > 0) {\r\n $scope.saveProductGroup();\r\n } \r\n }, function () {\r\n if ($scope.productGroup.RelatedProducts != null && $scope.productGroup.RelatedProducts.length > 0) {\r\n $scope.saveProductGroup();\r\n }\r\n });\r\n };\r\n\r\n}]);\r\n\r\napp.controller('RelatedProductModalController', ['$scope', 'ProductGroupFactory', '$uibModalInstance', '$uibModal', 'RelatedProducts',\r\n function ($scope, ProductGroupFactory, $uibModalInstance, $uibModal, RelatedProducts) {\r\n var modalVm = this;\r\n\r\n init();\r\n\r\n modalVm.Ok = function () {\r\n $uibModalInstance.close(modalVm.RelatedProducts);\r\n };\r\n \r\n function init() {\r\n modalVm.RelatedProducts = RelatedProducts; \r\n };\r\n }]);\r\n","import { default as app, collapsibleHeaderClickEvent, onWindowResize, resetSelectionColumn, ToggleYellowToGreen, ToggleGreenToYellow, IsUndefinedOrNull } from '@legacy/App';\r\n\r\napp.factory('SafetyCheckFactory', ['$http', 'settings', function ($http, settings) { \r\n var safetyCheckUrl = settings.ApiURL + settings.SafetyCheckURL;\r\n var deviceUrl = settings.ApiURL + settings.DeviceURL;\r\n var masterDataUrl = settings.ApiURL + settings.MasterDataURL;\r\n var productUrl = settings.ApiURL + settings.ProductURL;\r\n var vehicleUrl = settings.ApiURL + settings.VehicleURL;\r\n return { \r\n getSafetyCheckGroup: function () {\r\n return $http.get(safetyCheckUrl + \"/safetycheckgroup\");\r\n },\r\n getSafetyCheckForLogin: function (companyid, vehicletypeid, dataareaid, vehicleid) {\r\n return $http.get(safetyCheckUrl + \"/safetycheckforlogin/\" + companyid + \"/\" + vehicletypeid + \"/\" + dataareaid + \"/\" + vehicleid);\r\n },\r\n getNewSafetyCheckForLogin: function (companyid, vehicletypeid, dataareaid, vehicleid) {\r\n return $http.get(safetyCheckUrl + \"/newsafetycheck/login/\" + companyid + \"/\" + vehicletypeid + \"/\" + dataareaid + \"/\" + vehicleid)\r\n },\r\n getSafetyCheckForLogout: function (companyid, vehicletypeid, dataareaid, vehicleid) {\r\n return $http.get(safetyCheckUrl + \"/safetycheckforlogout/\" + companyid + \"/\" + vehicletypeid + \"/\" + dataareaid + \"/\" + vehicleid);\r\n },\r\n getNewSafetyCheckForLogout: function (companyid, vehicletypeid, dataareaid, vehicleid) {\r\n return $http.get(safetyCheckUrl + \"/newsafetycheck/logout/\" + companyid + \"/\" + vehicletypeid + \"/\" + dataareaid + \"/\" + vehicleid)\r\n },\r\n getSafetyCheckForCustomer: function (companyid, customertypeid) {\r\n return $http.get(safetyCheckUrl + \"/safetycheckforcustomer/\" + companyid + \"/\" + customertypeid);\r\n },\r\n getNewSafetyCheckForCustomer: function (companyid, customertypeid) {\r\n return $http.get(safetyCheckUrl + \"/newsafetycheck/customer/\" + companyid + \"/\" + customertypeid);\r\n },\r\n getSafetyCheckForProduct: function (companyid, producttypeid) {\r\n return $http.get(safetyCheckUrl + \"/safetycheckforproduct/\" + companyid + \"/\" + producttypeid);\r\n },\r\n getSafetyCheckForLoadingProduct: function (companyid, producttypeid) {\r\n return $http.get(safetyCheckUrl + \"/safetycheckforloadingproduct/\" + companyid + \"/\" + producttypeid);\r\n },\r\n getNewSafetyCheckForProduct: function (companyid, producttypeid) {\r\n return $http.get(safetyCheckUrl + \"/newsafetycheck/product/\" + companyid + \"/\" + producttypeid);\r\n },\r\n getSafetyCheckForOthers: function (companyid, grouptypeid) {\r\n return $http.get(safetyCheckUrl + \"/safetycheckforothers/\" + companyid + \"/\" + grouptypeid);\r\n },\r\n getNewSafetyCheckForOthers: function (companyid, grouptypeid) {\r\n return $http.get(safetyCheckUrl + \"/newsafetycheck/others/\" + companyid + \"/\" + grouptypeid);\r\n },\r\n getSafetyCheckForVehicleInspection: function (companyid, vehicletypeid) {\r\n return $http.get(safetyCheckUrl + \"/safetycheckforvehicleinspection/\" + companyid + \"/\" + vehicletypeid);\r\n },\r\n getNewSafetyCheckForVehicleInspection: function (companyid, vehicletypeid) {\r\n return $http.get(safetyCheckUrl + \"/newsafetycheck/vehicleinspection/\" + companyid + \"/\" + vehicletypeid)\r\n },\r\n getVehicleType: function () {\r\n return $http.get(vehicleUrl + \"/vehicletypes/0\");\r\n },\r\n getDevices: function (companyId) {\r\n return $http.get(deviceUrl + \"/\" + companyId);\r\n },\r\n getCustomerType: function () {\r\n return $http.get(masterDataUrl + \"/customertypes/0\");\r\n },\r\n getProductTypes: function () {\r\n return $http.get(productUrl + \"/producttype/dropdown\");\r\n },\r\n getSafetyGlobalMandatoryStates: function () {\r\n return $http.get(safetyCheckUrl + \"/globalmandatorystates\");\r\n },\r\n getSafetyMandatoryStates: function () {\r\n return $http.get(safetyCheckUrl + \"/mandatorystates\");\r\n },\r\n saveSafetyCheckForLogin: function (safetycheck) {\r\n return $http.put(safetyCheckUrl + \"/savesafetycheckforlogin\", safetycheck)\r\n },\r\n saveSafetyCheckForLogout: function (safetycheck) {\r\n return $http.put(safetyCheckUrl + \"/savesafetycheckforlogout\", safetycheck)\r\n },\r\n saveSafetyCheckForCustomer: function (safetycheck) {\r\n return $http.put(safetyCheckUrl + \"/savesafetycheckforcustomer\", safetycheck)\r\n },\r\n saveSafetyCheckForProduct: function (safetycheck) {\r\n return $http.put(safetyCheckUrl + \"/savesafetycheckforproduct\", safetycheck)\r\n },\r\n saveSafetyCheckForLoadingProduct: function (safetycheck) {\r\n return $http.put(safetyCheckUrl + \"/savesafetycheckforloadingproduct\", safetycheck)\r\n },\r\n saveSafetyCheckForOthers: function (safetycheck) {\r\n return $http.put(safetyCheckUrl + \"/savesafetycheckforothers\", safetycheck)\r\n },\r\n saveSafetyCheckForVehicleInspection: function (safetycheck) {\r\n return $http.put(safetyCheckUrl + \"/savesafetycheckforvehicleinspection\", safetycheck)\r\n },\r\n deleteSafetyCheck: function (companyid, textid, safetygroupid) {\r\n return $http.delete(safetyCheckUrl + \"/deletesafetycheck/\" + companyid + \"/\" + textid + \"/\" + safetygroupid);\r\n },\r\n };\r\n}]);\r\n\r\napp.controller('SafetyCheckController', ['$q', '$scope', 'SafetyCheckFactory', 'DataAreaFactory', 'CompanyFactory', '$rootScope', '$state', 'settings', '$filter', 'masterFactory',\r\n function ($q, $scope, SafetyCheckFactory, DataAreaFactory, CompanyFactory, $rootScope, $state, settings, $filter, masterFactory) {\r\n $rootScope.pageTitle = \"Safety Checks\";\r\n $scope.safetyCheckCompanies = [];\r\n $scope.safetyCheckTextGroups = [];\r\n $scope.vehicleTypes = [];\r\n $scope.dataAreas = [];\r\n $scope.customerTypes = [];\r\n $scope.productTypes = [];\r\n $scope.devices = [];\r\n $scope.filteredDevices = null;\r\n $scope.selectedDevice = {};\r\n $scope.safetyChecks = null;\r\n $scope.safetyCheck = {};\r\n $scope.resetsafetyCheck = {};\r\n $scope.globalMandatoryStates = [];\r\n $scope.mandatoryStates = [];\r\n $scope.error = \"\";\r\n $scope.isSafetyCheckLogoutFormVisible = false;\r\n $scope.isSafetyCheckLoginFormVisible = false;\r\n $scope.isSafetyCheckCustomerFormVisible = false;\r\n $scope.isSafetyCheckProductFormVisible = false;\r\n $scope.isSafetyCheckOthersFormVisible = false;\r\n $scope.isSafetyCheckVehicleInspectionFormVisible = false;\r\n $scope.isAddNewTextVisible = false;\r\n $scope.isRowSelected = false;\r\n $scope.submitted = false;\r\n $scope.formHeader = {};\r\n $scope.formTopMargin = \"\";\r\n var mandatoryGlobalImg = \"Content/Images/Icons/mandatory-global-24-black.png\";\r\n var notvisibleImg = \"Content/Images/Icons/notvisible-24-black.png\";\r\n var optionalImg = \"Content/Images/Icons/optional-24-yellow.png\";\r\n var mandatoryImg = \"Content/Images/Icons/mandatory-24-red.png\";\r\n var disabledImg = \"Content/Images/Icons/disabled-24-grey.png\";\r\n\r\n\r\n // Initialization - this runs on load\r\n var init = function () {\r\n masterFactory.verifyAuthentication();\r\n\r\n $('#loadingModal').modal({ backdrop: 'static' });\r\n $q.all([ \r\n CompanyFactory.getCompanyDropDown(0).success(function (data) {\r\n $scope.safetyCheckCompanies = data;\r\n }).error(function (data, status) {\r\n masterFactory.setError(status, data, $scope);\r\n }),\r\n SafetyCheckFactory.getSafetyCheckGroup().success(function (data) {\r\n $scope.safetyCheckTextGroups = data;\r\n }).error(function (data, status) {\r\n masterFactory.setError(status, data, $scope);\r\n }),\r\n SafetyCheckFactory.getSafetyGlobalMandatoryStates().success(function (data) {\r\n $scope.globalMandatoryStates = data;\r\n }).error(function (data, status) {\r\n masterFactory.setError(status, data, $scope);\r\n }),\r\n SafetyCheckFactory.getSafetyMandatoryStates().success(function (data) {\r\n $scope.mandatoryStates = data;\r\n }).error(function (data, status) {\r\n masterFactory.setError(status, data, $scope);\r\n })\r\n ]).then(function () {\r\n $('#loadingModal').modal('hide');\r\n });\r\n };\r\n\r\n init();\r\n\r\n // Grid renderers\r\n $scope.refreshDeviceGrid = function (pageIndex, datasource) {\r\n $('#gridDevices').dxDataGrid({\r\n dataSource: datasource,\r\n noDataText: \"No Devices Found\",\r\n showColumnLines: true,\r\n showRowLines: false,\r\n showBorders: true,\r\n rowAlternationEnabled: false,\r\n height: '250px',\r\n selection: { mode: 'single' },\r\n sorting: { mode: 'single' },\r\n paging: { pagesize: 5 },\r\n scrolling: { mode: 'standard' }, \r\n filterRow: { visible: true },\r\n groupPanel: { visible: false },\r\n columns: [\r\n {\r\n caption: 'Device Id - Name', dataField: 'Id', cssClass: 'Id', dataType: 'string', alignment: 'center', width: '60%',\r\n cellTemplate: function (container, options) {\r\n var devicedetails = \"\";\r\n if (options.data.Id != 0) devicedetails = devicedetails + options.data.Id + \" - \";\r\n if (options.data.Name != null) devicedetails = devicedetails + options.data.Name;\r\n $('').text(devicedetails).append(\"\").appendTo(container); \r\n },\r\n calculateCellValue: function(data){\r\n return data.DeviceId + \" - \" + data.DeviceName;\r\n },\r\n calculateFilterExpression: function (filterValue, selectedFilterOperation) {\r\n return [this.calculateCellValue, selectedFilterOperation || 'contains', filterValue];\r\n }\r\n },\r\n\r\n { caption: 'License plate', dataField: 'LicensePlate', cssClass: 'LicensePlate', dataType: 'string', alignment: 'center', width: '40%',\r\n cellTemplate: function (container, options) {\r\n $('')\r\n .text(options.data.LicensePlate)\r\n .appendTo(container);\r\n container.addClass('grid-cell-align-left');\r\n }\r\n }\r\n ],\r\n selectionChanged: function (selectedRowsInfo) { \r\n if (selectedRowsInfo.selectedRowsData[0] != null) {\r\n $scope.selectedDevice = selectedRowsInfo.selectedRowsData[0];\r\n //$scope.safetyCheck.VehicleTypeId = $scope.selectedDevice.VehicleTypeId;\r\n //$scope.safetyCheck.DataAreaId = $scope.selectedDevice.DataAreaId;\r\n $scope.safetyCheck.VehicleId = $scope.selectedDevice.VehicleId;\r\n $scope.getSafetyChecks();\r\n }\r\n else {\r\n $scope.safetyCheck.VehicleId = null;\r\n }\r\n }\r\n });\r\n };\r\n\r\n $scope.refreshSafetyCheckLoginGrid = function (pageIndex) {\r\n $('#gridSafetyCheckLogin').dxDataGrid({ \r\n dataSource: {\r\n store: {\r\n data: $scope.safetyChecks,\r\n type: 'array',\r\n key: 'Id'\r\n }\r\n },\r\n noDataText: \"No Login Safety Check Texts Found\",\r\n showColumnLines: true,\r\n showRowLines: false,\r\n showBorders: true,\r\n rowAlternationEnabled: false,\r\n height: '500px',\r\n selection: { mode: 'single' }, \r\n scrolling: { mode: 'standard' },\r\n filterRow: { visible: true },\r\n groupPanel: { visible: false },\r\n columns: [\r\n {\r\n caption: 'ID', dataField: 'Id', cssClass: 'Id', dataType: 'number', alignment: 'center', width: '10%'\r\n },\r\n {\r\n caption: 'Text', dataField: 'Text', cssClass: 'Text', dataType: 'string', alignment: 'center', width: '40%',\r\n cellTemplate: function (container, options) {\r\n $('')\r\n .text(options.data.Text)\r\n .appendTo(container);\r\n container.addClass('grid-cell-align-left');\r\n }\r\n },\r\n {\r\n caption: 'Mandatory', dataField: 'MandatoryGlobalImage', cssClass: 'MandatoryGlobalImage', dataType: 'string', alignment: 'center', allowFiltering: false,\r\n allowSorting: false, width: '10%', \r\n cellTemplate: function (container, options) { \r\n $('';\r\n else\r\n e.cellElement.innerHTML = '';\r\n }\r\n }\r\n\r\n private selectEntity(key: any) {\r\n this.app$.notifyScreenBusy();\r\n this.isAddForm = 0;\r\n this.collapseColor = 'green';\r\n this.isFormVisibilityVisible = false;\r\n this.AdditionalFields$.getEntity(key).subscribe((res: any) => {\r\n this.clearVisibilitySelection();\r\n this.removeTemporaryVisibilities();\r\n this.restoreVisibilities(res.Visibility, res.FieldLocation);\r\n this.app$.notifyScreenReady();\r\n this.entityData = new Entity();\r\n this.entityData.key = key;\r\n this.entityData.value = cloneDeep(res);\r\n this.dataGridIntialization();\r\n this.refreshViewModes();\r\n }, (errorGetList) => this.errors$.handleServerErrors(errorGetList));\r\n }\r\n\r\n onInitialized(e: any) {\r\n this.resizeScreenContent();\r\n this.dataGrid.loadPanel.indicatorSrc = \"assets/Content/Images/spinner.gif\";\r\n }\r\n\r\n\r\n onRowClick($clikedRow: { key: any; }) {\r\n this.app$.setScreenTitle(this.entityName);\r\n if (!this.entityData)\r\n this.entityData = new Entity();\r\n if (JSON.stringify(this.entityData.key) === JSON.stringify($clikedRow.key)) {\r\n this.deSelectEntity();\r\n }\r\n else {\r\n this.selectEntity($clikedRow.key);\r\n }\r\n }\r\n\r\n\r\n collapseClass(pannel) {\r\n return {\r\n 'collapsible-header-icon-green-up': !pannel && !this.isAddForm,\r\n 'collapsible-header-icon-green-down': pannel && !this.isAddForm,\r\n 'collapsible-header-icon-yellow-up': !pannel && this.isAddForm,\r\n 'collapsible-header-icon-yellow-down': pannel && this.isAddForm,\r\n }\r\n }\r\n\r\n hasError(control) {\r\n return this.entityForm?.submitted && this.entityForm.form.get(control)?.errors;\r\n }\r\n\r\n checkError(control, type) {\r\n return this.entityForm.form.get(control).errors[type];\r\n }\r\n\r\n isNumberOnly(event) {\r\n return (event.charCode != 8 && event.charCode == 0 || (event.charCode == 46) || (event.charCode >= 48 && event.charCode <= 57))\r\n }\r\n\r\n onResize(e: any): void {\r\n this.resizeScreenContent();\r\n }\r\n\r\n formHeight: string;\r\n @ViewChild('screen', { static: true }) screenElement: ElementRef;\r\n private resizeScreenContent() {\r\n let h = this.screenElement.nativeElement.clientHeight;\r\n this.formHeight = h - 80 + 'px';\r\n this.dataGrid.instance.option('height', h - dxDataGridHeightAdjustment);\r\n }\r\n\r\n ngOnDestroy(): void {\r\n this.unsubscribe$.next();\r\n this.unsubscribe$.complete();\r\n }\r\n}\r\n\r\n\r\n","