\").closest(\".dx-list-item\").css(\"pointer-events\", \"none\");\r\n }\r\n }\r\n }\r\n}\r\n\r\n\r\n \r\n","namespace Areas {\r\n \"use strict\";\r\n\r\n declare var settings: any;\r\n const saveUrl = \"/Requests/Save\";\r\n const reportUrl = \"/Home/Index/\";\r\n const mergeExport = \"/DocumentExport/\";\r\n const merge = \"/Merge/Document/\";\r\n const mergeSection = \"/Merge/Section/\";\r\n const editMergeSection = \"/Section/Index/\";\r\n\r\n //example of a button that fires reportFromForm OnClick\r\n //export function reportFromForm() {\r\n // var form = $('#ProjectInfoUpdateForm').dxForm('instance');\r\n\r\n // Areas.gotoReport(\r\n // \"ProjectInitiationReport\",\r\n // () => { return form.option(\"ProjectInfoId\"); },\r\n // () => { return form.option(\"UserId\") }\r\n // );\r\n //}\r\n \r\n export function gotoReport(reportName: string, getParameters: () => any, getUserId: () => any) {\r\n var parameters = getParameters();\r\n var userId = getUserId();\r\n\r\n if (isNotEmpty(parameters) && isNotEmpty(userId)) {\r\n\r\n var data = JSON.stringify(\r\n {\r\n \"ReportName\": reportName,\r\n \"Parameters\": parameters,\r\n \"UserId\": userId\r\n });\r\n\r\n requestReport(data);\r\n }\r\n }\r\n\r\n function userInfo(): string {\r\n return `/${settings.user.userId}/${settings.user.userName}`;\r\n }\r\n\r\n function requestReport(data: string) {\r\n const errorMessage = \"Error in request - Contact IS department\";\r\n\r\n const method = \"POST\";\r\n var content: string = \"application/x-www-form-urlencoded; charset=utf-8\";\r\n\r\n var saveReportUrl = settings.reportServer + saveUrl;\r\n\r\n $.ajax({\r\n url: saveReportUrl,\r\n method: method,\r\n contentType: content,\r\n crossDomain: true,\r\n data: data,\r\n success: (response) => {\r\n if (response.errormsg) {\r\n DevExpress.ui.notify(response.errormsg, \"error\", 2000);\r\n } else {\r\n let messageType: string = \"success\";\r\n\r\n DevExpress.ui.notify(response.msg, messageType, 2000);\r\n openReport(response.id);\r\n }\r\n },\r\n error: () => {\r\n DevExpress.ui.notify(errorMessage, \"error\", 2000);\r\n }\r\n });\r\n }\r\n\r\n function openReport(id: any) {\r\n const url = settings.reportServer + reportUrl + id;\r\n window.open(url);\r\n }\r\n\r\n}\r\n","namespace Areas {\r\n \"use strict\";\r\n\r\n export class Tab {\r\n id: number;\r\n url: string;\r\n\r\n constructor(id: number, url: string) {\r\n this.id = id;\r\n this.url = url;\r\n }\r\n }\r\n export function createTabsWithSameActionAndDifferentAreas(action: string, controllersWithArea: string[]): Array {\r\n return controllersWithArea.map((value, index) => new Tab(index, `/${value}/${action}`));\r\n }\r\n\r\n\r\n export function createTabsWithSameAction(area: string, action: string, controllers: string[]): Array {\r\n return controllers.map((value, index) => new Tab(index, `/${area}/${value}/${action}`));\r\n }\r\n\r\n export function createTabsWithSameController(area: string, actions: string[], controller: string): Array {\r\n return actions.map((value, index) => new Tab(index, `/${area}/${controller}/${value}`));\r\n }\r\n\r\n export function tabInitialized(tabItems: Tab[]) {\r\n return tabInitializedBase(tabItems, i => new Tab(i.id, i.url));\r\n } \r\n\r\n export function tabItemClick(params: any) {\r\n window.location.href = params.itemData.url;\r\n } \r\n\r\n export function tabWithIdInitialized(tabItems: Tab[]) {\r\n return tabInitializedBase(tabItems, (i, tabControl) => new Tab(i.id, `${i.url}/${tabControl.option(\"id\")}`));\r\n }\r\n\r\n export function tabWithIdItemClick(params: any) {\r\n const url = params.itemData.url + \"/\" + params.component.option(\"id\");\r\n window.location.href = url;\r\n } \r\n \r\n function tabInitializedBase(tabItems: Tab[], transform: (t: Tab, tabControl: DevExpress.ui.dxTabs) => Tab) {\r\n return (params: any) => {\r\n const tabControl: DevExpress.ui.dxTabs = params.component;\r\n const currentUrl = window.location.pathname;\r\n\r\n matchTabWithExactUrl(tabItems, transform, tabControl, currentUrl);\r\n selectParentTab(tabControl);\r\n }\r\n }\r\n\r\n function selectParentTab(tabControl: DevExpress.ui.dxTabs) {\r\n const parentTabId = tabControl.option(\"parentTabId\");\r\n const parentSelectedIndex: number = tabControl.option(\"parentSelectedIndex\") as number;\r\n\r\n if (isNotEmpty(parentTabId) && isNotEmpty(parentSelectedIndex)) {\r\n const parentTab: DevExpress.ui.dxTabs = $(`#${parentTabId}`).dxTabs(\"instance\");\r\n\r\n if (parentTab) {\r\n parentTab.option(\"selectedIndex\", parentSelectedIndex);\r\n }\r\n }\r\n }\r\n \r\n function matchTabWithExactUrl(tabItems: Tab[], transform: (t: Tab, tabControl: DevExpress.ui.dxTabs) => Tab,\r\n tabControl:DevExpress.ui.dxTabs, currentUrl: string) {\r\n\r\n const selectedTab = tabItems\r\n .map(i => transform(i, tabControl))\r\n .filter((element) => currentUrl === element.url);\r\n\r\n if (selectedTab.length === 1) {\r\n tabControl.option(\"selectedIndex\", selectedTab[0].id);\r\n }\r\n } \r\n \r\n}\r\n","namespace Areas {\r\n \"use strict\";\r\n\r\n export class UpdateOperations {\r\n\r\n form: DevExpress.ui.dxForm;\r\n url: string;\r\n keyId: number;\r\n getMoreData: (any) => void;\r\n\r\n constructor(formName: string, url: string, getMoreData?: (any) => void) {\r\n const formId = `#${formName}`;\r\n this.form = $(formId).dxForm(\"instance\");\r\n this.keyId = this.form.option(\"KeyId\") as number;\r\n this.url = `${url}/${this.keyId}`;\r\n\r\n if (getMoreData) {\r\n this.getMoreData = getMoreData;\r\n }\r\n }\r\n\r\n \r\n updateRecord(callback: () => void = null) {\r\n const newData: any = this.form.option(\"formData\");\r\n \r\n if (this.getMoreData) {\r\n this.getMoreData(newData);\r\n }\r\n\r\n const result: any = this.form.validate();\r\n console.log(result);\r\n if ($('#result').length > 0) {\r\n if (result.isValid) {\r\n sendRequest(this.url, JSON.stringify(newData), \"PUT\", callback);\r\n } \r\n } else {\r\n sendRequest(this.url, JSON.stringify(newData), \"PUT\", callback);\r\n }\r\n\r\n \r\n }\r\n\r\n \r\n }\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n}\r\n","namespace Areas {\r\n \"use strict\";\r\n\r\n export class Selected {\r\n user: any;\r\n } \r\n //grid user lookup\r\n export function userValueChanged(selected: Selected) {\r\n return (rowData, value) => {\r\n if (value === undefined || value === null) {\r\n rowData.userId = null;\r\n rowData.userEmail = null;\r\n rowData.userName = null;\r\n return;\r\n }\r\n\r\n if (!selected.user.isActive) {\r\n DevExpress.ui.notify(\"The record cannot be updated. The user you selected has been disabled!\", \"error\", 3000);\r\n return;\r\n }\r\n\r\n rowData.userId = selected.user.userId;\r\n rowData.userEmail = selected.user.email;\r\n rowData.userName = selected.user.displayName;\r\n }\r\n }\r\n\r\n export function lookupEditTemplate(loadUrl: string, selected: Selected) {\r\n return (cellElement, cellInfo) => {\r\n var storeConfiguration = {\r\n \"loadParams\": {},\r\n \"key\": \"userId\",\r\n \"loadUrl\": loadUrl,\r\n \"insertUrl\": \"\",\r\n \"updateUrl\": \"\",\r\n \"deleteUrl\": \"\"\r\n };\r\n\r\n var store = DevExpress.data.AspNet.createStore(storeConfiguration);\r\n\r\n const dataSource = new DevExpress.data.DataSource({\r\n store: store\r\n });\r\n\r\n var div = document.createElement(\"div\");\r\n cellElement.get(0).appendChild(div);\r\n $(div).dxLookup({\r\n dataSource: dataSource,\r\n valueExpr: \"userId\",\r\n displayExpr: \"displayName\",\r\n value: cellInfo.data.userId,\r\n searchExpr: [\"displayName\", \"email\"],\r\n\r\n\r\n onSelectionChanged(e) {\r\n selected.user = e.selectedItem;\r\n },\r\n\r\n onValueChanged(e) {\r\n cellInfo.setValue(e.value);\r\n }\r\n });\r\n\r\n $(div).dxLookup(\"instance\").option(\"itemTemplate\", customTemplate);\r\n $(div).dxLookup(\"instance\").option(\"popupWidth\", 500);\r\n }\r\n }\r\n\r\n export function lookupCellTemplate(cellElement: any, cellInfo: any) {\r\n cellElement.text(cellInfo.data.displayName);\r\n }\r\n\r\n function customTemplate(itemData: any, itemIndex: any, itemElement: any) {\r\n if (itemData.isActive) {\r\n itemElement.append(`
${itemData.displayName}${itemData.email}
`);\r\n } else {\r\n itemElement.append(`${itemData.displayName}${itemData.email} - Disabled
`);\r\n }\r\n }\r\n\r\n}\r\n","namespace Areas {\r\n \"use strict\";\r\n\r\n export interface IDictionary {\r\n [index: string]: string;\r\n }\r\n\r\n export function updateQueryStringParameter(uri: any, key: any, value: any) {\r\n const re = new RegExp(`([?&])${key}=.*?(&|$)`, \"i\");\r\n const separator = uri.indexOf(\"?\") !== -1 ? \"&\" : \"?\";\r\n if (uri.match(re)) {\r\n return uri.replace(re, `$1${key}=${value}$2`);\r\n } else {\r\n return uri + separator + key + \"=\" + value;\r\n }\r\n }\r\n\r\n export function removeQueryStringParameter(url: string, parameter: string) {\r\n //prefer to use l.search if you have a location/link object\r\n const urlparts = url.split(\"?\");\r\n if (urlparts.length >= 2) {\r\n\r\n const prefix = encodeURIComponent(parameter) + \"=\";\r\n const pars = urlparts[1].split(/[&;]/g);\r\n\r\n //reverse iteration as may be destructive\r\n for (let i = pars.length; i-- > 0;) {\r\n //idiom for string.startsWith\r\n if (pars[i].lastIndexOf(prefix, 0) !== -1) {\r\n pars.splice(i, 1);\r\n }\r\n }\r\n\r\n url = urlparts[0] + (pars.length > 0 ? `?${pars.join(\"&\")}` : \"\");\r\n return url;\r\n } else {\r\n return url;\r\n }\r\n }\r\n\r\n export function getQueryStringParameter(uri: any, key: any) {\r\n const re = new RegExp(\"([?&])start=(.*?)(&|$)\", \"i\");\r\n if (uri.match(re)) {\r\n return uri.match(re)[2];\r\n }\r\n\r\n return \"\";\r\n }\r\n\r\n export function isNotEmpty(variable: any) {\r\n return variable !== undefined && variable != null && variable !== \"\";\r\n }\r\n\r\n export function isEmpty(variable: any) {\r\n return !isNotEmpty(variable);\r\n }\r\n\r\n export function trimTextBoxValue(e: any) {\r\n var textBox = e.component as DevExpress.ui.dxTextBox;\r\n textBox.option(\"value\", $.trim(e.value));\r\n }\r\n\r\n export function partition(items, n) {\r\n var result = _.groupBy(items, function(item, i) {\r\n return Math.floor(i % n);\r\n });\r\n return _.values(result);\r\n }\r\n\r\n export function clone(object: any) {\r\n const json = JSON.stringify(object);\r\n return JSON.parse(json);\r\n } \r\n \r\n export function elementIdExists(elementId: string) : boolean {\r\n return Boolean($(`#${elementId}`).length);\r\n }\r\n\r\n\r\n\r\n export function goToEdit() {\r\n location.href = location.href.replace(\"/View\", \"/Edit\");\r\n } \r\n\r\n export function goToView() {\r\n location.href = location.href.replace(\"/Edit\", \"/View\");\r\n } \r\n\r\n export function reloadPage() {\r\n location.href = location.href;\r\n } \r\n\r\n export function onContentReadySelectFirstRow(e: any) {\r\n e.component.selectRowsByIndexes([0], false);\r\n }\r\n\r\n export function onGridSelectionChanged(e: any) {\r\n const rowSelected = e.selectedRowsData.length === 1;\r\n\r\n if (rowSelected) {\r\n enableButton(\"EditButton\");\r\n } else {\r\n disableButton(\"EditButton\");\r\n }\r\n }\r\n\r\n export function clearSelectBoxSelection(e: any) {\r\n const selectBox = e.component as DevExpress.ui.dxSelectBox;\r\n selectBox.reset();\r\n } \r\n\r\n export function formatDateTime(date: Date): string {\r\n return formatDate(date) + \" \" + formatTime(date);\r\n }\r\n\r\n export function isIE11() {\r\n return !!navigator.userAgent.match(/Trident.*rv\\:11\\./);\r\n }\r\n\r\n function formatDate(date: Date): string {\r\n const month = (\"0\" + (date.getMonth() + 1)).slice(-2);\r\n const year = date.getFullYear();\r\n\r\n const day = (\"0\" + date.getDate()).slice(-2);\r\n\r\n const formattedDate = `${month}/${day}/${year}`;\r\n return formattedDate;\r\n }\r\n\r\n function formatTime(date: Date): string {\r\n let hours = date.getHours();\r\n const ampm = hours >= 12 ? \"PM\" : \"AM\";\r\n hours = hours % 12;\r\n hours = hours ? hours : 12;\r\n const minutes = (\"0\" + date.getMinutes()).slice(-2);\r\n const formattedTime = hours + \":\" + minutes + \" \" + ampm;\r\n return formattedTime;\r\n } \r\n \r\n export function FormatDateForUpload(date: Date) {\r\n\r\n if (date == null) return null;\r\n\r\n const year = date.getFullYear();\r\n const month = date.getMonth() + 1;\r\n const day = date.getDate();\r\n\r\n return year + \"-\" + month + \"-\" + day;\r\n } \r\n\r\n export function getNextSaturdayDate() {\r\n return getNextSaturdayFromDate(new Date());\r\n }\r\n\r\n export function getNextSaturdayFromDate(date: Date) {\r\n const momentDate = moment(date);\r\n\r\n if (momentDate.isoWeekday() === 7) {\r\n return momentDate.add(6, \"day\");\r\n }\r\n\r\n return momentDate.endOf(\"isoWeek\").subtract(1, \"day\");\r\n }\r\n\r\n export function getPreviousSundayDate() {\r\n return getPreviousSundayFromDate(new Date());\r\n }\r\n\r\n export function getPreviousSundayFromDate(date: Date) {\r\n const momentDate = moment(date);\r\n\r\n if (momentDate.isoWeekday() === 7) {\r\n return momentDate;\r\n }\r\n\r\n return momentDate.startOf(\"isoWeek\").subtract(1, \"day\");\r\n }\r\n\r\n export function getForm(formName: string) : DevExpress.ui.dxForm {\r\n return $(`#${formName}`).dxForm(\"instance\");\r\n }\r\n\r\n export function forceIsValid(e) {\r\n if (e.value === true || e.value === false) {\r\n return true;\r\n }\r\n return false;\r\n }\r\n\r\n}","namespace Areas {\r\n \"use strict\";\r\n\r\n export function gotoContract(id: string) {\r\n gotoSelected(\"ContractGrid\", \"/Contract/GeneralInfo/View/\");\r\n }\r\n\r\n\r\n}","namespace Areas {\r\n \"use strict\";\r\n\r\n const columnChooserButtonName = \"columnChooserButton\";\r\n\r\n export function addColumnChooser(e: any) {\r\n const grid: DevExpress.ui.dxDataGrid = e.component;\r\n ignoreColumnOptionNames(grid);\r\n\r\n \r\n addButtonToToolbar(e.toolbarOptions, {\r\n elementAttr: { id: columnChooserButtonName, \"class\": \"dx-datagrid-column-chooser-button\" },\r\n text: \"Columns\",\r\n hint: \"Choose columns to show/hide\",\r\n type: \"normal\",\r\n icon: \"column-chooser\",\r\n onClick: showColumnChooser(grid)\r\n }, \"after\");\r\n\r\n }\r\n\r\n function ignoreColumnOptionNames(grid: DevExpress.ui.dxDataGrid) {\r\n // This is necessary since we are not setting columnChoose: { enabled: True } \r\n // for the grid to show the column chooser button but we are taking over that\r\n // functionality, otherwise state storing will not work properly with the column visibility property.\r\n grid.option(\"stateStoring.ignoreColumnOptionNames\", []);\r\n }\r\n \r\n function showColumnChooser(grid: DevExpress.ui.dxDataGrid) {\r\n return (e: any) => {\r\n grid.showColumnChooser();\r\n }\r\n } \r\n \r\n}\r\n","namespace Areas {\r\n \"use strict\";\r\n\r\n const downloadZipButtonName = \"downloadZipButton\";\r\n\r\n export function addDownloadZip(e: any) {\r\n const grid: DevExpress.ui.dxDataGrid = e.component;\r\n\r\n grid.on(\"selectionChanged\", toggleDownloadZipButton);\r\n\r\n addButtonToToolbar(e.toolbarOptions, {\r\n elementAttr: { id: downloadZipButtonName },\r\n text: \"Download Zip\",\r\n type: \"normal\",\r\n icon: \"arrowdown\",\r\n disabled: true,\r\n onClick: downloadZip(grid)\r\n }, \"before\"); \r\n } \r\n \r\n export function toggleDownloadZipButton(e: any) {\r\n if (e.selectedRowKeys.length) {\r\n Areas.enableButton(downloadZipButtonName);\r\n } else {\r\n Areas.disableButton(downloadZipButtonName);\r\n }\r\n }\r\n\r\n function downloadZip(dataGrid: DevExpress.ui.dxDataGrid) {\r\n return (e: any) => {\r\n const selectedIds = getSelectedIds(dataGrid);\r\n let url = `/File/Get/AttachmentZip?ids=${selectedIds}`; \r\n \r\n location.href = url; \r\n }\r\n }\r\n \r\n function getSelectedIds(dataGrid: DevExpress.ui.dxDataGrid) : string {\r\n return dataGrid.getSelectedRowsData().map(d => d.attachmentId).join(',');\r\n } \r\n}","namespace Areas {\r\n \"use strict\";\r\n\r\n export class EditBatchButtonConfiguration {\r\n private readonly toolbarOptions: any;\r\n\r\n constructor(toolbarOptions: any) {\r\n this.toolbarOptions = toolbarOptions;\r\n }\r\n\r\n configureBatchEditButtons() {\r\n const saveBtnItem = this.toolbarOptions.items.find(item => item.name === \"saveButton\");\r\n \r\n if (saveBtnItem) {\r\n saveBtnItem.showText = \"always\";\r\n saveBtnItem.options.icon = \"save\";\r\n saveBtnItem.options.type = \"success\";\r\n saveBtnItem.options.text = \"Save\";\r\n }\r\n \r\n const revertBtnItem = this.toolbarOptions.items.find(item => item.name === \"revertButton\");\r\n \r\n if (revertBtnItem) {\r\n revertBtnItem.showText = \"always\";\r\n revertBtnItem.options.icon = \"revert\";\r\n revertBtnItem.options.type = \"default\";\r\n revertBtnItem.options.elementAttr = { class: \"cancel\" };\r\n revertBtnItem.options.text = \"Cancel\"; \r\n }\r\n \r\n const addBtnItem = this.toolbarOptions.items.find(item => item.name === \"addRowButton\");\r\n \r\n if (addBtnItem) {\r\n addBtnItem.showText = \"always\";\r\n addBtnItem.options.icon = \"plus\";\r\n addBtnItem.options.type = \"default\";\r\n addBtnItem.options.elementAttr = { class: \"add\" };\r\n addBtnItem.options.text = \"Add\"; \r\n } \r\n }\r\n }\r\n}","namespace Areas {\r\n \"use strict\";\r\n\r\n enum GridMode { Normal, Edit } \r\n\r\n export class EditButtonsBuilder {\r\n private readonly addButtonName = \"addButton_\"+ new DevExpress.data.Guid().toString();\r\n private readonly editButtonName = \"editButton_\"+ new DevExpress.data.Guid().toString();\r\n private readonly deleteButtonName = \"deleteButton_\"+ new DevExpress.data.Guid().toString(); \r\n private readonly saveButtonName = \"saveButton_\"+ new DevExpress.data.Guid().toString(); \r\n private readonly cancelButtonName = \"cancelButton_\"+ new DevExpress.data.Guid().toString(); \r\n\r\n private readonly grid: DevExpress.ui.dxDataGrid;\r\n private readonly toolbarOptions: any;\r\n private gridMode: GridMode = GridMode.Normal;\r\n\r\n constructor(grid: DevExpress.ui.dxDataGrid, toolbarOptions: any) {\r\n this.grid = grid;\r\n this.toolbarOptions = toolbarOptions;\r\n }\r\n\r\n addButtons(buttonOptions: Array) {\r\n \r\n let shouldAddSaveButton: boolean = false;\r\n let trackGridSelection: boolean = false;\r\n \r\n if (_.contains(buttonOptions, \"add\")) {\r\n this.addAddButton();\r\n shouldAddSaveButton = true;\r\n } \r\n \r\n if (_.contains(buttonOptions, \"edit\")) {\r\n this.addEditButton();\r\n shouldAddSaveButton = true;\r\n trackGridSelection = true;\r\n }\r\n \r\n if (_.contains(buttonOptions, \"delete\")) {\r\n this.addDeleteButton();\r\n shouldAddSaveButton = true;\r\n trackGridSelection = true;\r\n } \r\n \r\n if (shouldAddSaveButton) {\r\n this.addSaveButton();\r\n this.addCancelButton();\r\n }\r\n \r\n if (trackGridSelection) {\r\n this.addTrackGridSelection();\r\n }\r\n } \r\n\r\n private addTrackGridSelection() {\r\n this.grid.on(\"selectionChanged\", this.onSelectionChanged());\r\n }\r\n \r\n private onSelectionChanged () {\r\n return (e: any) => {\r\n const enableEditAndDelete = e.selectedRowKeys.length === 1;\r\n \r\n if (enableEditAndDelete) {\r\n Areas.enableButton(this.editButtonName);\r\n Areas.enableButton(this.deleteButtonName); \r\n } else {\r\n Areas.disableButton(this.editButtonName);\r\n Areas.disableButton(this.deleteButtonName); \r\n }\r\n }\r\n }\r\n\r\n private addSaveButton() {\r\n addButtonToToolbar(this.toolbarOptions, {\r\n elementAttr: { id: this.saveButtonName, class: \"green\" },\r\n text: \"Save\",\r\n hint: \"Save changes\",\r\n icon: \"save\",\r\n visible: false,\r\n onClick: this.saveRow()\r\n });\r\n } \r\n \r\n private addCancelButton() {\r\n addButtonToToolbar(this.toolbarOptions, {\r\n elementAttr: { id: this.cancelButtonName, class: \"lightgold\" },\r\n text: \"Cancel\",\r\n hint: \"Cancel changes\",\r\n icon: \"revert\",\r\n visible: false,\r\n onClick: this.cancelEdit()\r\n });\r\n } \r\n \r\n private addAddButton() {\r\n addButtonToToolbar(this.toolbarOptions, {\r\n elementAttr: { id: this.addButtonName, class: \"lightblue\" },\r\n text: \"Add\",\r\n hint: \"Add new record\",\r\n icon: \"plus\",\r\n onClick: this.addRow()\r\n }); \r\n } \r\n \r\n private addEditButton() {\r\n addButtonToToolbar(this.toolbarOptions, {\r\n elementAttr: { id: this.editButtonName, class: \"lightgreen\" },\r\n text: \"Edit\",\r\n hint: \"Edit selected record\",\r\n icon: \"edit\",\r\n disabled: true,\r\n onClick: this.editRow()\r\n }); \r\n } \r\n \r\n private addDeleteButton() {\r\n addButtonToToolbar(this.toolbarOptions, {\r\n elementAttr: { id: this.deleteButtonName, class: \"red\" },\r\n text: \"Delete\",\r\n hint: \"Delete selected record\",\r\n icon: \"remove\",\r\n disabled: true,\r\n onClick: this.deleteRow()\r\n }); \r\n } \r\n \r\n private editRow() {\r\n return (e: any) => {\r\n const rowKeys = this.grid.getSelectedRowKeys();\r\n \r\n if (rowKeys[0] == null) {\r\n DevExpress.ui.notify(\"Please make a selection first!\", \"warning\", 2000);\r\n return;\r\n }\r\n \r\n const rowIndex = this.grid.getRowIndexByKey(rowKeys[0]);\r\n \r\n if (rowIndex > -1) {\r\n this.grid.editRow(rowIndex);\r\n \r\n this.gridMode = GridMode.Edit;\r\n this.setButtonsVisibility();\r\n }\r\n \r\n }\r\n }\r\n \r\n private deleteRow() {\r\n return (e: any) => {\r\n const rowKeys = this.grid.getSelectedRowKeys();\r\n \r\n if (rowKeys[0] == null) {\r\n DevExpress.ui.notify(\"Please make a selection first!\", \"warning\", 2000);\r\n return;\r\n }\r\n \r\n const rowIndex = this.grid.getRowIndexByKey(rowKeys[0]);\r\n \r\n if (rowIndex > -1) {\r\n this.grid.deleteRow(rowIndex);\r\n }\r\n }\r\n } \r\n \r\n private saveRow() {\r\n return (e: any) => {\r\n this.grid.saveEditData()\r\n .done(() => {\r\n const unsavedData = this.grid.hasEditData();\r\n if (!unsavedData) {\r\n this.gridMode = GridMode.Normal;\r\n this.setButtonsVisibility();\r\n }\r\n });\r\n }\r\n } \r\n \r\n private addRow() {\r\n return (e: any) => {\r\n this.gridMode = GridMode.Edit;\r\n this.setButtonsVisibility();\r\n this.grid.addRow(); \r\n }\r\n } \r\n \r\n private cancelEdit() {\r\n return (e: any) => {\r\n this.gridMode = GridMode.Normal;\r\n this.setButtonsVisibility();\r\n this.grid.cancelEditData();\r\n }\r\n } \r\n \r\n private setButtonsVisibility() {\r\n if (this.gridMode === GridMode.Normal) {\r\n Areas.showButton(this.addButtonName);\r\n Areas.showButton(this.editButtonName);\r\n Areas.showButton(this.deleteButtonName);\r\n Areas.hideButton(this.saveButtonName);\r\n Areas.hideButton(this.cancelButtonName);\r\n } else {\r\n Areas.hideButton(this.addButtonName);\r\n Areas.hideButton(this.editButtonName);\r\n Areas.hideButton(this.deleteButtonName);\r\n Areas.showButton(this.saveButtonName);\r\n Areas.showButton(this.cancelButtonName); \r\n }\r\n }\r\n\r\n }\r\n}","namespace Areas {\r\n \"use strict\";\r\n\r\n const exportButtonName = \"exportButton\";\r\n\r\n export function addExport(e: any) {\r\n const grid: DevExpress.ui.dxDataGrid = e.component;\r\n\r\n addButtonToToolbar(e.toolbarOptions, {\r\n elementAttr: { id: exportButtonName, \"class\": \"dx-datagrid-export-button\" },\r\n text: \"Export\",\r\n hint: \"Export all rows to Excel\",\r\n type: \"normal\",\r\n icon: \"xlsxfile\",\r\n onClick: exportData(grid)\r\n }, \"after\");\r\n }\r\n\r\n export function exportToExcel(e: any) {\r\n exportData(e.component)(null);\r\n }\r\n\r\n export function exportPivotToExcel(e: any) {\r\n exportPivotData(e.component)(null);\r\n }\r\n\r\n function exportData(grid: DevExpress.ui.dxDataGrid) {\r\n return (e: any) => {\r\n const fileName: string = grid.option(\"gridName\") as string;\r\n\r\n var workbook = new ExcelJS.Workbook();\r\n var worksheet = workbook.addWorksheet('Main sheet');\r\n DevExpress.excelExporter.exportDataGrid({\r\n worksheet: worksheet,\r\n component: grid,\r\n customizeCell: function(options) {\r\n var {gridCell, excelCell} = options;\r\n\r\n if(gridCell.rowType === 'data') {\r\n if (gridCell.column.dataType === 'datetime') {\r\n excelCell.numFmt = 'mm/dd/yyyy h:mm AM/PM';\r\n } else if (gridCell.column.dataType === 'date') {\r\n excelCell.numFmt = 'mm/dd/yyyy';\r\n }\r\n }\r\n }\r\n }).then(function() {\r\n workbook.xlsx.writeBuffer().then(function(buffer) {\r\n saveAs(new Blob([buffer], { type: 'application/octet-stream' }), `${fileName}.xlsx`);\r\n });\r\n });\r\n }\r\n }\r\n\r\n export function exportPivotData(grid: DevExpress.ui.dxPivotGrid) {\r\n return (e: any) => {\r\n const fileName: string = grid.option(\"gridName\") as string;\r\n\r\n var workbook = new ExcelJS.Workbook();\r\n var worksheet = workbook.addWorksheet('Main sheet');\r\n DevExpress.excelExporter.exportPivotGrid({\r\n worksheet: worksheet,\r\n component: grid,\r\n }).then(function() {\r\n workbook.xlsx.writeBuffer().then(function(buffer) {\r\n saveAs(new Blob([buffer], { type: 'application/octet-stream' }), `${fileName}.xlsx`);\r\n });\r\n });\r\n }\r\n }\r\n\r\n declare module ExcelJS {\r\n\r\n export interface XlsxWriteOptions {\r\n }\r\n\r\n export interface Xlsx {\r\n writeBuffer(options?: Partial): Promise;\r\n }\r\n export interface Worksheet {\r\n }\r\n\r\n export interface AddWorksheetOptions {\r\n }\r\n export class Workbook {\r\n addWorksheet(name?: string, options?: Partial): Worksheet;\r\n readonly xlsx: Xlsx;\r\n }\r\n }\r\n\r\n}\r\n","namespace Areas {\r\n \"use strict\";\r\n\r\n export class FilterBuilder {\r\n filterValue: any;\r\n readonly filterButtonName = \"filterButton_\" + new DevExpress.data.Guid().toString();\r\n readonly clearFilterButtonName = \"clearFilterButton_\"+ new DevExpress.data.Guid().toString();\r\n\r\n readonly grid: DevExpress.ui.dxDataGrid;\r\n private readonly toolbarOptions: any;\r\n\r\n constructor(grid: DevExpress.ui.dxDataGrid, toolbarOptions: any) {\r\n this.grid = grid;\r\n this.toolbarOptions = toolbarOptions;\r\n }\r\n\r\n addButtons() {\r\n addButtonToToolbar(this.toolbarOptions, {\r\n elementAttr: { id: this.filterButtonName },\r\n text: \"Advanced Filter\",\r\n hint: \"Create an advanced filter\",\r\n type: \"normal\",\r\n icon: \"filter\",\r\n onClick: this.showFilterDialog()\r\n }, \"after\"); \r\n \r\n addButtonToToolbar(this.toolbarOptions, {\r\n elementAttr: { id: this.clearFilterButtonName },\r\n text: \"Clear Filter\",\r\n hint: \"Clear the filter\",\r\n type: \"normal\",\r\n disabled: true,\r\n onClick: this.clearFilter()\r\n }, \"after\"); \r\n }\r\n\r\n private showFilterDialog() {\r\n return (e: any) => {\r\n let fields = this.getFields();\r\n\r\n const parameters = {\r\n filterValue: this.filterValue,\r\n fields: fields\r\n };\r\n\r\n const dialog = new Areas.Dialogs.FilterBuilder.FilterBuilderDialog(this.filterBuilderClosed(this), parameters);\r\n }\r\n }\r\n\r\n private getFields(): any {\r\n let fields = [];\r\n\r\n for (let i = 0; i < this.grid.columnCount(); i++) {\r\n const columnOption = this.grid.columnOption(i);\r\n\r\n if (columnOption.dataField) {\r\n fields.push(this.buildField(columnOption));\r\n }\r\n }\r\n\r\n return fields;\r\n }\r\n\r\n private buildField(columnOption: any): any {\r\n if (columnOption.displayField) {\r\n return {\r\n dataField: columnOption.displayField,\r\n dataType: \"string\",\r\n caption: columnOption.caption,\r\n format: columnOption.format\r\n };\r\n }\r\n\r\n return {\r\n dataField: columnOption.dataField,\r\n dataType: columnOption.dataType,\r\n caption: columnOption.caption,\r\n format: columnOption.format\r\n };\r\n }\r\n\r\n private clearFilter() {\r\n return (e: any) => {\r\n this.grid.clearFilter();\r\n this.filterValue = null;\r\n e.component.option(\"disabled\", true);\r\n $(`#${this.filterButtonName}`).dxButton(\"instance\").option(\"type\", \"default\");\r\n };\r\n }\r\n\r\n private filterBuilderClosed (filterBuilder: FilterBuilder) {\r\n return (result: Areas.DialogResult, data: any) => {\r\n if (result === DialogResult.Cancel) return;\r\n\r\n filterBuilder.filterValue = data.filter;\r\n\r\n filterBuilder.grid.filter(data.filter);\r\n\r\n $(`#${filterBuilder.filterButtonName}`).dxButton(\"instance\")\r\n .option(\"type\", data.filter ? \"success\" : \"default\");\r\n\r\n $(`#${filterBuilder.clearFilterButtonName}`).dxButton(\"instance\")\r\n .option(\"disabled\", !data.filter);\r\n }\r\n }\r\n } \r\n}","namespace Areas {\r\n \"use strict\";\r\n\r\n export function addFilterBuilder(e: any) {\r\n const grid: DevExpress.ui.dxDataGrid = e.component;\r\n\r\n let filterBuilder = new FilterBuilder(grid, e.toolbarOptions);\r\n filterBuilder.addButtons();\r\n }\r\n\r\n}","namespace Areas {\r\n \"use strict\";\r\n\r\n export function addEditingButtons(e: any, buttonOptions: Array) {\r\n const grid: DevExpress.ui.dxDataGrid = e.component;\r\n\r\n const editButtonsBuilder = new EditButtonsBuilder(grid, e.toolbarOptions);\r\n editButtonsBuilder.addButtons(buttonOptions);\r\n } \r\n\r\n export function addEditBatchButton(e: any) {\r\n const grid: DevExpress.ui.dxDataGrid = e.component;\r\n const editBatchButtonConfiguration = new EditBatchButtonConfiguration(e.toolbarOptions);\r\n editBatchButtonConfiguration.configureBatchEditButtons();\r\n }\r\n \r\n}","namespace Areas {\r\n \"use strict\";\r\n\r\n export function buildCellContent(cellElement: any, getData: () => string, contentTemplate: string) {\r\n const data = getData();\r\n const re = /{placeholder}/gi;\r\n const content = contentTemplate.replace(re, data);\r\n cellElement.html(content);\r\n }\r\n\r\n export function gotoSelected(gridName: string, url: string) {\r\n const dataGrid = $(`#${gridName}`).dxDataGrid(\"instance\");\r\n const dataId = dataGrid.getSelectedRowKeys()[0];\r\n if (dataId != null) {\r\n location.href = url + dataId;\r\n }\r\n else {\r\n DevExpress.ui.notify(\"You need to select a row first!\", \"warning\", 2000);\r\n }\r\n }\r\n\r\n export function refreshGrid(id: string) {\r\n $(`#${id}`).dxDataGrid(\"instance\").refresh();\r\n } \r\n \r\n export function refreshData(dataGrid: DevExpress.ui.dxDataGrid) {\r\n dataGrid.refresh();\r\n dataGrid.deselectRows(dataGrid.getSelectedRowKeys());\r\n } \r\n \r\n export function getGrid(gridName: string) : DevExpress.ui.dxDataGrid {\r\n return $(`#${gridName}`).dxDataGrid(\"instance\");\r\n }\r\n}","namespace Areas {\r\n \"use strict\";\r\n\r\n export function addResetLayout(e: any) {\r\n const grid: DevExpress.ui.dxDataGrid = e.component;\r\n\r\n addButtonToToolbar(e.toolbarOptions, {\r\n text: \"Reset Layout\",\r\n hint: \"Reset grid layout\",\r\n type: \"normal\",\r\n icon: \"revert\",\r\n onClick: reset(grid)\r\n }, \"after\");\r\n }\r\n\r\n function reset(grid: DevExpress.ui.dxDataGrid) {\r\n return (e: any) => {\r\n grid.state({});\r\n }\r\n }\r\n}","namespace Areas {\r\n \"use strict\";\r\n\r\n export function addButtonsToToolbar(buttonOptions: Array, addOtherButtons: (e: any) => void = null) {\r\n return (e: any) => {\r\n if (_.contains(buttonOptions, \"export\")) {\r\n addExport(e);\r\n } \r\n\r\n if (_.contains(buttonOptions, \"columnChooser\")) {\r\n addColumnChooser(e); \r\n }\r\n\r\n if (_.contains(buttonOptions, \"resetLayout\")) {\r\n addResetLayout(e);\r\n }\r\n\r\n if (_.contains(buttonOptions, \"filterBuilder\")) {\r\n addFilterBuilder(e);\r\n }\r\n\r\n if (_.contains(buttonOptions, \"downloadZip\")) {\r\n addDownloadZip(e);\r\n } \r\n \r\n const editing = e.component.option(\"editing\");\r\n\r\n if (editing.mode === \"batch\") {\r\n addEditBatchButton(e);\r\n } else {\r\n addEditingButtons(e, buttonOptions);\r\n }\r\n\r\n if (addOtherButtons) {\r\n addOtherButtons(e);\r\n }\r\n }\r\n }\r\n\r\n export function addButtonToToolbar(toolbarOptions: any, options: any, location: string = \"center\") {\r\n toolbarOptions.items.push({\r\n location: location,\r\n locateInMenu: \"auto\", \r\n widget: \"dxButton\",\r\n options: options\r\n }); \r\n } \r\n\r\n}","namespace Areas.TreeList {\r\n \"use strict\";\r\n\r\n const columnChooserButtonName = \"columnChooserButton\";\r\n\r\n export function addColumnChooser(e: any) {\r\n const treeList: DevExpress.ui.dxTreeList = e.component;\r\n \r\n addButtonToToolbar(e.toolbarOptions, {\r\n elementAttr: { id: columnChooserButtonName, \"class\": \"dx-datagrid-column-chooser-button\" },\r\n text: \"Columns\",\r\n hint: \"Choose columns to show/hide\",\r\n type: \"normal\",\r\n icon: \"column-chooser\",\r\n onClick: showColumnChooser(treeList)\r\n }, \"after\");\r\n\r\n } \r\n \r\n function showColumnChooser(treeList: DevExpress.ui.dxTreeList) {\r\n return (e: any) => {\r\n treeList.showColumnChooser();\r\n }\r\n } \r\n \r\n}","namespace Areas.TreeList {\r\n \"use strict\";\r\n\r\n export function addResetLayout(e: any) {\r\n const treeList: DevExpress.ui.dxTreeList = e.component;\r\n\r\n addButtonToToolbar(e.toolbarOptions, {\r\n text: \"Reset Layout\",\r\n hint: \"Reset grid layout\",\r\n type: \"normal\",\r\n icon: \"revert\",\r\n onClick: reset(treeList)\r\n }, \"after\");\r\n }\r\n\r\n function reset(treeList: DevExpress.ui.dxTreeList) {\r\n return (e: any) => {\r\n treeList.state({});\r\n }\r\n }\r\n}","namespace Areas {\r\n \"use strict\";\r\n\r\n export function addButtonsToTreeListToolbar(buttonOptions: Array, addOtherButtons: (e: any) => void = null) {\r\n return (e: any) => {\r\n if (_.contains(buttonOptions, \"columnChooser\")) {\r\n TreeList.addColumnChooser(e); \r\n }\r\n\r\n if (isIE11()) {\r\n disableStateStoring(e);\r\n } \r\n \r\n if (_.contains(buttonOptions, \"resetLayout\")) {\r\n TreeList.addResetLayout(e);\r\n }\r\n \r\n }\r\n }\r\n\r\n function disableStateStoring(e: any) {\r\n const grid: DevExpress.ui.dxTreeList = e.component;\r\n grid.option('stateStoring.enabled', false);\r\n }\r\n}","namespace Areas.Analysis.Contact.List {\r\n \"use strict\";\r\n \r\n \r\n export function editFromCellStaffList(cellElement, cellInfo) {\r\n const id = String(cellInfo.data.contactId);\r\n const linkInfo = `View`\r\n cellElement.html(linkInfo);\r\n }\r\n \r\n}\r\n","namespace Areas.Analysis.EmployeeWeb {\r\n \"use strict\";\r\n \r\n export function viewLink(cellElement, cellInfo) {\r\n const employeeId = String(cellInfo.data.employeeId);\r\n const linkInfo = `View`\r\n cellElement.html(linkInfo);\r\n }\r\n \r\n}\r\n","namespace Areas.Analysis.I181 {\r\n \"use strict\";\r\n\r\n\r\n $(() => { setWarningText(); });\r\n\r\n export function setWarningText() {\r\n const warningId = \"HasFMLAChecked\";\r\n\r\n if (Areas.elementIdExists(warningId)) {\r\n $.get(\"/Analysis/I181/GetHasFMLAChecked\").then((data) => {\r\n if (Areas.isNotEmpty(data)) {\r\n if (data.hasFMLAChecked === true) {\r\n $(`#${warningId}`).text(\"Data has at least one record with FMLA checked.\");\r\n }\r\n else {\r\n $(`#${warningId}`).text(\"\");\r\n }\r\n }\r\n });\r\n }\r\n }\r\n\r\n export function load() {\r\n const result: any = $(\"#I181Form\").dxForm(\"instance\").validate();\r\n\r\n if (result.isValid) {\r\n Areas.refreshGrid(\"I181Grid\");\r\n }\r\n }\r\n\r\n export function refresh() {\r\n const data: any = $('#I181Form').dxForm('instance').option('formData');\r\n const result: any = $(\"#I181Form\").dxForm(\"instance\").validate();\r\n\r\n if (result.isValid) {\r\n const url = '/Analysis/I181/SqlI181GetData?startDate=' +\r\n FormatDateForUpload(data.startDate) + '&endDate=' +\r\n FormatDateForUpload(data.endDate) + '&exempt=' +\r\n data.exempt;\r\n\r\n sendRequest(url, \"\", \"POST\", () => { Areas.refreshGrid(\"I181Grid\"); setWarningText(); });\r\n }\r\n }\r\n\r\n export function exportData() {\r\n const data: any = $('#I181Form').dxForm('instance').option('formData');\r\n const result: any = $(\"#I181Form\").dxForm(\"instance\").validate();\r\n\r\n if (result.isValid) {\r\n window.location.href = '/Analysis/I181/Export?startDate=' + FormatDateForUpload(data.startDate) +\r\n '&endDate=' + FormatDateForUpload(data.endDate) + '&exempt=' + data.exempt;\r\n }\r\n }\r\n\r\n export function viewFromCellI181List(cellElement, cellInfo) {\r\n const employeeId = String(cellInfo.data.employeeId);\r\n const startDate = String(cellInfo.data.payPeriodEndDate);\r\n const linkInfo = `View`;\r\n cellElement.html(linkInfo);\r\n }\r\n\r\n}\r\n","namespace Areas.Analysis.ReportsFinance {\r\n \"use strict\";\r\n\r\n export function ProcessExtract() {\r\n const form = $(\"#ExtractForm\").dxForm(\"instance\");\r\n const formData: any = form.option(\"formData\");\r\n\r\n\r\n let lastDateOfWeek = formData.lastDateOfWeek;\r\n if (lastDateOfWeek != null) {\r\n lastDateOfWeek = moment(formData.lastDateOfWeek).format('YYYY-MM-DD');\r\n }\r\n\r\n const url = `/Analysis/ReportsFinance/ProcessExtract/${lastDateOfWeek}`;\r\n sendRequest(url, null, 'Put');\r\n }\r\n\r\n\r\n export function ProcessReconcileCompleted() {\r\n const form = $(\"#ReconcileForm\").dxForm(\"instance\");\r\n const formData: any = form.option(\"formData\");\r\n\r\n let lastDateOfUploadMonth = formData.lastDateOfUploadMonth;\r\n if (lastDateOfUploadMonth != null) {\r\n lastDateOfUploadMonth = moment(formData.lastDateOfUploadMonth).format('YYYY-MM-DD');\r\n }\r\n\r\n let weekEndingDate = formData.weekEndingDate;\r\n if (weekEndingDate != null) {\r\n weekEndingDate = moment(formData.weekEndingDate).format('YYYY-MM-DD');\r\n }\r\n\r\n const url = `/Analysis/ReportsFinance/ProcessReconcileCompleted/${lastDateOfUploadMonth}/${weekEndingDate}`;\r\n sendRequest(url, null, 'Put');\r\n\r\n }\r\n\r\n}","namespace Areas.Analysis.ReportsPersonnel {\r\n \"use strict\";\r\n\r\n export function GetCP104A() {\r\n const form = $(\"#Report104AForm\").dxForm(\"instance\");\r\n const formData: any = form.option(\"formData\");\r\n\r\n let startDate = formData.startDate;\r\n if (startDate != null) {\r\n startDate = moment(formData.startDate).format('YYYY-MM-DD');\r\n }\r\n let endDate = formData.endDate;\r\n if (endDate != null) {\r\n endDate = moment(formData.endDate).format('YYYY-MM-DD');\r\n }\r\n\r\n const url = `/Analysis/ReportsPersonnel/GetCP104A/${startDate}/${endDate}`;\r\n window.open(url);\r\n\r\n }\r\n\r\n export function GetCP205() {\r\n const form = $(\"#Report205Form\").dxForm(\"instance\");\r\n const formData: any = form.option(\"formData\");\r\n\r\n let startDate = formData.startDate;\r\n if (startDate != null) {\r\n startDate = moment(formData.startDate).format('YYYY-MM-DD');\r\n }\r\n let endDate = formData.endDate;\r\n if (endDate != null) {\r\n endDate = moment(formData.endDate).format('YYYY-MM-DD');\r\n }\r\n\r\n const url = `/Analysis/ReportsPersonnel/GetCP205/${startDate}/${endDate}`;\r\n window.open(url);\r\n\r\n }\r\n\r\n export function GetCP305() {\r\n const form = $(\"#Report305Form\").dxForm(\"instance\");\r\n const formData: any = form.option(\"formData\");\r\n\r\n let startDate = formData.startDate;\r\n if (startDate != null) {\r\n startDate = moment(formData.startDate).format('YYYY-MM-DD');\r\n }\r\n\r\n let endDate = formData.endDate;\r\n if (endDate != null) {\r\n endDate = moment(formData.endDate).format('YYYY-MM-DD');\r\n }\r\n\r\n const url = `/Analysis/ReportsPersonnel/GetCP305/${startDate}/${endDate}`;\r\n window.open(url);\r\n\r\n }\r\n\r\n export function GetCP307() {\r\n const form = $(\"#Report307Form\").dxForm(\"instance\");\r\n const formData: any = form.option(\"formData\");\r\n\r\n let lastDateOfMonth = formData.lastDateOfMonth;\r\n if (lastDateOfMonth != null) {\r\n lastDateOfMonth = moment(formData.lastDateOfMonth).format('YYYY-MM-DD');\r\n }\r\n\r\n const url = `/Analysis/ReportsPersonnel/GetCP307/${lastDateOfMonth}`;\r\n window.open(url);\r\n\r\n }\r\n\r\n\r\n export function ImportData() {\r\n const url = `/Analysis/ReportsPersonnel/GetImportData`;\r\n sendRequest(url, null, 'Put');\r\n\r\n }\r\n\r\n export function ProcessExtract() {\r\n const form = $(\"#ExtractForm\").dxForm(\"instance\");\r\n const formData: any = form.option(\"formData\");\r\n\r\n\r\n let lastDateOfWeek = formData.lastDateOfWeek;\r\n if (lastDateOfWeek != null) {\r\n lastDateOfWeek = moment(formData.lastDateOfWeek).format('YYYY-MM-DD');\r\n }\r\n\r\n const url = `/Analysis/ReportsPersonnel/ProcessExtract/${lastDateOfWeek}`;\r\n sendRequest(url, null, 'Put');\r\n\r\n }\r\n\r\n export function ProcessReconcileCompleted() {\r\n const form = $(\"#ReconcileForm\").dxForm(\"instance\");\r\n const formData: any = form.option(\"formData\");\r\n\r\n let lastDateOfUploadMonth = formData.lastDateOfUploadMonth;\r\n if (lastDateOfUploadMonth != null) {\r\n lastDateOfUploadMonth = moment(formData.lastDateOfUploadMonth).format('YYYY-MM-DD');\r\n }\r\n\r\n let weekEndingDate = formData.weekEndingDate;\r\n if (weekEndingDate != null) {\r\n weekEndingDate = moment(formData.weekEndingDate).format('YYYY-MM-DD');\r\n }\r\n\r\n const url = `/Analysis/ReportsPersonnel/ProcessReconcileCompleted/${lastDateOfUploadMonth}/${weekEndingDate}`;\r\n sendRequest(url, null, 'Put');\r\n\r\n }\r\n\r\n \r\n export function GetEmployeeAccrualsMonthlyDetail() {\r\n const form = $(\"#ReportEmployeeAccrualsMonthlyDetailForm\").dxForm(\"instance\");\r\n const formData: any = form.option(\"formData\");\r\n\r\n let employeeNumber = formData.employeeNumber;\r\n\r\n if (employeeNumber != null) {\r\n employeeNumber = formData.employeeNumber;\r\n }\r\n\r\n const url = `/Analysis/ReportsPersonnel/GetEmployeeAccrualsMonthlyDetail/${employeeNumber}`;\r\n window.open(url);\r\n }\r\n\r\n\r\n export function GetEmployeeAccrualsSummary() {\r\n const form = $(\"#ReportEmployeeAccrualsSummaryForm\").dxForm(\"instance\");\r\n const formData: any = form.option(\"formData\");\r\n\r\n const url = `/Analysis/ReportsPersonnel/GetEmployeeAccrualsSummary`;\r\n window.open(url);\r\n }\r\n\r\n}","namespace Areas.Analysis.Index {\r\n \"use strict\";\r\n\r\n var staffInfoTabItems = Areas.createTabsWithSameActionAndDifferentAreas(\"Index\",\r\n [\r\n \"Analysis/Staff\",\r\n \"Analysis/Contact\",\r\n \"Analysis/EmployeeWeb\",\r\n \"Analysis/UcpDownload\",\r\n \"Personnel/Map\"\r\n ]);\r\n\r\n export function staffInfoTabInitialized(params: any) {\r\n return Areas.tabInitialized(staffInfoTabItems)(params);\r\n }\r\n}","namespace Areas.Analysis.Staff.List {\r\n \"use strict\";\r\n \r\n export function viewFromCellStaffList(cellElement, cellInfo) {\r\n const employeeId = String(cellInfo.data.employeeId);\r\n const linkInfo = `Timesheet`\r\n cellElement.html(linkInfo);\r\n }\r\n \r\n export function editFromCellStaffList(cellElement, cellInfo) {\r\n const employeeId = String(cellInfo.data.employeeId);\r\n const linkInfo = `View`\r\n cellElement.html(linkInfo);\r\n }\r\n \r\n}\r\n","namespace Areas.Analysis.TimeVerification {\r\n \"use strict\";\r\n\r\n let weekEndingDate: Date;\r\n\r\n export function getWeekEndingDate() {\r\n return moment(weekEndingDate).format(\"YYYY-MM-DD\");\r\n }\r\n\r\n export function formReady(e: any) {\r\n weekEndingDate = getSaturday(new Date());\r\n e.component.option(\"formData\", { selectedWeekEnding: weekEndingDate });\r\n }\r\n\r\n export function viewLink(cellElement, cellInfo) {\r\n const employeeId = String(cellInfo.data.employeeId);\r\n const startDate = String(cellInfo.data.weekEndingDate);\r\n const linkInfo = `View`; \r\n cellElement.html(linkInfo);\r\n }\r\n\r\n export function load() {\r\n const form = $(\"#timeVerificationForm\").dxForm(\"instance\");\r\n const result: any = form.validate();\r\n\r\n if (result.isValid) {\r\n const data: any = form.option(\"formData\");\r\n weekEndingDate = getSaturday(data.selectedWeekEnding);\r\n form.updateData(\"selectedWeekEnding\", weekEndingDate)\r\n Areas.refreshGrid(\"timeVerificationGrid\");\r\n }\r\n }\r\n\r\n export function onCellPrepared(e: any) {\r\n if (e.rowType !== \"data\") {\r\n return;\r\n }\r\n setLockedByBackground(e);\r\n setSubmittedByBackground(e);\r\n }\r\n\r\n function setLockedByBackground(e) {\r\n var isApprovedDataCell = e.column.dataField === \"supervisorApprovalBy\";\r\n\r\n if (isApprovedDataCell) {\r\n if (e.data.supervisorApprovalBy == null) {\r\n e.cellElement.css(\"background-color\", \"yellow\");\r\n }\r\n }\r\n }\r\n\r\n function setSubmittedByBackground(e) {\r\n var isApprovedDataCell = e.column.dataField === \"submittedBy\";\r\n\r\n if (isApprovedDataCell) {\r\n if (e.data.submittedBy == null) {\r\n e.cellElement.css(\"background-color\", \"yellow\");\r\n }\r\n }\r\n }\r\n\r\n export function loadPrevWeek() {\r\n loadWeek(-1);\r\n }\r\n\r\n export function loadNextWeek() {\r\n loadWeek(1);\r\n }\r\n\r\n export function submitFromTimeVerification() {\r\n GridActionTimeVerification(\"Submit\");\r\n }\r\n\r\n export function approveFromTimeVerification() {\r\n GridActionTimeVerification(\"Approve\");\r\n }\r\n\r\n export function lockFromTimeVerification() {\r\n GridActionTimeVerification(\"Lock\");\r\n }\r\n\r\n export function unSubmitFromTimeVerification() {\r\n GridActionTimeVerification(\"UnSubmit\");\r\n }\r\n\r\n export function unApproveFromTimeVerification() {\r\n GridActionTimeVerification(\"UnApprove\");\r\n }\r\n\r\n export function unLockFromTimeVerification() {\r\n GridActionTimeVerification(\"UnLock\");\r\n }\r\n\r\n export function GridActionTimeVerification(urlAction: string) {\r\n const dataGrid = $('#timeVerificationGrid').dxDataGrid('instance');\r\n const selectedRows = dataGrid.getSelectedRowKeys().join(',');\r\n const url = `/Analysis/TimeVerification/${urlAction}?ids=${selectedRows}`;\r\n\r\n sendRequest(url, \"\", \"POST\", () => { Areas.refreshGrid(\"timeVerificationGrid\")});\r\n }\r\n \r\n function loadWeek(offset) {\r\n const form = $(\"#timeVerificationForm\").dxForm(\"instance\");\r\n const data: any = form.option(\"formData\");\r\n\r\n const saturday = getSaturday(data.selectedWeekEnding);\r\n weekEndingDate = moment(saturday).add(offset, \"week\").toDate();\r\n\r\n form.updateData(\"selectedWeekEnding\", weekEndingDate);\r\n Areas.refreshGrid(\"timeVerificationGrid\");\r\n }\r\n\r\n function getSaturday(date: Date)\r\n {\r\n let result = moment(date).startOf('day');\r\n\r\n while (result.day() != 6) {\r\n result.add(-1, \"day\");\r\n }\r\n\r\n return result.toDate();\r\n }\r\n}","namespace Areas.Attachment {\r\n \"use strict\";\r\n\r\n\r\n export function onValueChanged(e) {\r\n var newValue = e.value;\r\n if (newValue != e.previousValue) {\r\n var uploader = $(\"#fileUploaderControl\").dxFileUploader(\"instance\");\r\n var url = uploader.option(\"uploadUrl\");\r\n url = updateQueryStringParameter(url, \"fileDescription\", newValue);\r\n console.log(url);\r\n uploader.option(\"uploadUrl\", url);\r\n }\r\n }\r\n\r\n export function onUploadError(e) {\r\n DevExpress.ui.notify(e.error.responseText, \"error\", 2000);\r\n }\r\n\r\n export function addIconImage(cellElement, cellInfo) {\r\n var iconSource = cellInfo.data.icon;\r\n var img = \"![](\" + String(iconSource) + \")
\";\r\n cellElement.height(30);\r\n cellElement.html(img);\r\n }\r\n\r\n export function downloadAttachmentLink(cellElement: any, cellInfo: any) {\r\n buildCellContent(cellElement,\r\n () => { return cellInfo.data.attachmentId; },\r\n \"Download\");\r\n } \r\n\r\n export function refreshGridAfterUpload(e) {\r\n var uploadGrid = $(\"#attachmentDataGrid\").dxDataGrid(\"instance\");\r\n uploadGrid.refresh();\r\n }\r\n\r\n export function onCellPrepared(e) {\r\n\r\n if (e.rowType === \"data\" && e.column.command === \"edit\") {\r\n if (e.data.isReadOnly) {\r\n e.cellElement.empty();\r\n }\r\n }\r\n } \r\n\r\n } ","namespace Areas.CustomQuery {\r\n \"use strict\";\r\n\r\n let formIsInitialized: boolean = false; \r\n\r\n interface ParameterDefinition {\r\n parameterName: string;\r\n parameterDisplayName: string;\r\n parameterType: string;\r\n parameterLookupDialog: string;\r\n propertyValueName: string;\r\n propertyDisplayName: string;\r\n }\r\n\r\n export function parameterFormIsInitialized(): boolean {\r\n return formIsInitialized;\r\n }\r\n\r\n export function createParameterForm(parameters: Array): void {\r\n if (formIsInitialized) {\r\n $(\"#ParameterForm\").dxForm(\"dispose\");\r\n formIsInitialized = false;\r\n }\r\n\r\n if (parameters.length == 0) {\r\n return;\r\n }\r\n\r\n createForm();\r\n createParameters(parameters);\r\n } \r\n\r\n function createForm(): void {\r\n $(\"#ParameterForm\").dxForm({\r\n minColWidth: 100,\r\n items: [{\r\n itemType: \"group\",\r\n caption: \" \",\r\n name: \"MainGroup\",\r\n colCount: 4,\r\n items: [{\r\n itemType: \"empty\", \r\n colSpan: 4\r\n }]\r\n }],\r\n onInitialized: function(e) { formIsInitialized = true; } \r\n });\r\n }\r\n\r\n function createParameters(parameters: Array): void {\r\n const form = $(\"#ParameterForm\").dxForm(\"instance\");\r\n const mainGroup = form.itemOption(\"MainGroup\");\r\n\r\n form.option(\"parameterList\", parameters.map(item => item.parameterName));\r\n parameters.forEach(parameter => addParameterToForm(mainGroup, parameter));\r\n form.repaint();\r\n }\r\n \r\n function addParameterToForm(mainGroup: any, parameter: ParameterDefinition): void {\r\n const isDialog = Areas.isNotEmpty(parameter.parameterLookupDialog);\r\n \r\n if (isDialog) {\r\n addDialogBox(mainGroup, parameter)\r\n } else {\r\n addInputBox(mainGroup, parameter);\r\n }\r\n }\r\n\r\n function addInputBox(mainGroup: any, parameter: ParameterDefinition): void {\r\n const item = getItem(parameter);\r\n mainGroup.items.push(item);\r\n }\r\n\r\n function getEditorType(parameterType: string): string {\r\n const editorTypeMap = {} as IDictionary;\r\n editorTypeMap[\"string\"] = \"dxTextBox\";\r\n editorTypeMap[\"integer\"] = \"dxNumberBox\";\r\n editorTypeMap[\"date\"] = \"dxDateBox\";\r\n\r\n return editorTypeMap[parameterType]; \r\n }\r\n \r\n function getItem(parameter: ParameterDefinition): any {\r\n return {\r\n label: {text: parameter.parameterDisplayName},\r\n dataField: parameter.parameterName,\r\n editorType: getEditorType(parameter.parameterType),\r\n colSpan:4\r\n };\r\n }\r\n\r\n function addDialogBox(mainGroup: any, parameter: ParameterDefinition): void {\r\n const item = {\r\n label: {text: parameter.parameterDisplayName},\r\n editorType: \"dxTextBox\",\r\n name: parameter.parameterName + \"Display\",\r\n disabled: true,\r\n colSpan:3\r\n };\r\n\r\n mainGroup.items.push(item); \r\n \r\n const button = {\r\n colSpan: 1,\r\n template: function(data, element) {\r\n var div = document.createElement(\"div\");\r\n element.get(0).appendChild(div); \r\n $(div).dxButton({\r\n text: \"Select\",\r\n type: \"success\", \r\n onClick: function(e: any) {\r\n createDialog(parameter);\r\n }\r\n })\r\n }\r\n };\r\n\r\n mainGroup.items.push(button); \r\n }\r\n \r\n function createDialog(parameter: ParameterDefinition): void {\r\n switch (parameter.parameterLookupDialog) {\r\n default: break;\r\n }\r\n }\r\n\r\n function closeHandler(parameter: ParameterDefinition) {\r\n return (dialogResult: DialogResult, data: any) => {\r\n if (dialogResult === DialogResult.Cancel) return;\r\n \r\n const form = $(\"#ParameterForm\").dxForm(\"instance\");\r\n const editor = form.getEditor(parameter.parameterName + \"Display\");\r\n editor.option(\"value\", data[parameter.propertyDisplayName]);\r\n\r\n const formData = form.option(\"formData\");\r\n formData[parameter.parameterName] = data[parameter.propertyValueName];\r\n }\r\n }\r\n}","namespace Areas.CustomQuery {\r\n \"user strict\";\r\n\r\n export function createGridResult(): void {\r\n $(\"#CustomQueryResultGrid\").dxDataGrid({\r\n dataSource: createDataSource(),\r\n remoteOperations: true,\r\n showBorders: true,\r\n allowColumnReordering: true,\r\n allowColumnResizing: true,\r\n rowAlternationEnabled: true,\r\n columnAutoWidth: true,\r\n columnChooser: {\r\n mode: \"select\"\r\n },\r\n columnFixing: { \r\n enabled: true\r\n },\r\n paging: {\r\n pageSize: 10\r\n },\r\n pager: {\r\n showPageSizeSelector: true,\r\n allowedPageSizes: [10, 50, 200, 1000],\r\n visible: true\r\n },\r\n onToolbarPreparing: Areas.addButtonsToToolbar([\"columnChooser\", \"export\"]),\r\n customizeColumns: customizeColumns, \r\n onInitialized: (e) => Areas.CustomQuery.setGridIsInitialized() \r\n }); \r\n }\r\n\r\n function createDataSource(): DevExpress.data.DataSource {\r\n const storeConfiguration = {\r\n \"loadParams\": { \r\n customQueryId: Areas.CustomQuery.getCustomQueryId(), \r\n runQuery: Areas.CustomQuery.canExecuteQuery(), \r\n parameters: getQueryParameters() \r\n },\r\n \"key\": \"\",\r\n \"loadUrl\": \"/CustomQuery/Main/GetResult\",\r\n \"insertUrl\": \"\",\r\n \"updateUrl\": \"\",\r\n \"deleteUrl\": \"\"\r\n };\r\n\r\n const store = DevExpress.data.AspNet.createStore(storeConfiguration);\r\n return new DevExpress.data.DataSource({ store: store }); \r\n } \r\n \r\n function getQueryParameters(): string {\r\n if (!Areas.CustomQuery.parameterFormIsInitialized()) {\r\n return null;\r\n }\r\n \r\n const form = $(\"#ParameterForm\").dxForm(\"instance\");\r\n const data = form.option(\"formData\");\r\n const parameterList: any = form.option(\"parameterList\");\r\n const parameterData = [];\r\n\r\n parameterList.forEach(parameterName => {\r\n const value = Areas.isEmpty(data[parameterName]) ? \"\" : data[parameterName];\r\n parameterData.push({name: parameterName, value: value});\r\n });\r\n\r\n return JSON.stringify(parameterData);\r\n }\r\n\r\n function customizeColumns(cols: any): void {\r\n const items = $(\"#CustomQueryResultGrid\").dxDataGrid(\"instance\").getDataSource().items();\r\n\r\n cols.forEach((col) => {\r\n const columnName = col.dataField as string;\r\n const columnValue = items[0][columnName];\r\n\r\n if(isAValidDate(columnValue, columnName)){\r\n col.dataType = \"date\";\r\n col.format = \"shortDateShortTime\";\r\n } \r\n })\r\n }\r\n \r\n function isAValidDate(columnValue: any, columnName: string): boolean {\r\n let isValid = false;\r\n\r\n if(Areas.isNotEmpty(columnValue)) {\r\n isValid = moment(columnValue, moment.ISO_8601, true).isValid();\r\n } else {\r\n const columnNameContainsDate = columnName.toLowerCase().indexOf(\"date\") > -1;\r\n\r\n if (columnNameContainsDate) {\r\n isValid = true;\r\n }\r\n } \r\n\r\n return isValid;\r\n }\r\n}\r\n","namespace Areas.CustomQuery {\r\n \"use strict\";\r\n\r\n let customQueryId: number;\r\n let canRunQuery: boolean = false;\r\n let gridIsInitialized: boolean = false; \r\n\r\n export function getCustomQueryId(): number {\r\n return customQueryId;\r\n }\r\n\r\n export function setGridIsInitialized(): void {\r\n gridIsInitialized = true;\r\n }\r\n\r\n export function canExecuteQuery(): boolean {\r\n return canRunQuery;\r\n }\r\n\r\n export function runQuery(e: any): void {\r\n if (gridIsInitialized) {\r\n $(\"#CustomQueryResultGrid\").dxDataGrid(\"dispose\");\r\n }\r\n\r\n createGridResult();\r\n }\r\n\r\n export function onCustomQuerySelected(e: any): void {\r\n const selectedRows = e.component.getSelectedRowsData();\r\n const rowSelected = selectedRows.length === 1;\r\n \r\n if (rowSelected) {\r\n canRunQuery = true;\r\n customQueryId = selectedRows[0].customQueryId;\r\n createParameterForm(selectedRows[0].customQueryFields);\r\n }\r\n else\r\n {\r\n canRunQuery = false;\r\n }\r\n }\r\n\r\n}","namespace Areas.Dialogs.Account {\r\n \"use strict\";\r\n\r\n export class AccountDialog extends Areas.BaseDialog {\r\n\r\n constructor(closeHandler: (dialogResult: DialogResult, data: any) => void) {\r\n super(\"Account\", closeHandler);\r\n }\r\n\r\n protected ok = (e: any) => {\r\n\r\n const dataGrid = $(`#${this.dialogName}LookupGrid`).dxDataGrid('instance');\r\n const selectedRows: any = dataGrid.getSelectedRowsData();\r\n \r\n if (selectedRows[0] == null) {\r\n DevExpress.ui.notify(\"Please make a selection first!\", \"warning\", 2000);\r\n } else {\r\n var data = selectedRows[0];\r\n this.close(DialogResult.Ok, data);\r\n }\r\n } \r\n }\r\n \r\n}","namespace Areas.Dialogs.AddDefaultJob {\r\n \"use strict\";\r\n\r\n let employeeId: number;\r\n\r\n export class AddDefaultJobDialog extends Areas.BaseDialog {\r\n constructor(closeHandler: (dialogResult: DialogResult, data: any) => void, parameters: any = null) {\r\n super(\"AddDefaultJob\", closeHandler, parameters, () => {\r\n employeeId = parameters.employeeId;\r\n })\r\n }\r\n\r\n protected ok = (e: any) => {\r\n const accountWorkOrdersGrid: DevExpress.ui.dxDataGrid = $(\"#AccountWorkOrdersGrid\").dxDataGrid(\"instance\");\r\n const taskOrdersGrid: DevExpress.ui.dxDataGrid = $(\"#TaskCodesGrid\").dxDataGrid(\"instance\");\r\n\r\n const accountWorkOrderId = accountWorkOrdersGrid.getSelectedRowKeys()[0];\r\n const taskCodeLk = taskOrdersGrid.getSelectedRowKeys()[0];\r\n\r\n if (accountWorkOrderId == null || taskCodeLk == null) {\r\n DevExpress.ui.notify(\"You need to select both a work order and a task code!\", \"warning\", 2000);\r\n } else {\r\n const values = {\r\n employeeId: employeeId,\r\n accountWorkOrderId: accountWorkOrderId,\r\n taskCodeLk: taskCodeLk\r\n };\r\n\r\n const url = \"/Dialog/AddDefaultJob/Post/\";\r\n Areas.sendRequest(url, JSON.stringify(values), \"POST\").done(() => this.close(DialogResult.Ok, null));\r\n }\r\n }\r\n }\r\n \r\n}\r\n\r\n","namespace Areas.Dialogs.EmployeeActivity {\r\n \"use strict\";\r\n\r\n export class AddEmployeeActivityDialog extends Areas.BaseDialog {\r\n employeeId: number; \r\n\r\n constructor(closeHandler: (dialogResult: DialogResult, data: any) => void, parameters: any = null) {\r\n super(\"AddEmployeeActivity\", closeHandler, parameters, () => {\r\n this.employeeId = parameters.employeeId;\r\n })\r\n }\r\n\r\n protected ok = (e: any) => {\r\n const form = $(\"#AddActivityForm\").dxForm(\"instance\");\r\n const result = form.validate();\r\n\r\n if (result.isValid) {\r\n this.saveActivity(this, form);\r\n }\r\n }\r\n\r\n saveActivity(that: any, form: DevExpress.ui.dxForm) {\r\n const data = form.option(\"formData\");\r\n data.employeeId = this.employeeId;\r\n const jsonData = JSON.stringify(form.option(\"formData\"));\r\n const url = \"/Dialog/AddEmployeeActivity/POST\";\r\n \r\n sendRequest(url, jsonData, \"POST\").done(() => { this.close(DialogResult.Ok, null); });\r\n }\r\n }\r\n\r\n}\r\n","namespace Areas.Dialogs.Calendar {\r\n \"use strict\";\r\n\r\n let selectedDate;\r\n \r\n export class CalendarDialog extends Areas.BaseDialog {\r\n constructor(closeHandler: (dialogResult: DialogResult, data: any) => void, parameters: any = null) {\r\n super(\"Calendar\", closeHandler)\r\n }\r\n\r\n protected ok = (e: any) => {\r\n const data = { date: selectedDate };\r\n this.close(DialogResult.Ok, data); \r\n }\r\n }\r\n\r\n export function calendarChanged(data) {\r\n selectedDate = data.value;\r\n $(\"#CalendarOkDialog\").click();\r\n }\r\n\r\n}\r\n","namespace Areas.Dialogs.CreateEmployeeAccrual {\r\n \"use strict\";\r\n\r\n export class CreateEmployeeAccrualDialog extends Areas.BaseDialog {\r\n employeeId: number; \r\n\r\n constructor(closeHandler: (dialogResult: DialogResult, data: any) => void, parameters: any = null) {\r\n super(\"CreateEmployeeAccrual\", closeHandler, parameters, () => {\r\n this.employeeId = parameters.employeeId;\r\n })\r\n }\r\n\r\n protected ok = (e: any) => {\r\n const form = $(\"#CreateEmployeeAccrualForm\").dxForm(\"instance\");\r\n const result = form.validate();\r\n\r\n if (result.isValid) {\r\n this.saveActivity(this, form);\r\n }\r\n }\r\n\r\n saveActivity(that: any, form: DevExpress.ui.dxForm) {\r\n const data = form.option(\"formData\");\r\n data.employeeId = this.employeeId;\r\n const jsonData = JSON.stringify(form.option(\"formData\"));\r\n const url = \"/Dialog/CreateEmployeeAccrual/POST\";\r\n \r\n sendRequest(url, jsonData, \"POST\").done(() => { this.close(DialogResult.Ok, null); });\r\n }\r\n }\r\n\r\n}\r\n","namespace Areas.Dialogs.Employee {\r\n \"use strict\";\r\n\r\n export class EmployeeDialog extends Areas.BaseDialog {\r\n constructor(closeHandler: (dialogResult: DialogResult, data: any) => void) {\r\n super(\"Employee\", closeHandler)\r\n }\r\n\r\n protected ok = (e: any) => {\r\n const grid = $(\"#EmployeeLookupGrid\").dxDataGrid(\"instance\");\r\n\r\n const data = grid.getSelectedRowsData()[0];\r\n this.close(DialogResult.Ok, data); \r\n }\r\n }\r\n\r\n export function employeeSelected() {\r\n Areas.enableButton(\"EmployeeOkDialog\");\r\n }\r\n\r\n}","namespace Areas.Dialogs.FilterBuilder {\r\n \"use strict\";\r\n\r\n export class FilterBuilderDialog extends Areas.BaseDialog {\r\n\r\n constructor(closeHandler: (dialogResult: DialogResult, data: any) => void, parameters: any = null) {\r\n super(\"FilterBuilder\", closeHandler, parameters, () => {\r\n const filterBuilder = $(`#${this.dialogName}Control`).dxFilterBuilder({\r\n fields: parameters.fields,\r\n value: parameters.filterValue\r\n });\r\n\r\n });\r\n }\r\n\r\n protected ok = (e: any) => {\r\n\r\n const filterBuilder = $(`#${this.dialogName}Control`).dxFilterBuilder('instance');\r\n const data = {\r\n gridName: this.parameters.gridName,\r\n filter: filterBuilder.option(\"value\")\r\n };\r\n\r\n this.close(DialogResult.Ok, data);\r\n }\r\n }\r\n\r\n\r\n\r\n}\r\n","namespace Areas.Dialogs.IdentifyWeeklyOvertime {\r\n \"use strict\";\r\n\r\n let employeeId: number;\r\n let totalHours: number;\r\n let straightHours: number;\r\n let premiumHours: number;\r\n let weekEndDate: Date;\r\n let timeEntryStore: DevExpress.data.ArrayStore;\r\n let dataGrid: DevExpress.ui.dxDataGrid;\r\n\r\n export class IdentifyWeeklyOvertimeDialog extends Areas.BaseDialog {\r\n\r\n protected isPremiumOvertime: boolean;\r\n\r\n constructor(closeHandler: (dialogResult: DialogResult, data: any) => void, parameters: any = null) {\r\n super(\"IdentifyWeeklyOvertime\", closeHandler, parameters, () => {\r\n $('#straightHours').text(parameters.straightHours);\r\n $('#premiumHours').text(parameters.premiumHours);\r\n\r\n straightHours = parameters.straightHours;\r\n premiumHours = parameters.premiumHours;\r\n totalHours = parameters.straightHours + parameters.premiumHours;\r\n employeeId = parameters.employeeId;\r\n weekEndDate = parameters.weekEndDate;\r\n\r\n disableButton(\"IdentifyWeeklyOvertimeOkDialog\");\r\n this.getData();\r\n });\r\n }\r\n\r\n protected ok = (e: any) => {\r\n this.applyOvertime(this);\r\n }\r\n\r\n getData() {\r\n $.ajax({\r\n url: `/Dialog/IdentifyWeeklyOvertime/Get/${employeeId}/${weekEndDate}`,\r\n method: \"GET\",\r\n success: function (result) {\r\n timeEntryStore = new DevExpress.data.ArrayStore({\r\n data: result,\r\n key: \"timeEntryId\"\r\n });\r\n\r\n const timeEntryDataSource = new DevExpress.data.DataSource({\r\n store: timeEntryStore\r\n }); \r\n\r\n dataGrid = $('#GridContainer').dxDataGrid({\r\n dataSource: timeEntryDataSource,\r\n width: \"97%\",\r\n allowColumnReordering: true,\r\n allowColumnResizing: true,\r\n columnHidingEnabled: true,\r\n columnFixing: {\r\n enabled: true\r\n },\r\n columnChooser: {\r\n enabled: false,\r\n mode: \"select\"\r\n },\r\n rowAlternationEnabled: true,\r\n remoteOperations: false,\r\n searchPanel: {\r\n visible: true,\r\n highlightSearchText: true,\r\n searchVisibleColumnsOnly: true,\r\n width: 300,\r\n placeholder: \"Search grid for ...\"\r\n },\r\n selection: {\r\n mode: \"single\",\r\n showCheckBoxesMode: \"none\",\r\n allowSelectAll: false\r\n },\r\n paging: {\r\n pageSize: 10\r\n },\r\n pager: {\r\n visible: true,\r\n showPageSizeSelector: true,\r\n allowedPageSizes: [\r\n 10,\r\n 50,\r\n 200,\r\n 1000\r\n ]\r\n },\r\n groupPanel: {\r\n visible: true\r\n },\r\n grouping: {\r\n autoExpandAll: true\r\n },\r\n headerFilter: {\r\n visible: true\r\n },\r\n editing: {\r\n mode: \"batch\",\r\n allowAdding: false,\r\n allowUpdating: true,\r\n allowDeleting: false\r\n },\r\n onToolbarPreparing: Areas.addButtonsToToolbar([\"columnChooser\", \"export\" ]),\r\n onSaved:Areas.Dialogs.IdentifyWeeklyOvertime.saved,\r\n columns: [\r\n {\r\n dataField: \"usageDate\",\r\n caption: \"Date\",\r\n format: \"longDate\",\r\n width: 80,\r\n groupIndex: 0,\r\n sortOrder: \"asc\",\r\n sortIndex: 0,\r\n dataType: \"date\"\r\n }, {\r\n dataField: \"accountCode\",\r\n caption: \"Project\",\r\n width: 100\r\n }, {\r\n dataField: \"workOrderCode\",\r\n caption: \"Job Code\",\r\n width: 100\r\n }, {\r\n dataField: \"workOrderLongDescription\",\r\n caption: \"Job Description\",\r\n width: 400\r\n }, {\r\n dataField: \"usageAmount\",\r\n caption: \"Hours\",\r\n width: 100,\r\n dataType: \"number\"\r\n }, {\r\n dataField: \"isStraightHours\",\r\n caption: \"Straight Overtime\",\r\n width: 120,\r\n allowEditing: true,\r\n dataType: \"boolean\"\r\n }, {\r\n dataField: \"isPremiumHours\",\r\n caption: \"Premium Overtime\",\r\n width: 120,\r\n allowEditing: true,\r\n dataType: \"boolean\"\r\n }\r\n ],\r\n summary: {\r\n groupItems: [\r\n {\r\n column: \"usageAmount\",\r\n summaryType: \"sum\",\r\n displayFormat: \"Total Hours: {0}\"\r\n }\r\n ]\r\n }\r\n }).dxDataGrid('instance');\r\n }\r\n })\r\n }\r\n\r\n applyOvertime(that: any) {\r\n var selections = timeEntryStore.createQuery()\r\n .filter([[\"isStraightHours\", \"=\", true], \"or\", [\"isPremiumHours\", \"=\", true]])\r\n .select(\"timeEntryId\", \"isStraightHours\", \"isPremiumHours\")\r\n .toArray();\r\n\r\n console.log(selections); \r\n $.ajax({\r\n url: \"/Dialog/IdentifyWeeklyOvertime/ApplyOvertime\",\r\n method: \"POST\",\r\n data: { timeEntries: selections, weekEndDate: weekEndDate },\r\n success: function (result) {\r\n that.close(DialogResult.Ok, null);\r\n },\r\n error: function (msg: any) {\r\n DevExpress.ui.notify(\"Error in request: \" + msg.responseText, \"error\", 3000);\r\n }\r\n });\r\n }\r\n }\r\n\r\n export function saved(e) {\r\n var data = timeEntryStore.createQuery()\r\n .filter([[\"isStraightHours\", \"=\", true], \"or\", [\"isPremiumHours\", \"=\", true]])\r\n .select(\"usageAmount\", \"isStraightHours\", \"isPremiumHours\")\r\n .toArray()\r\n .map(function (x) { \r\n return { \r\n \"usageAmount\": x.usageAmount,\r\n \"straightHours\": x.isStraightHours ? x.usageAmount : 0,\r\n \"premiumHours\": x.isPremiumHours ? x.usageAmount : 0 \r\n };\r\n });\r\n\r\n var sums = data\r\n .reduce((acc, curr) => {\r\n {\r\n acc[\"totalSelectedHours\"] = acc[\"totalSelectedHours\"] + curr.usageAmount;\r\n acc[\"totalSelectedStraightHours\"] = acc[\"totalSelectedStraightHours\"] + curr.straightHours;\r\n acc[\"totalSelectedPremiumHours\"] = acc[\"totalSelectedPremiumHours\"] + curr.premiumHours;\r\n return acc;\r\n }\r\n },\r\n { \r\n \"totalSelectedHours\": 0,\r\n \"totalSelectedStraightHours\": 0,\r\n \"totalSelectedPremiumHours\": 0\r\n });\r\n\r\n if (sums.totalSelectedHours >= totalHours\r\n && sums.totalSelectedStraightHours >= straightHours\r\n && sums.totalSelectedPremiumHours >= premiumHours) {\r\n enableButton(\"IdentifyWeeklyOvertimeOkDialog\");\r\n } else {\r\n disableButton(\"IdentifyWeeklyOvertimeOkDialog\");\r\n }\r\n\r\n $('#selectedTotal').text(`${sums.totalSelectedHours}; total straight ${sums.totalSelectedStraightHours}; total premium ${sums.totalSelectedPremiumHours}`);\r\n }\r\n\r\n}\r\n","namespace Areas.Dialogs.Jobs {\r\n \"use strict\";\r\n\r\n export class JobsDialog extends Areas.BaseDialog {\r\n constructor(closeHandler: (dialogResult: DialogResult, data: any) => void, parameters: any = null) {\r\n super(\"Jobs\", closeHandler)\r\n }\r\n\r\n protected ok = (e: any) => {\r\n const dataGrid = $(`#${this.dialogName}LookupGrid`).dxDataGrid('instance');\r\n const selectedRows: any = dataGrid.getSelectedRowsData();\r\n \r\n if (selectedRows[0] == null) {\r\n DevExpress.ui.notify(\"Please make a selection first!\", \"warning\", 2000);\r\n } else {\r\n var data = selectedRows[0];\r\n this.close(DialogResult.Ok, data);\r\n }\r\n }\r\n }\r\n \r\n\r\n}\r\n\r\n","namespace Areas.Dialogs.SelectDefaultJob {\r\n \"use strict\";\r\n\r\n let employeeId: number;\r\n\r\n export class SelectDefaultJobDialog extends Areas.BaseDialog {\r\n constructor(closeHandler: (dialogResult: DialogResult, data: any) => void, parameters: any = null) {\r\n super(\"SelectDefaultJob\", closeHandler, parameters)\r\n }\r\n\r\n protected ok = (e: any) => {\r\n const accountWorkOrdersGrid: DevExpress.ui.dxDataGrid = $(\"#AccountWorkOrdersGrid\").dxDataGrid(\"instance\");\r\n const taskOrdersGrid: DevExpress.ui.dxDataGrid = $(\"#TaskCodesGrid\").dxDataGrid(\"instance\");\r\n\r\n const accountWorkOrder = accountWorkOrdersGrid.getSelectedRowsData()[0];\r\n const taskCode = taskOrdersGrid.getSelectedRowsData()[0];\r\n\r\n if (accountWorkOrder == null || taskCode == null) {\r\n DevExpress.ui.notify(\"You need to select both a work order and a task code!\", \"warning\", 2000);\r\n } else {\r\n const data = {\r\n accountWorkOrder: accountWorkOrder,\r\n taskCode: taskCode\r\n }\r\n this.close(DialogResult.Ok, data);\r\n }\r\n }\r\n }\r\n \r\n}\r\n\r\n","namespace Areas.Dialogs.SubmitTime {\r\n \"use strict\";\r\n\r\n export class SubmitTimeDialog extends Areas.BaseDialog {\r\n constructor(closeHandler: (dialogResult: DialogResult, data: any) => void) {\r\n super(\"SubmitTimeConfirmation\", closeHandler)\r\n }\r\n\r\n protected ok = (e: any) => {\r\n this.close(DialogResult.Ok, null); \r\n }\r\n }\r\n\r\n}","namespace Areas.Dialogs.TimeEntry {\r\n \"use strict\";\r\n\r\n let employeeId: number;\r\n let accountId: number;\r\n let accountWorkOrderId: number;\r\n let overtimeType: string;\r\n let taskCodeLk: string;\r\n let correctiveEntryRefId: number;\r\n let usageDate: Date;\r\n let runQuery: boolean = false;\r\n\r\n export function getEmployeeId() {\r\n return employeeId;\r\n }\r\n\r\n export function getAccountId() {\r\n return accountId;\r\n }\r\n\r\n export function getAccountWorkOrderId() {\r\n return accountWorkOrderId;\r\n }\r\n\r\n export function getOvertimeType() {\r\n return overtimeType;\r\n }\r\n \r\n export function getTaskCodeLk() {\r\n return taskCodeLk;\r\n } \r\n\r\n export function getCorrectiveEntryRefId() {\r\n return correctiveEntryRefId;\r\n }\r\n\r\n export function getUsageDate() {\r\n return moment(usageDate).format('YYYY-MM-DD');\r\n }\r\n\r\n export function canExecuteQuery() {\r\n return runQuery;\r\n }\r\n\r\n export class TimeEntryDialog extends Areas.BaseDialog {\r\n constructor(closeHandler: (dialogResult: DialogResult, data: any) => void, parameters: any = null) {\r\n super(\"TimeEntry\", closeHandler, parameters, () => {\r\n employeeId = parameters.key.employeeId; \r\n accountId = parameters.key.accountId;\r\n accountWorkOrderId = parameters.key.accountWorkOrderId;\r\n overtimeType = parameters.key.overtimeType;\r\n taskCodeLk = parameters.key.taskCodeLk;\r\n correctiveEntryRefId = parameters.key.correctiveEntryRefId;\r\n usageDate = parameters.usageDate;\r\n const grid = $(\"#TimeEntryGrid\").dxDataGrid(\"instance\");\r\n \r\n runQuery = true;\r\n grid.refresh();\r\n });\r\n }\r\n\r\n protected ok = (e: any) => {\r\n this.close(DialogResult.Ok, null); \r\n }\r\n }\r\n\r\n export function beforeSend(operation, ajaxSettings) {\r\n\r\n if (operation === 'insert') {\r\n let data = JSON.parse(ajaxSettings.data.values);\r\n\r\n data.employeeId = employeeId;\r\n data.accountId = accountId;\r\n data.accountWorkOrderId = accountWorkOrderId;\r\n data.overtimeType = overtimeType;\r\n data.taskCodeLk = taskCodeLk;\r\n data.correctiveEntryRefId = correctiveEntryRefId;\r\n data.usageDate = getUsageDate();\r\n ajaxSettings.data.values = JSON.stringify(data);\r\n }\r\n }\r\n\r\n\r\n}\r\n","namespace Areas.Dialogs.TimeEntryAnalysis {\r\n \"use strict\";\r\n\r\n let employeeId: number;\r\n let isEdit: boolean = false;\r\n let timeEntry: any;\r\n\r\n export function getEmployeeId() {\r\n return employeeId;\r\n }\r\n\r\n \r\n export class TimeEntryAnalysisAddEditDialog extends Areas.BaseDialog {\r\n \r\n\r\n constructor(closeHandler: (dialogResult: DialogResult, data: any) => void, parameters: any) {\r\n super(\"TimeEntryAnalysisAddEdit\", closeHandler, parameters, () => {\r\n employeeId = parameters.employeeId;\r\n isEdit = parameters.isEdit;\r\n timeEntry = parameters.timeEntry;\r\n \r\n const form = $(\"#TimeEntryAnalysisAddEditForm\").dxForm(\"instance\");\r\n const formData: any = form.option(\"formData\");\r\n\r\n\r\n formData.employeeId = parameters.employeeId;\r\n formData.timeEntryId = 0;\r\n\r\n if (timeEntry != null) {\r\n formData.usageAmount = parameters.timeEntry.usageAmount;\r\n formData.usageDate = parameters.timeEntry.usageDate;\r\n formData.rechargeRate = parameters.timeEntry.rechargeRate;\r\n formData.fundingSourceId = parameters.timeEntry.fundingSourceId;\r\n formData.accountWorkOrderId = parameters.timeEntry.accountWorkOrderId;\r\n formData.taskCodeLk = parameters.timeEntry.taskCodeLk;\r\n formData.overtimeType = parameters.timeEntry.overtimeType;\r\n if (isEdit === true) {\r\n formData.timeEntryId = parameters.timeEntry.timeEntryId;\r\n }\r\n }\r\n\r\n form.option(\"formData\", formData);\r\n })\r\n\r\n }\r\n\r\n protected ok = (e: any) => {\r\n const correctionForm = $(\"#TimeEntryAnalysisAddEditForm\").dxForm(\"instance\");\r\n\r\n const result: any = correctionForm.validate();\r\n\r\n if (result.isValid) {\r\n const formData = correctionForm.option(\"formData\");\r\n\r\n\r\n isEdit = true;\r\n if (formData.timeEntryId === 0) {\r\n isEdit = false;\r\n }\r\n\r\n const data = JSON.stringify({\r\n employeeId: formData.employeeId,\r\n comment: formData.comment,\r\n rechargeRate: formData.rechargeRate,\r\n usageDate: formData.usageDate,\r\n usageAmount: formData.usageAmount,\r\n accountWorkOrderId: formData.accountWorkOrderId,\r\n fundingSourceId: formData.fundingSourceId,\r\n taskCodeLk: formData.taskCodeLk,\r\n timeEntryId: formData.timeEntryId,\r\n overtimeType: formData.overtimeType,\r\n isEdit: isEdit\r\n\r\n });\r\n\r\n const url = \"/Dialog/TimeEntryAnalysisAddEdit/Put\";\r\n sendRequest(url, data, \"PUT\", () => this.close(DialogResult.Ok, null));\r\n }\r\n }\r\n }\r\n\r\n \r\n\r\n export function employeeTemplate(itemData: any, itemIndex: any, itemElement: any) {\r\n itemElement.append(`
${itemData.displayName}${itemData.primaryEMail}
`);\r\n } \r\n\r\n}\r\n","namespace Areas.Dialogs.TimeEntryCorrection {\r\n \"use strict\";\r\n\r\n let employeeId: number;\r\n let runQuery: boolean = false;\r\n let timeEntries: any;\r\n\r\n export class TimeEntryCorrectionDialog extends Areas.BaseDialog {\r\n timeEntries: any;\r\n\r\n constructor(closeHandler: (dialogResult: DialogResult, data: any) => void, parameters: any) {\r\n super(\"TimeEntryCorrection\", closeHandler, parameters, () => {\r\n employeeId = parameters.employeeId;\r\n timeEntries = parameters.timeEntries;\r\n runQuery = true;\r\n const correctionForm = $(\"#CorrectionForm\").dxForm(\"instance\");\r\n let formData = correctionForm.option(\"formData\");\r\n formData.rechargeRate = \"-1\";\r\n correctionForm.option(\"formData\", formData);\r\n \r\n })\r\n }\r\n\r\n protected ok = (e: any) => {\r\n const correctionForm = $(\"#CorrectionForm\").dxForm(\"instance\");\r\n\r\n const result: any = correctionForm.validate();\r\n\r\n if (result.isValid) {\r\n const formData = correctionForm.option(\"formData\");\r\n if (formData.rechargeRate == -1) {\r\n formData.rechargeRate = null;\r\n }\r\n const data = JSON.stringify({\r\n employeeId: employeeId,\r\n accountWorkOrderId: formData.accountWorkOrderId,\r\n fundingSourceId: formData.fundingSourceId,\r\n rechargeRate: formData.rechargeRate,\r\n taskCodeLk: formData.taskCodeLk,\r\n comment: formData.comment,\r\n timeEntries: timeEntries\r\n });\r\n const url = \"/Dialog/TimeEntryCorrection/Put\";\r\n sendRequest(url, data, \"PUT\", () => this.close(DialogResult.Ok, null));\r\n }\r\n }\r\n }\r\n\r\n export function canExecuteQuery() {\r\n return runQuery;\r\n }\r\n\r\n export function getEmployeeId() {\r\n return employeeId;\r\n }\r\n \r\n export function jobTemplate(itemData: any, itemIndex: any, itemElement: any) {\r\n itemElement.append(`${itemData.workOrderCode} -- ${itemData.accountCode}${itemData.workOrderLongDescription}
`);\r\n } \r\n\r\n export function fundingSourceTemplate(itemData: any, itemIndex: any, itemElement: any) {\r\n itemElement.append(`${itemData.fundingSourceCode}${itemData.fundingSourceName}
`);\r\n } \r\n\r\n export function taskCodeTemplate(itemData: any, itemIndex: any, itemElement: any) {\r\n itemElement.append(`${itemData.taskCodeLk}${itemData.taskCodeDescription}
`);\r\n } \r\n\r\n}","namespace Areas.Dialogs.TimeEntryReversal {\r\n \"use strict\";\r\n\r\n let employeeId: number;\r\n let timeEntries: any;\r\n\r\n export class TimeEntryReversalDialog extends Areas.BaseDialog {\r\n timeEntries: any;\r\n\r\n constructor(closeHandler: (dialogResult: DialogResult, data: any) => void, parameters: any) {\r\n super(\"TimeEntryReversal\", closeHandler, parameters, () => {\r\n employeeId = parameters.employeeId;\r\n timeEntries = parameters.timeEntries;\r\n })\r\n }\r\n\r\n protected ok = (e: any) => {\r\n const reversalForm = $(\"#ReversalForm\").dxForm(\"instance\");\r\n\r\n const result: any = reversalForm.validate();\r\n\r\n if (result.isValid) {\r\n const formData = reversalForm.option(\"formData\");\r\n\r\n const data = JSON.stringify({\r\n employeeId: employeeId,\r\n comment: formData.comment,\r\n timeEntries: timeEntries\r\n });\r\n\r\n const url = \"/Dialog/TimeEntryReversal/Put\";\r\n sendRequest(url, data, \"PUT\", () => this.close(DialogResult.Ok, null));\r\n }\r\n }\r\n }\r\n\r\n export function getEmployeeId() {\r\n return employeeId;\r\n }\r\n \r\n}","namespace Areas.Dialogs.WarningHours {\r\n \"use strict\";\r\n\r\n export class WarningHoursDialog extends Areas.BaseDialog {\r\n constructor(closeHandler: (dialogResult: DialogResult, data: any) => void) {\r\n super(\"WarningHours\", closeHandler)\r\n }\r\n\r\n protected ok = (e: any) => {\r\n this.close(DialogResult.Ok, null); \r\n }\r\n }\r\n\r\n}","namespace Areas.Employee.Accruals {\r\n \"use strict\";\r\n\r\n export function showAddAccrualDialog() {\r\n const params = {\r\n employeeId : $('#AccrualsGrid').dxDataGrid('instance').option('EmployeeId')\r\n };\r\n\r\n const dialog = new Areas.Dialogs.CreateEmployeeAccrual.CreateEmployeeAccrualDialog(closeDialog, params);\r\n }\r\n\r\n function closeDialog(dialogResult: DialogResult, data: any) {\r\n if (dialogResult === DialogResult.Cancel) {\r\n return;\r\n } \r\n\r\n Areas.refreshGrid(\"AccrualsGrid\");\r\n }\r\n}","namespace Areas.Employee.Activity {\r\n \"use strict\";\r\n\r\n let startDate: string;\r\n let endDate: string;\r\n\r\n export function timeOffGridInitialized (e: any) {\r\n const form = $('#TimeOffFilterForm').dxForm('instance');\r\n const today = moment(Date.now());\r\n\r\n endDate = today.format(\"YYYY-MM-DD\");\r\n startDate = today.add(-3650, 'day').format(\"YYYY-MM-DD\");\r\n\r\n const data = {\r\n start: startDate,\r\n end: endDate \r\n };\r\n\r\n form.option(\"formData\", data);\r\n }\r\n\r\n export function timeOffFilterFormDataChanged(e: any) {\r\n if (Areas.isEmpty(e.value)) return;\r\n \r\n if (e.dataField == \"start\") {\r\n startDate = moment(e.value).format(\"YYYY-MM-DD\");\r\n } else {\r\n endDate = moment(e.value).format(\"YYYY-MM-DD\");\r\n }\r\n\r\n if (Areas.isNotEmpty(startDate) && Areas.isNotEmpty(endDate)) {\r\n Areas.refreshGrid(\"TimeOffGrid\");\r\n }\r\n }\r\n\r\n export function getStartDate() {\r\n return startDate;\r\n }\r\n\r\n export function getEndDate() {\r\n return endDate;\r\n }\r\n\r\n export function appointmentRendered(e, f) {\r\n if (!e.appointmentData.employeeActivityId) {\r\n e.appointmentElement.addClass('dx-scheduler-red');\r\n }\r\n }\r\n \r\n export function ConvertToFMLA() {\r\n var dataGrid = $('#TimeOffGrid').dxDataGrid('instance');\r\n var selectedRows = dataGrid.getSelectedRowKeys().join(',');\r\n var url = \"/Employee/Activity/ConvertToFMLA/?ids=\" + selectedRows;\r\n\r\n sendRequest(url, \"\", \"POST\", () => { $('#TimeOffGrid').dxDataGrid(\"instance\").refresh(); });\r\n }\r\n\r\n export function newActivity(e) {\r\n e.data.employeeId = $('#ActivityGrid').dxDataGrid('instance').option('EmployeeId');\r\n }\r\n\r\n export function activityGridUpdated(e) {\r\n $('#ActivityScheduler').dxScheduler('instance').repaint();\r\n }\r\n\r\n export function showAddActivities() {\r\n const parameters = { employeeId: $('#ActivityGrid').dxDataGrid('instance').option('EmployeeId') };\r\n\r\n var addEmployeeActivityDialog = new Areas.Dialogs.EmployeeActivity.AddEmployeeActivityDialog(\r\n addEmployeeActivityDialogClosing, parameters);\r\n }\r\n\r\n function addEmployeeActivityDialogClosing(dialogResult: DialogResult, data: any) {\r\n if (dialogResult === DialogResult.Cancel) {\r\n return;\r\n } \r\n\r\n $('#ActivityGrid').dxDataGrid('instance').refresh();\r\n $('#ActivityScheduler').dxScheduler('instance').repaint();\r\n }\r\n \r\n}","namespace Areas.Employee.Contact {\r\n \"use strict\";\r\n\r\n var employeeContactFormUpdate: UpdateOperations;\r\n\r\n $(() => { init(); });\r\n\r\n function init() {\r\n if ($(\"#ContactForm\").dxForm(\"instance\")) {\r\n employeeContactFormUpdate = new UpdateOperations(\"ContactForm\", \"/Employee/Contact/Put\");\r\n }\r\n }\r\n\r\n export function updateEmployeeContactRecord(e: any) {\r\n employeeContactFormUpdate.updateRecord();\r\n }\r\n\r\n}","namespace Areas.Employee.CreateEmployee {\r\n \"use strict\";\r\n\r\n export function createEmployee() {\r\n const form = $(\"#CreateEmployeeForm\").dxForm(\"instance\");\r\n const result: any = form.validate();\r\n\r\n if (result.isValid) {\r\n const newData: any = form.option(\"formData\");\r\n sendRequest('/Employee/CreateEmployee/Post', JSON.stringify(newData), \"POST\");\r\n }\r\n }\r\n}","namespace Areas.Employee.Edit {\r\n \"use strict\";\r\n\r\n var formUpdate: UpdateOperations;\r\n\r\n $(() => { init(); });\r\n\r\n function init() {\r\n if ($(\"#EmployeeForm\").dxForm(\"instance\")) {\r\n formUpdate = new UpdateOperations(\"EmployeeForm\", \"/Employee/Edit/Put\");\r\n }\r\n }\r\n\r\n\r\n export function updateRecord(e: any) {\r\n formUpdate.updateRecord();\r\n }\r\n\r\n export function userLookupItem(itemData: any, itemIndex: any, itemElement: any) {\r\n if (itemData.isActive) {\r\n itemElement.append(\r\n `${itemData.displayName}${itemData.email}
`);\r\n } else\r\n itemElement.append(\r\n `${itemData.displayName}${\r\n itemData.email} - Inactive
`);\r\n }\r\n\r\n export function typeValueChanged(e) {\r\n \r\n var employeeForm: DevExpress.ui.dxForm = $('#EmployeeForm').dxForm('instance');\r\n\r\n var search = $.map(e.component._dataSource._items, function (user: any) { return user.userId == e.value ? user : null });\r\n\r\n if (search.length > 0) {\r\n var user = search[0];\r\n employeeForm.option(\"formData.UserEmail\", user.email);\r\n employeeForm.option(\"formData.UserName\", user.displayName);\r\n employeeForm.option(\"formData.UserLogin\", user.loginName); \r\n }\r\n }\r\n\r\n\r\n export function supervisorValueChanged(e) {\r\n var employeeForm: DevExpress.ui.dxForm = $(\"#EmployeeForm\").dxForm(\"instance\");\r\n var search = $.map(e.component._dataSource._items, function (employee: any) { return employee.employeeId == e.value ? employee : null });\r\n\r\n if (search.length > 0) {\r\n var employee = search[0];\r\n employeeForm.option(\"formData.SupervisorName\", employee.displayName);\r\n }\r\n }\r\n\r\n\r\n export function BeforeSendMaintenance(operation, ajaxSettings) {\r\n //There is no other way to change the area in the url\r\n ajaxSettings.url = ajaxSettings.url.replace('/Employee', '/Maintenance');\r\n }\r\n}","namespace Areas.Employee.License {\r\n \"use strict\";\r\n\r\n export function newLicense(e) {\r\n e.data.employeeId = $('#LicenseGrid').dxDataGrid('instance').option('EmployeeId');\r\n }\r\n\r\n}\r\n","namespace Areas.Employee {\r\n \"use strict\";\r\n \r\n export function newDefaultJob(e) {\r\n\r\n e.data.employeeId = $('#WorkOrderGrid').dxDataGrid('instance').option('EmployeeId');\r\n e.data.isIncluded = true;\r\n }\r\n\r\n export function newTimeEntryRight(e) {\r\n\r\n e.data.employeeId = $('#TimeEntryRightsGrid').dxDataGrid('instance').option('EmployeeId');\r\n }\r\n\r\n var activityAdd: UpdateOperations;\r\n\r\n var formCrudOps: FormCrudOperations;\r\n\r\n export function addActivityRecord(e: any) {\r\n\r\n activityAdd = new UpdateOperations(\"AddActivityForm\", \"/Employee/Activity/Save\");\r\n activityAdd.updateRecord(() => {\r\n $('#AddActivityPopup').dxPopup('hide');\r\n $('#ActivityGrid').dxDataGrid('instance').refresh();\r\n $('#ActivityScheduler').dxScheduler('instance').repaint();\r\n });\r\n }\r\n\r\n\r\n export function viewLink(cellElement, cellInfo) {\r\n const employeeId = String(cellInfo.data.employeeId);\r\n const startDate = String(cellInfo.data.weekEndingDate);\r\n const linkInfo = `View`;\r\n cellElement.html(linkInfo);\r\n }\r\n\r\n export function viewLinkProject(cellElement, cellInfo) {\r\n const accountCode = String(cellInfo.data.project);\r\n let projectId = cellInfo.data.accountId;\r\n const linkInfo = ` ${accountCode}`;\r\n cellElement.html(linkInfo);\r\n }\r\n\r\n export function viewLinkProjectFromJobs(cellElement, cellInfo) {\r\n const accountCode = String(cellInfo.data.accountCode);\r\n let projectId = cellInfo.data.accountId;\r\n const linkInfo = ` ${accountCode}`;\r\n cellElement.html(linkInfo);\r\n }\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n \r\n \r\n}","namespace Areas.Employee {\r\n \"use strict\";\r\n\r\n var tabItems = Areas.createTabsWithSameAction(\"Employee\", \"Index\", \r\n [\"Edit\", \"UCPath\", \"Contact\", \"Web\", \"Time\", \"TimeEntryNote\", \r\n \"Jobs\", \"Licenses\",\"Activity\", \"Accruals\", \"Attachment\", \"TimeEntryRights\"]);\r\n\r\n export function tabInitialized(params: any) {\r\n return Areas.tabWithIdInitialized(tabItems)(params);\r\n }\r\n\r\n}","namespace Areas.Employee.TimeEntryNote {\r\n \"use strict\";\r\n\r\n let employeeId: number = 0;\r\n\r\n $(() => { init(); }); \r\n \r\n function init() {\r\n const $employeeDiv = $(\"#EmployeeId\");\r\n\r\n if ($employeeDiv.length) {\r\n employeeId = Number($employeeDiv.attr(\"data-employee-id\"));\r\n }\r\n\r\n getTimeVerificationInfo();\r\n }\r\n \r\n function getTimeVerificationInfo() {\r\n const template = $(\"#TimeVerificationTemplate\").html();\r\n const $container = $(\"#TimeVerificationContainer\");\r\n\r\n if ($container.length) {\r\n $.get(`/Employee/TimeEntryNote/GetTimeVerificationInfo/${employeeId}?startDate=${getStartDate()}`, function(data) {\r\n if (data === null) {\r\n $container.empty();\r\n $container.append(_.template(template)({}));\r\n } else {\r\n\r\n if (data.submittedDateTime) {\r\n data.submittedDateTime = moment(data.submittedDateTime).format('MM/DD/YYYY, h:mm a');\r\n }\r\n if (data.supervisorApprovalDateTime) {\r\n data.supervisorApprovalDateTime = moment(data.supervisorApprovalDateTime).format('MM/DD/YYYY, h:mm a');\r\n }\r\n $container.empty();\r\n $container.append(_.template(template)(data));\r\n }\r\n });\r\n }\r\n }\r\n \r\n export function getStartDate() {\r\n let startDate = Areas.getQueryStringParameter(location.href, \"start\");\r\n\r\n if (Areas.isEmpty(startDate)) {\r\n return Areas.getPreviousSundayDate().format(\"YYYY-MM-DD\");\r\n }\r\n\r\n return startDate;\r\n }\r\n\r\n export function calendarClick() {\r\n var calendarDialog = \r\n new Areas.Dialogs.Calendar.CalendarDialog(calendarDialogClosing);\r\n }\r\n\r\n function calendarDialogClosing(dialogResult: DialogResult, data: any) {\r\n if (dialogResult === DialogResult.Cancel) return;\r\n\r\n const date = Areas.getPreviousSundayFromDate(data.date);\r\n\r\n window.location.href = `/Employee/TimeEntryNote/Index/${employeeId}?start=${date.format(\"YYYY-MM-DD\")}`;\r\n }\r\n\r\n export function weekClick(url: string) {\r\n return () => {\r\n window.location.href = url;\r\n }\r\n }\r\n\r\n}","namespace Areas.Employee.TimeEntryRights {\r\n \"use strict\";\r\n\r\n export function newTimeEntryRight(e) {\r\n e.data.employeeId = $(\"#TimeEntryRightsGrid\").dxDataGrid(\"instance\").option(\"EmployeeId\");\r\n }\r\n\r\n}","namespace Areas.Employee.Web {\r\n \"use strict\";\r\n\r\n var webFormUpdate: UpdateOperations;\r\n\r\n $(() => { init(); });\r\n\r\n function init() {\r\n if ($(\"#EmployeeWebForm\").dxForm(\"instance\")) {\r\n webFormUpdate = new UpdateOperations(\"EmployeeWebForm\", \"/Employee/Web/Put\");\r\n }\r\n }\r\n\r\n export function updateWebRecord(e: any) {\r\n webFormUpdate.updateRecord();\r\n }\r\n\r\n}","namespace Areas.Maintenance.CustomQuery {\r\n \"use strict\";\r\n\r\n let customQueryId: number;\r\n let runQuery: boolean = false; \r\n\r\n export function getCustomQueryId() {\r\n return customQueryId;\r\n }\r\n\r\n export function canExecuteQuery() {\r\n return runQuery;\r\n } \r\n \r\n export function onCustomQuerySelected(e: any) {\r\n var selectedRows = e.component.getSelectedRowsData();\r\n\r\n if (selectedRows.length === 1) {\r\n runQuery = true;\r\n customQueryId = selectedRows[0].customQueryId;\r\n Areas.refreshGrid(\"CustomQueryFieldGrid\");\r\n Areas.refreshGrid(\"CustomQueryLinkGrid\");\r\n }\r\n } \r\n \r\n export function newCustomQueryField(e: any) {\r\n const dataGrid = e.component;\r\n e.data.customQueryId = getCustomQueryId();\r\n } \r\n \r\n export function newCustomQueryLink(e: any) {\r\n const dataGrid = e.component;\r\n e.data.customQueryId = getCustomQueryId();\r\n } \r\n \r\n var selected: Selected = new Selected();\r\n\r\n export function onUserIDValueChanged(rowData, value) {\r\n return userValueChanged(selected)(rowData, value);\r\n }\r\n\r\n export function userLookupEditTemplate(cellElement, cellInfo) {\r\n return lookupEditTemplate(\"/Maintenance/CustomQuery/Users\", selected)(cellElement, cellInfo);\r\n }\r\n\r\n export function userLookupCellTemplate(cellElement, cellInfo) {\r\n return lookupCellTemplate(cellElement, cellInfo);\r\n } \r\n}","namespace Areas.Maintenance {\r\n \"use strict\";\r\n\r\n var selected: Selected = new Selected();\r\n\r\n export function onUserIDValueChanged(rowData, value) {\r\n return userValueChanged(selected)(rowData, value);\r\n }\r\n\r\n export function userAuthorizedLookupEditTemplate(cellElement, cellInfo) {\r\n return lookupEditTemplate(\"/Maintenance/AuthorizedUser/Users\", selected)(cellElement, cellInfo);\r\n }\r\n\r\n export function userLookupEditTemplate(cellElement, cellInfo) {\r\n return lookupEditTemplate(\"/Maintenance/SystemUsers/Users\", selected)(cellElement, cellInfo);\r\n }\r\n\r\n export function userLookupCellTemplate(cellElement, cellInfo) {\r\n return lookupCellTemplate(cellElement, cellInfo);\r\n }\r\n\r\n export function disableColumnEdit(columnName: string) {\r\n return function (e: any) {\r\n if (e.rowType !== \"data\" || !e.row.isEditing)\r\n return;\r\n if (e.column.dataField === columnName && !e.row.isNewRow)\r\n e.cellElement.find('input').prop('readonly', true);\r\n }\r\n } \r\n\r\n}\r\n\r\n\r\n\r\n","namespace Areas.Maintenance.List {\r\n \"use strict\";\r\n\r\n var accountsMaintenanceTabItems = Areas.createTabsWithSameAction(\"Maintenance\", \"List\",\r\n [\"Account\", \"AccountTeam\", \"AccountWorkOrder\", \"FundingSource\", \"GLFiscalYear\"])\r\n\r\n var employeeMaintenanceTabItems = Areas.createTabsWithSameAction(\"Maintenance\", \"List\",\r\n [\"Employee\", \"EmployeeAccrualCalc\", \"EmployeeAccrualRate\", \"EmployeeAccrualType\"])\r\n\r\n var personnelMaintenanceTabItems = Areas.createTabsWithSameAction(\"Maintenance\", \"List\",\r\n [\"Contact\", \"ContactDepartmentUnit\", \"EmployeeAccrualCalc\", \"Holiday\", \"TimeEntryTaskCode\",\r\n \"RechargeRate\"])\r\n\r\n var rechargeMaintenanceTabItems = Areas.createTabsWithSameAction(\"Maintenance\", \"List\",\r\n [\"RechargeRate\", \"RechargeRateHistory\"])\r\n\r\n var systemMaintenanceTabItems = Areas.createTabsWithSameAction(\"Maintenance\", \"List\",\r\n [\"AuthorizedUser\", \"SystemConfigSettings\", \"SystemUsers\"])\r\n\r\n\r\n export function accountsMaintenanceTabInitialized(params: any) {\r\n return Areas.tabInitialized(accountsMaintenanceTabItems)(params);\r\n }\r\n\r\n export function employeeMaintenanceTabInitialized(params: any) {\r\n return Areas.tabInitialized(employeeMaintenanceTabItems)(params);\r\n }\r\n\r\n export function personnelMaintenanceTabInitialized(params: any) {\r\n return Areas.tabInitialized(personnelMaintenanceTabItems)(params);\r\n }\r\n\r\n export function rechargeMaintenanceTabInitialized(params: any) {\r\n return Areas.tabInitialized(rechargeMaintenanceTabItems)(params);\r\n }\r\n\r\n export function systemMaintenanceTabInitialized(params: any) {\r\n return Areas.tabInitialized(systemMaintenanceTabItems)(params);\r\n }\r\n}","namespace Areas.TimeEntry.Correction {\r\n \"user strict\";\r\n \r\n let employeeId: number = 0;\r\n let weekEndingDateProgrammaticallySet: boolean = false;\r\n \r\n export function viewLink(cellElement, cellInfo) {\r\n const employeeId = String(cellInfo.data.employeeId);\r\n const startDate = String(cellInfo.data.weekEndingDateCalc);\r\n const linkInfo = `View`;\r\n cellElement.html(linkInfo);\r\n }\r\n\r\n export function showEmployeeDialog() {\r\n const employeeDialog = new Areas.Dialogs.Employee.EmployeeDialog(employeeDialogClosing);\r\n }\r\n\r\n export function showAccountDialog() {\r\n const accountDialog = new Areas.Dialogs.Account.AccountDialog(accountDialogClosing);\r\n }\r\n\r\n export function showJobsDialog() {\r\n const jobsDialog = new Areas.Dialogs.Jobs.JobsDialog(jobsDialogClosing);\r\n }\r\n\r\n export function setWeekEndingDateFilterValue(e: any) {\r\n const form = e.component;\r\n form.option(\"formData\", { weekEndingDate: Areas.getNextSaturdayDate() });\r\n }\r\n\r\n function accountDialogClosing(dialogResult: DialogResult, data: any) {\r\n if (dialogResult === DialogResult.Cancel) {\r\n return;\r\n } \r\n\r\n const form = $(\"#CorrectionGridFilterForm\").dxForm(\"instance\");\r\n const formData = form.option(\"formData\");\r\n\r\n formData.accountId = data.accountId;\r\n formData.accountName = data.projectName; \r\n\r\n form.option(\"formData\", formData);\r\n }\r\n\r\n function jobsDialogClosing(dialogResult: DialogResult, data: any) {\r\n if (dialogResult === DialogResult.Cancel) {\r\n return;\r\n } \r\n\r\n const form = $(\"#CorrectionGridFilterForm\").dxForm(\"instance\");\r\n const formData = form.option(\"formData\");\r\n\r\n formData.accountWorkOrderId = data.accountWorkOrderId;\r\n formData.jobName = data.displayName; \r\n\r\n form.option(\"formData\", formData);\r\n \r\n }\r\n\r\n export function clearSelections() {\r\n const form = $(\"#CorrectionGridFilterForm\").dxForm(\"instance\");\r\n const formData = form.option(\"formData\");\r\n\r\n formData.employeeId = 0;\r\n formData.accountId = 0;\r\n formData.accountWorkOrderId = 0;\r\n formData.employeeName = \"\";\r\n formData.accountName = \"\";\r\n formData.jobName = \"\";\r\n\r\n form.option(\"formData\", formData);\r\n }\r\n\r\n function employeeDialogClosing(dialogResult: DialogResult, data: any) {\r\n if (dialogResult === DialogResult.Cancel) {\r\n return;\r\n } \r\n\r\n const form = $(\"#CorrectionGridFilterForm\").dxForm(\"instance\");\r\n const formData = form.option(\"formData\");\r\n\r\n formData.employeeId = data.employeeId;\r\n formData.employeeName = data.displayName;\r\n\r\n form.option(\"formData\", formData);\r\n }\r\n\r\n export function showCorrectionDialog() {\r\n if (allSelectedAreValid()) {\r\n var timeEntries = getSelectedTimeEntries();\r\n\r\n const params = { employeeId: employeeId, timeEntries: timeEntries };\r\n const correctionDialog = new Areas.Dialogs.TimeEntryCorrection.TimeEntryCorrectionDialog(\r\n correctionDialogClosing,\r\n params);\r\n }\r\n }\r\n\r\n function allSelectedAreValid() {\r\n const correctionGrid = $(\"#CorrectionGrid\").dxDataGrid(\"instance\");\r\n const selectedRows = correctionGrid.getSelectedRowsData();\r\n //check for cancelled or not extracted\r\n for (var record in selectedRows) {\r\n employeeId = selectedRows[record].employeeId;\r\n if (selectedRows[record].isCancelled === true || selectedRows[record].glEntryCreatedDateTime === null) {\r\n DevExpress.ui.notify(\"Selected Records must be Extracted and not Cancelled\", \"warning\", 2000);\r\n return false;\r\n\r\n }\r\n }\r\n return true;\r\n }\r\n export function showReversalDialog() {\r\n if (allSelectedAreValid()) {\r\n var timeEntries = getSelectedTimeEntries();\r\n\r\n\r\n const params = { employeeId: employeeId, timeEntries: timeEntries };\r\n const reversalDialog = new Areas.Dialogs.TimeEntryReversal.TimeEntryReversalDialog(reversalDialogClosing,\r\n params);\r\n }\r\n }\r\n\r\n function reversalDialogClosing(dialogResult: DialogResult, data: any) {\r\n if (dialogResult === DialogResult.Cancel) {\r\n return;\r\n } \r\n\r\n const correctionGrid = $(\"#CorrectionGrid\").dxDataGrid(\"instance\"); \r\n correctionGrid.deselectAll();\r\n \r\n Areas.refreshGrid(\"CorrectionGrid\");\r\n }\r\n\r\n\r\n function getSelectedTimeEntries() {\r\n const correctionGrid = $(\"#CorrectionGrid\").dxDataGrid(\"instance\");\r\n const selectedRows = correctionGrid.getSelectedRowsData();\r\n \r\n return $.map(correctionGrid.getSelectedRowsData(), function (item:any) { return item.timeEntryId });\r\n }\r\n\r\n function correctionDialogClosing(dialogResult: DialogResult, data: any) {\r\n if (dialogResult === DialogResult.Cancel) {\r\n return;\r\n } \r\n\r\n const correctionGrid = $(\"#CorrectionGrid\").dxDataGrid(\"instance\"); \r\n correctionGrid.deselectAll();\r\n \r\n Areas.refreshGrid(\"CorrectionGrid\");\r\n }\r\n\r\n export function canExecuteQuery() {\r\n const filterForm = $(\"#CorrectionGridFilterForm\").dxForm(\"instance\");\r\n const data = filterForm.option(\"formData\");\r\n\r\n const useWeekEndingDate = data.useWeekEndingDate;\r\n const weekEndingDate = data.weekEndingDate;\r\n const timePeriod = data.timePeriod; \r\n const startDate = data.startDate;\r\n const endDate = data.endDate;\r\n \r\n const validWeekend = useWeekEndingDate === true && Areas.isNotEmpty(weekEndingDate);\r\n const validTimePeriod = validTimePeriodSelected(timePeriod, startDate, endDate); \r\n return validWeekend || validTimePeriod;\r\n }\r\n \r\n function validTimePeriodSelected(timePeriod, startDate, endDate) {\r\n if (Areas.isNotEmpty(timePeriod)) {\r\n if (timePeriod === \"All\") {\r\n return true;\r\n }\r\n }\r\n\r\n return Areas.isNotEmpty(startDate) && Areas.isNotEmpty(endDate);\r\n }\r\n\r\n export function getEmployeeId() {\r\n return getFormData().employeeId;\r\n }\r\n\r\n export function getAccountId() {\r\n return getFormData().accountId;\r\n }\r\n\r\n export function getAccountWorkOrderId() {\r\n return getFormData().accountWorkOrderId;\r\n }\r\n\r\n export function getWeekEndingDate() {\r\n return moment(getFormData().weekEndingDate).format(\"YYYY-MM-DD\");\r\n }\r\n\r\n export function getUseWeekEndingDate() {\r\n return getFormData().useWeekEndingDate;\r\n }\r\n\r\n export function getExcludeUploaded() {\r\n return getFormData().excludeUploaded;\r\n }\r\n\r\n export function getExcludeReversals() {\r\n return getFormData().excludeReversals;\r\n }\r\n\r\n export function getTimePeriod() {\r\n return getFormData().timePeriod;\r\n }\r\n\r\n export function getStartDate() {\r\n return moment(getFormData().startDate).format(\"YYYY-MM-DD\");\r\n }\r\n\r\n export function getEndDate() {\r\n return moment(getFormData().endDate).format(\"YYYY-MM-DD\");\r\n }\r\n\r\n export function loadTimeEntries() {\r\n Areas.refreshGrid(\"CorrectionGrid\");\r\n }\r\n\r\n export function weekEndingDateChanged(e: any) {\r\n if (weekEndingDateProgrammaticallySet === true) {\r\n weekEndingDateProgrammaticallySet = false;\r\n return;\r\n }\r\n\r\n if (weekEndingDateProgrammaticallySet === false) {\r\n const form = $(\"#CorrectionGridFilterForm\").dxForm(\"instance\");\r\n const data = form.option(\"formData\");\r\n\r\n data.weekEndingDate = Areas.getNextSaturdayFromDate(e.value);\r\n\r\n form.option(\"formData\", data);\r\n weekEndingDateProgrammaticallySet = true;\r\n return;\r\n }\r\n }\r\n\r\n export function timePeriodChanged(e: any) {\r\n if (e.value === null) return;\r\n\r\n $.get(`/TimeEntry/Correction/GetTimePeriod/?timePeriod=${e.value}`, (data) => {\r\n const form = $(\"#CorrectionGridFilterForm\").dxForm(\"instance\");\r\n const formData = form.option(\"formData\");\r\n\r\n formData.startDate = data.startDate;\r\n formData.endDate = data.endDate;\r\n form.option(\"formData\", formData);\r\n })\r\n }\r\n\r\n\r\n export function onTimeEntryGridContentReady(e: any) {\r\n const selectAllCheckBox = e.element.find(\".dx-header-row\").find(\".dx-select-checkbox\");\r\n selectAllCheckBox.dxCheckBox(\"instance\").option(\"disabled\", true);\r\n\r\n const rowCount = $(\"#CorrectionGrid\").dxDataGrid(\"instance\").getVisibleRows().length;\r\n if (rowCount > 0) {\r\n enableButton(\"EditButton\")\r\n }\r\n else disableButton(\"EditButton\")\r\n }\r\n \r\n\r\n function getFormData(): any {\r\n const form = $(\"#CorrectionGridFilterForm\").dxForm(\"instance\");\r\n const data = form.option(\"formData\");\r\n return data;\r\n }\r\n\r\n export function addTimeEntryCorrection() {\r\n\r\n const correctionGrid = $(\"#CorrectionGrid\").dxDataGrid(\"instance\");\r\n const selectedRows = correctionGrid.getSelectedRowsData();\r\n showNewEditDialog(selectedRows[0], false);\r\n\r\n\r\n }\r\n\r\n export function editTimeEntryCorrection() {\r\n\r\n const correctionGrid = $(\"#CorrectionGrid\").dxDataGrid(\"instance\");\r\n const selectedRows = correctionGrid.getSelectedRowsData();\r\n if (selectedRows[0] == null) {\r\n DevExpress.ui.notify(\"Please make a selection first!\", \"warning\", 2000);\r\n } else {\r\n if (selectedRows[0].glEntryCreatedDateTime != null) {\r\n DevExpress.ui.notify(\"This record has been extracted and may not be edited\", \"warning\", 2000);\r\n } else {\r\n showNewEditDialog(selectedRows[0], true);\r\n }\r\n }\r\n }\r\n\r\n function showNewEditDialog(data: any, isEdit: boolean) {\r\n\r\n employeeId = getEmployeeId(); //leave this in case employee selected in form, but no record selected for Add\r\n if (data != null) {\r\n employeeId = data.employeeId;\r\n }\r\n const params = { employeeId: employeeId, timeEntry: data, isEdit: isEdit };\r\n const timeEntryAnalysisAddEditDialog = new Areas.Dialogs.TimeEntryAnalysis.TimeEntryAnalysisAddEditDialog(newEditDialogClosing,\r\n params);\r\n }\r\n\r\n function newEditDialogClosing(dialogResult: DialogResult, data: any) {\r\n if (dialogResult === DialogResult.Cancel) {\r\n return;\r\n }\r\n\r\n const correctionGrid = $(\"#CorrectionGrid\").dxDataGrid(\"instance\");\r\n correctionGrid.deselectAll();\r\n\r\n Areas.refreshGrid(\"CorrectionGrid\");\r\n \r\n }\r\n\r\n}\r\n","namespace Areas.TimeEntry.Review {\r\n \"user strict\";\r\n \r\n export function viewTimesheetLink(cellElement, cellInfo) {\r\n const employeeId = cellInfo.data.employeeId;\r\n const weekEndingDate = moment(cellInfo.data.weekEndingDate).format(\"YYYY-MM-DD\");\r\n const link = `View`;\r\n\r\n cellElement.html(link);\r\n }\r\n\r\n export function onCellPrepared(e: any) {\r\n if (e.rowType !== \"data\") {\r\n return;\r\n }\r\n setLockedByBackground(e);\r\n }\r\n\r\n function setLockedByBackground(e) {\r\n var isApprovedDataCell = e.column.dataField === \"supervisorApprovalBy\";\r\n\r\n if (isApprovedDataCell) {\r\n if (e.data.supervisorApprovalBy == null) {\r\n e.cellElement.css(\"background-color\", \"yellow\");\r\n }\r\n }\r\n }\r\n}","namespace Areas.TimeEntry {\r\n \"use strict\";\r\n\r\n enum GridOperation { None, Insert, Update, Delete }\r\n\r\n let gridOperation: GridOperation = GridOperation.None;\r\n\r\n $(() => { \r\n UpdateTotals(); \r\n });\r\n\r\n export function UpdateTotals() {\r\n \r\n $(\".week-totals\").each(function (i) {\r\n var element = this;\r\n const employeeId = $(\"#EmployeeId\").val();\r\n const usageDate = $(this).data(\"start-date\");\r\n \r\n $.ajax({\r\n url: `/TimeEntry/TimeEntry/WeekTotals/${employeeId}/${usageDate}`,\r\n method: \"GET\",\r\n success: function (result) {\r\n $(element).html(\"Non-Work: \" + result.nonWorkHours + \" Regular Work: \" + result.regularHours\r\n + \"
OverTime: \" + result.totalOvertime + \" Straight: \" + result.straightHours + \" Premium: \" + result.premiumHours\r\n + \"
TotalHours: \" + result.totalHours + \"\");\r\n },\r\n error: function (msg) {\r\n DevExpress.ui.notify(\"Error in request: \" + msg.responseText, \"error\", 3000);\r\n }\r\n });\r\n });\r\n\r\n }\r\n \r\n export function isValidDateFormat(dateString) {\r\n const reg = /^20\\d\\d-(0[1-9]|1[012])-(0[1-9]|[12][0-9]|3[01])/;\r\n return reg.test(dateString);\r\n }\r\n\r\n function getDayNumberFromDataField(dataField): number {\r\n const match = /^day_(\\d+)$/.exec(dataField);\r\n\r\n if (match != null) {\r\n return parseInt(match[1]);\r\n }\r\n\r\n return null;\r\n }\r\n\r\n export function customizeColumns(columns) {\r\n var headerTemplate = function (header, info) {\r\n $(\"
OverTime: \" + result.totalOvertime + \" Straight: \" + result.straightHours + \" Premium: \" + result.premiumHours\r\n + \"
TotalHours: \" + result.totalHours + \"\");\r\n },\r\n error: function (msg) {\r\n DevExpress.ui.notify(\"Error in request: \" + msg.responseText, \"error\", 3000);\r\n }\r\n });\r\n });\r\n\r\n }\r\n \r\n export function isValidDateFormat(dateString) {\r\n const reg = /^20\\d\\d-(0[1-9]|1[012])-(0[1-9]|[12][0-9]|3[01])/;\r\n return reg.test(dateString);\r\n }\r\n\r\n function getDayNumberFromDataField(dataField): number {\r\n const match = /^day_(\\d+)$/.exec(dataField);\r\n\r\n if (match != null) {\r\n return parseInt(match[1]);\r\n }\r\n\r\n return null;\r\n }\r\n\r\n export function customizeColumns(columns) {\r\n var headerTemplate = function (header, info) {\r\n $(\"
\").html(info.column.caption).appendTo(header);\r\n };\r\n\r\n const grid = $(\"#TimeSheetEntryGrid\").dxDataGrid(\"instance\");\r\n const startDate = moment(grid.option(\"startDate\"));\r\n\r\n for (var i = 0; i < columns.length; i++)\r\n {\r\n const dataField = columns[i].dataField;\r\n const day = getDayNumberFromDataField(dataField);\r\n\r\n if (day != null) {\r\n const date = moment(startDate).add(day, \"day\");\r\n\r\n columns[i].caption = date.format(\"DD\") + \"
\" + date.format(\"dd\")[0];\r\n columns[i].alignment = \"right\";\r\n columns[i].headerCellTemplate = headerTemplate;\r\n }\r\n }\r\n }\r\n\r\n export function customizeHoursSummary(data) {\r\n if (data.value > 0) {\r\n return data.value;\r\n }\r\n }\r\n\r\n export function contentReady(e) {\r\n if (!e.component.__summaryIsNotAdded) {\r\n const items = e.component.option(\"summary.totalItems\");\r\n const totalDayColumns = 14;\r\n\r\n for (var i=0; i < totalDayColumns; i++) {\r\n const columnName = \"day_\" + i;\r\n\r\n items.push({\r\n column: columnName,\r\n summaryType: \"sum\",\r\n cssClass: \"\",\r\n customizeText: customizeHoursSummary\r\n });\r\n }\r\n \r\n e.component.option(\"summary.totalItems\", items);\r\n e.component.__summaryIsNotAdded = true;\r\n }\r\n\r\n }\r\n\r\n export function rowPrepared(e) {\r\n if (e.rowType == \"totalFooter\") {\r\n e.rowElement[0].class = \"\";\r\n e.rowElement[0].style.backgroundColor = \"#5aca5e\";\r\n }\r\n }\r\n\r\n export function cellPrepared(e) {\r\n if (e.rowType == \"data\") {\r\n const dataField = e.column.dataField;\r\n const day = getDayNumberFromDataField(dataField);\r\n const row = e.row;\r\n\r\n var weekIsReadOnly = false;\r\n\r\n if (day <= 6 && row.data[\"week_1_Locked\"] === true) {\r\n weekIsReadOnly = true;\r\n } else if (day > 6 && (row.data[\"week_2_Locked\"] === true)) {\r\n weekIsReadOnly = true;\r\n }\r\n\r\n if (day != null && day > 0) {\r\n const columnName = \"day_\" + day + \"_R\";\r\n const disabled = row.data[columnName] || weekIsReadOnly;\r\n const cellClass = disabled ? \"readonly-timeentry\" : \"\";\r\n\r\n e.cellElement.addClass(cellClass);\r\n }\r\n }\r\n }\r\n\r\n export function editCellTemplate($cellElement, cellInfo) {\r\n const dataField = cellInfo.column.dataField;\r\n const day = getDayNumberFromDataField(dataField);\r\n\r\n var weekIsReadOnly = false;\r\n\r\n if (day <= 6 && cellInfo.row.data[\"week_1_Locked\"] === true) {\r\n weekIsReadOnly = true;\r\n } else if (day > 6 && (cellInfo.row.data[\"week_2_Locked\"] === true)) {\r\n weekIsReadOnly = true;\r\n }\r\n\r\n if (day != null) {\r\n const columnName = \"day_\" + day + \"_R\";\r\n const disabled = cellInfo.row.data[columnName] || weekIsReadOnly;\r\n const div = document.createElement(\"div\");\r\n const dataGrid = cellInfo.component;\r\n\r\n $cellElement.append(div);\r\n\r\n var buttons = [];\r\n\r\n if (!weekIsReadOnly) {\r\n var options = {\r\n icon: \"edit\",\r\n onClick(e) {\r\n showTimeEntryDialog(cellInfo.row.key, day);\r\n }\r\n };\r\n\r\n buttons = [{ \r\n location: \"after\",\r\n name: \"edit\",\r\n options: options }];\r\n };\r\n\r\n \r\n $(div).dxNumberBox({\r\n value: cellInfo.value,\r\n buttons: buttons,\r\n step: 0, \r\n onKeyDown: function (e:any) { \r\n if (e.event.keyCode === 38 /* down arrow */ || e.event.keyCode === 40 /* up arrow */) \r\n e.event.stopPropagation(); \r\n }, \r\n onValueChanged(e) {\r\n cellInfo.setValue(e.value);\r\n\r\n if (e.value === null || e.value === 0) {\r\n gridOperation = GridOperation.Delete;\r\n } else if (e.previousValue !== null && e.value !== null) {\r\n gridOperation = GridOperation.Update;\r\n } else {\r\n gridOperation = GridOperation.Insert;\r\n }\r\n\r\n dataGrid.saveEditData();\r\n }\r\n });\r\n\r\n const inputElement = $cellElement.find(\".dx-texteditor-input-container\").find(\"input\");\r\n if (inputElement != null && disabled) {\r\n inputElement.attr(\"disabled\", \"disabled\");\r\n inputElement.attr(\"readonly\", \"readonly\");\r\n inputElement.attr(\"style\", \"color: lightgray;\")\r\n }\r\n }\r\n }\r\n\r\n export function showTimeEntryDialog(key: any, day: number) {\r\n const grid = $(\"#TimeSheetEntryGrid\").dxDataGrid(\"instance\");\r\n const startDate = moment(grid.option(\"startDate\"));\r\n const usageDate = moment(startDate).add(day, \"day\"); \r\n const parameters = { \r\n key: key,\r\n usageDate: usageDate };\r\n\r\n const timeEntryDialog =\r\n new Areas.Dialogs.TimeEntry.TimeEntryDialog(\r\n dialogClosing, parameters);\r\n }\r\n\r\n function dialogClosing(dialogResult: DialogResult, data: any) {\r\n if (dialogResult === DialogResult.Cancel) return;\r\n\r\n Areas.refreshGrid(\"TimeSheetEntryGrid\");\r\n UpdateTotals();\r\n }\r\n\r\n export function beforeSend(operation, ajaxSettings) {\r\n const grid = $(\"#TimeSheetEntryGrid\").dxDataGrid(\"instance\");\r\n const startDate = moment(grid.option(\"startDate\"));\r\n\r\n if (operation === \"insert\" || operation === \"update\") {\r\n let values = JSON.parse(ajaxSettings.data.values);\r\n\r\n const dayNumberFromJsonString = /day_(\\d+)/.exec(ajaxSettings.data.values);\r\n if (dayNumberFromJsonString != null) {\r\n const day = parseInt(dayNumberFromJsonString[1]);\r\n const dayFieldName = dayNumberFromJsonString[0];\r\n\r\n values.usageDate = moment(startDate).add(day, \"day\").format(\"YYYY-MM-DD\");\r\n values.usageAmount = values[dayFieldName] === null ? 0 : values[dayFieldName];\r\n }\r\n\r\n switch (gridOperation) {\r\n case GridOperation.Insert:\r\n ajaxSettings.url = \"/TimeEntry/TimeEntry/Post\";\r\n ajaxSettings.method = \"POST\"; \r\n const key = JSON.parse(ajaxSettings.data.key);\r\n values = {...key, ...values }; // This merges the properties from both Json objects\r\n break;\r\n\r\n case GridOperation.Update:\r\n ajaxSettings.url = \"/TimeEntry/TimeEntry/Put\";\r\n ajaxSettings.method = \"PUT\"; \r\n break;\r\n\r\n case GridOperation.Delete:\r\n ajaxSettings.url = \"/TimeEntry/TimeEntry/Delete\";\r\n ajaxSettings.method = \"DELETE\"; \r\n break;\r\n\r\n default:\r\n ajaxSettings.url = \"\";\r\n ajaxSettings.method = \"\";\r\n break;\r\n }\r\n\r\n gridOperation = GridOperation.None;\r\n\r\n ajaxSettings.data.values = JSON.stringify(values);\r\n }\r\n }\r\n\r\n export function rowUpdated() {\r\n UpdateTotals();\r\n }\r\n}\r\n","namespace Areas.TimeEntry.Jobs {\r\n \"use strict\";\r\n\r\n let currentWorkOrder: any;\r\n let selectedWorkOrder: any;\r\n let selectedTaskCodeDescription: string;\r\n\r\n export function onInsertingNewEmployeeWorkOrder(e: any) {\r\n e.data.employeeId = e.component.option(\"EmployeeId\");\r\n selectedWorkOrder = \"\";\r\n selectedTaskCodeDescription = \"\";\r\n\r\n currentWorkOrder = e.data;\r\n } \r\n\r\n export function onEditingStart(e: any) {\r\n currentWorkOrder = e.data;\r\n selectedWorkOrder = e.data.displayName;\r\n selectedTaskCodeDescription = e.data.taskCodeDescription;\r\n }\r\n\r\n export function onRowInserted(e: any) {\r\n selectedWorkOrder = null;\r\n selectedTaskCodeDescription = null;\r\n currentWorkOrder = null;\r\n }\r\n\r\n export function selectWorkOrder() {\r\n const grid: any = $(\"#WorkOrderGrid\").dxDataGrid(\"instance\");\r\n\r\n const selectDefaultJobDialog =\r\n new Areas.Dialogs.SelectDefaultJob.SelectDefaultJobDialog(selectDefaultJobDialogClosing);\r\n }\r\n\r\n function selectDefaultJobDialogClosing(dialogResult: DialogResult, data:any) {\r\n if (dialogResult === DialogResult.Cancel) return;\r\n\r\n const dataGrid: any = $(\"#WorkOrderGrid\").dxDataGrid(\"instance\");\r\n\r\n var rowIndex = getItemRowIndex(dataGrid);\r\n updateWorkOrdersGridRow(dataGrid, rowIndex, data);\r\n }\r\n\r\n function getItemRowIndex(dataGrid: DevExpress.ui.dxDataGrid): number {\r\n let rowIndex = 0;\r\n\r\n if (currentWorkOrder === undefined || currentWorkOrder === null) {\r\n return rowIndex;\r\n } else if (currentWorkOrder.employeeWorkOrderId) {\r\n rowIndex = dataGrid.getRowIndexByKey(currentWorkOrder.employeeWorkOrderId);\r\n }\r\n\r\n return rowIndex;\r\n }\r\n\r\n function updateWorkOrdersGridRow(dataGrid: DevExpress.ui.dxDataGrid, rowIndex: number, data: any) {\r\n\r\n dataGrid.cellValue(rowIndex, \"projectNumber\", data.accountWorkOrder.projectNumber);\r\n dataGrid.cellValue(rowIndex, \"projectName\", data.accountWorkOrder.projectName);\r\n dataGrid.cellValue(rowIndex, \"accountWorkOrderId\", data.accountWorkOrder.accountWorkOrderId);\r\n dataGrid.cellValue(rowIndex, \"workOrderCode\", data.accountWorkOrder.workOrderCode);\r\n dataGrid.cellValue(rowIndex, \"displayName\", data.accountWorkOrder.displayName);\r\n dataGrid.cellValue(rowIndex, \"taskCodeLk\", data.taskCode.taskCodeLk);\r\n dataGrid.cellValue(rowIndex, \"taskCodeDescription\", data.taskCode.taskCodeDescription);\r\n\r\n selectedWorkOrder = data.accountWorkOrder.displayName;\r\n selectedTaskCodeDescription = data.taskCode.taskCodeDescription;\r\n\r\n dataGrid.repaintRows([rowIndex]);\r\n }\r\n\r\n export function editTaskCodeTemplate(cellElement, cellInfo) {\r\n let htmlString = `${selectedTaskCodeDescription}`;\r\n let html = $.parseHTML(htmlString);\r\n\r\n cellElement.append(html);\r\n }\r\n\r\n export function editWorkOrdersTemplate(cellElement, cellInfo) {\r\n let displayName = !selectedWorkOrder ? \"Select...\" : selectedWorkOrder;\r\n let htmlString = ``;\r\n let html = $.parseHTML(htmlString);\r\n\r\n cellElement.on(\"click\", selectWorkOrder);\r\n cellElement.append(html);\r\n }\r\n}","namespace Areas.TimeEntry {\r\n \"use strict\";\r\n\r\n var _employeeId: number;\r\n var _weekEnd: Date;\r\n var _submit: boolean;\r\n var _overtimeCalculated: boolean;\r\n\r\n export function submit (employeeId: number, weekEnd: Date) { \r\n return (e:any) => {\r\n\r\n _employeeId = employeeId;\r\n _weekEnd = weekEnd;\r\n\r\n const url = `/TimeEntry/TimeEntry/ValidateTimeSheet/${employeeId}/${weekEnd}`;\r\n\r\n $.ajax({\r\n url: url,\r\n method: \"GET\",\r\n success: (response) => { \r\n $(\"#SubmitTimeSheetValidationError\").text(\"\"); \r\n checkHours(employeeId, weekEnd);\r\n },\r\n error: (response) => { $(\"#SubmitTimeSheetValidationError\").text(response.responseText); }\r\n });\r\n\r\n }\r\n }\r\n\r\n\r\n export function approve(timeVerificationId: number) {\r\n return (e:any) => {\r\n\r\n const url = `/TimeEntry/TimeEntry/Approve/${timeVerificationId}`;\r\n\r\n $.ajax({\r\n url: url,\r\n method: \"POST\",\r\n success: (response) => { \r\n Areas.reloadPage();\r\n },\r\n error: (response) => { $(\"#SubmitTimeSheetValidationError\").text(response.responseText); }\r\n });\r\n }\r\n }\r\n\r\n\r\n export function returnTimeSheet(timeVerificationId: number) {\r\n return (e: any) => {\r\n\r\n const url = `/TimeEntry/TimeEntry/ReturnTimeSheet/${timeVerificationId}`;\r\n\r\n $.ajax({\r\n url: url,\r\n method: \"POST\",\r\n success: (response) => {\r\n Areas.reloadPage();\r\n },\r\n error: (response) => { $(\"#SubmitTimeSheetValidationError\").text(response.responseText); }\r\n });\r\n }\r\n }\r\n\r\n\r\n function checkHours(employeeId, weekEnd) {\r\n $.ajax({\r\n url: `/TimeEntry/TimeEntry/WeekTotals/${employeeId}/${weekEnd}`,\r\n method: \"GET\",\r\n success: function (result) {\r\n if (result.isExempt || result.isFlexSchedule) {\r\n var submitTimeDialog = new Areas.Dialogs.SubmitTime.SubmitTimeDialog(submitTimeDialogClosing);\r\n }\r\n else if (result.totalHours > 40 || result.totalHours < 40) {\r\n var warningHoursDialog = new Areas.Dialogs.WarningHours.WarningHoursDialog(warningHoursDialogClosing);\r\n } else {\r\n var submitTimeDialog = new Areas.Dialogs.SubmitTime.SubmitTimeDialog(submitTimeDialogClosing);\r\n } \r\n },\r\n error: function (msg) {\r\n DevExpress.ui.notify(\"Error in request: \" + msg.responseText, \"error\", 3000);\r\n }\r\n });\r\n }\r\n\r\n function warningHoursDialogClosing(dialogResult: DialogResult, data: any) {\r\n if (dialogResult === DialogResult.Cancel) return;\r\n\r\n var submitTimeDialog = new Areas.Dialogs.SubmitTime.SubmitTimeDialog(submitTimeDialogClosing);\r\n }\r\n\r\n function submitTimeDialogClosing(dialogResult: DialogResult, data: any) {\r\n if (dialogResult === DialogResult.Cancel) return;\r\n\r\n submitConfirm();\r\n }\r\n\r\n function submitConfirm() {\r\n \r\n $.ajax({\r\n url: \"/TimeEntry/TimeEntry/Submit\",\r\n method: \"POST\",\r\n data: { employeeId: _employeeId, weekEnd: _weekEnd },\r\n success: function (result) {\r\n\r\n if (result.hasOvertime && result.overTimeMethod.toUpperCase() != \"NONE\") {\r\n\r\n _submit = true;\r\n\r\n const parameters = {\r\n straightHours: result.straightHours,\r\n premiumHours: result.premiumHours,\r\n employeeId: _employeeId,\r\n weekEndDate: _weekEnd\r\n }\r\n\r\n var identifyWeeklyOvertimeDialog = new Areas.Dialogs.IdentifyWeeklyOvertime.IdentifyWeeklyOvertimeDialog(\r\n identifyWeeklyOvertimeDialogClosing, parameters);\r\n \r\n } else {\r\n Areas.reloadPage();\r\n }\r\n },\r\n error: function (msg) {\r\n DevExpress.ui.notify(\"Error in request: \" + msg.responseText, \"error\", 3000);\r\n }\r\n });\r\n }\r\n\r\n export function addDefaultJob(employeeId: number) {\r\n return (e: any) => {\r\n const parameters = {\r\n employeeId: employeeId\r\n }\r\n\r\n var addDefaultJobDialog = new Areas.Dialogs.AddDefaultJob.AddDefaultJobDialog(\r\n addDefaultJobDialogClosing, parameters);\r\n }\r\n }\r\n\r\n function addDefaultJobDialogClosing(dialogResult: DialogResult, data: any) {\r\n if (dialogResult === DialogResult.Cancel) {\r\n return;\r\n }\r\n\r\n Areas.refreshGrid(\"TimeSheetEntryGrid\");\r\n }\r\n\r\n export function removeJob() {\r\n const grid = $(\"#TimeSheetEntryGrid\").dxDataGrid(\"instance\");\r\n const selectedKey = grid.getSelectedRowKeys()[0];\r\n\r\n if (selectedKey != null) {\r\n const verifyDelete = window.confirm(\"Are you sure you would like to delete this record?\");\r\n\r\n if (!verifyDelete) {\r\n return;\r\n }\r\n\r\n const values = {\r\n\r\n employeeId: selectedKey.employeeId,\r\n accountWorkOrderId: selectedKey.accountWorkOrderId,\r\n taskCodeLk: selectedKey.taskCodeLk\r\n };\r\n\r\n var url = \"/TimeEntry/Jobs/DeleteJob\";\r\n Areas.sendRequest(url, JSON.stringify(values), \"DELETE\").done(() => Areas.refreshGrid(\"TimeSheetEntryGrid\"));\r\n }\r\n else {\r\n DevExpress.ui.notify(\"You need to select a row first!\", \"warning\", 2000);\r\n }\r\n }\r\n\r\n function identifyWeeklyOvertimeDialogClosing(dialogResult: DialogResult, data: any) {\r\n if (dialogResult === DialogResult.Cancel) {\r\n _submit = false;\r\n _overtimeCalculated = false;\r\n\r\n const url = `/TimeEntry/TimeEntry/ClearOverTime/${_employeeId}/${_weekEnd}`;\r\n Areas.sendRequest(url, null, \"POST\");\r\n return;\r\n } \r\n\r\n if (_submit) {\r\n submitConfirm();\r\n }\r\n else {\r\n _overtimeCalculated = true;\r\n getEmployeeOvertimeInformation(_employeeId, _weekEnd);\r\n }\r\n }\r\n \r\n export function getEmployeeOvertimeInformation(employeeId: number, weekEnd: Date) {\r\n\r\n _employeeId = employeeId;\r\n _weekEnd = weekEnd;\r\n\r\n $.ajax({\r\n url: \"/TimeEntry/TimeEntry/GetEmployeeOvertimeInformation\",\r\n method: \"POST\",\r\n data: { employeeId: _employeeId, weekEnd: _weekEnd },\r\n success: function (result) {\r\n\r\n if (result.hasOvertime === false) {\r\n const toastrOptions = { timeOut: 4000, positionClass: \"toast-top-full-width\", showMethod: \"show\" };\r\n toastr.info(\"All overtime hours have been calculated\", \"Info\", toastrOptions);\r\n\r\n if (_overtimeCalculated) {\r\n Areas.reloadPage();\r\n }\r\n }\r\n else {\r\n _submit = false;\r\n\r\n const parameters = {\r\n straightHours: result.straightHours,\r\n premiumHours: result.premiumHours,\r\n employeeId: _employeeId,\r\n weekEndDate: _weekEnd\r\n }\r\n\r\n var identifyWeeklyOvertimeDialog = new Areas.Dialogs.IdentifyWeeklyOvertime.IdentifyWeeklyOvertimeDialog(\r\n identifyWeeklyOvertimeDialogClosing, parameters);\r\n } \r\n },\r\n error: function (msg) {\r\n DevExpress.ui.notify(\"Error in request: \" + msg.responseText, \"error\", 3000);\r\n }\r\n });\r\n }\r\n \r\n export function weekClick(url: string) {\r\n return () => {\r\n window.location.href = url;\r\n }\r\n }\r\n\r\n export function calendarClick() {\r\n var calendarDialog = \r\n new Areas.Dialogs.Calendar.CalendarDialog(calendarDialogClosing);\r\n }\r\n\r\n function calendarDialogClosing(dialogResult: DialogResult, data: any) {\r\n if (dialogResult === DialogResult.Cancel) return;\r\n\r\n const date = Areas.getPreviousSundayFromDate(data.date);\r\n\r\n window.location.href = \"/Employee/Time/Index/\" + $('#EmployeeId').val() + \"?start=\" + date.format(\"YYYY-MM-DD\");\r\n }\r\n\r\n\r\n\r\n}\r\n"]}
\" + date.format(\"dd\")[0];\r\n columns[i].alignment = \"right\";\r\n columns[i].headerCellTemplate = headerTemplate;\r\n }\r\n }\r\n }\r\n\r\n export function customizeHoursSummary(data) {\r\n if (data.value > 0) {\r\n return data.value;\r\n }\r\n }\r\n\r\n export function contentReady(e) {\r\n if (!e.component.__summaryIsNotAdded) {\r\n const items = e.component.option(\"summary.totalItems\");\r\n const totalDayColumns = 14;\r\n\r\n for (var i=0; i < totalDayColumns; i++) {\r\n const columnName = \"day_\" + i;\r\n\r\n items.push({\r\n column: columnName,\r\n summaryType: \"sum\",\r\n cssClass: \"\",\r\n customizeText: customizeHoursSummary\r\n });\r\n }\r\n \r\n e.component.option(\"summary.totalItems\", items);\r\n e.component.__summaryIsNotAdded = true;\r\n }\r\n\r\n }\r\n\r\n export function rowPrepared(e) {\r\n if (e.rowType == \"totalFooter\") {\r\n e.rowElement[0].class = \"\";\r\n e.rowElement[0].style.backgroundColor = \"#5aca5e\";\r\n }\r\n }\r\n\r\n export function cellPrepared(e) {\r\n if (e.rowType == \"data\") {\r\n const dataField = e.column.dataField;\r\n const day = getDayNumberFromDataField(dataField);\r\n const row = e.row;\r\n\r\n var weekIsReadOnly = false;\r\n\r\n if (day <= 6 && row.data[\"week_1_Locked\"] === true) {\r\n weekIsReadOnly = true;\r\n } else if (day > 6 && (row.data[\"week_2_Locked\"] === true)) {\r\n weekIsReadOnly = true;\r\n }\r\n\r\n if (day != null && day > 0) {\r\n const columnName = \"day_\" + day + \"_R\";\r\n const disabled = row.data[columnName] || weekIsReadOnly;\r\n const cellClass = disabled ? \"readonly-timeentry\" : \"\";\r\n\r\n e.cellElement.addClass(cellClass);\r\n }\r\n }\r\n }\r\n\r\n export function editCellTemplate($cellElement, cellInfo) {\r\n const dataField = cellInfo.column.dataField;\r\n const day = getDayNumberFromDataField(dataField);\r\n\r\n var weekIsReadOnly = false;\r\n\r\n if (day <= 6 && cellInfo.row.data[\"week_1_Locked\"] === true) {\r\n weekIsReadOnly = true;\r\n } else if (day > 6 && (cellInfo.row.data[\"week_2_Locked\"] === true)) {\r\n weekIsReadOnly = true;\r\n }\r\n\r\n if (day != null) {\r\n const columnName = \"day_\" + day + \"_R\";\r\n const disabled = cellInfo.row.data[columnName] || weekIsReadOnly;\r\n const div = document.createElement(\"div\");\r\n const dataGrid = cellInfo.component;\r\n\r\n $cellElement.append(div);\r\n\r\n var buttons = [];\r\n\r\n if (!weekIsReadOnly) {\r\n var options = {\r\n icon: \"edit\",\r\n onClick(e) {\r\n showTimeEntryDialog(cellInfo.row.key, day);\r\n }\r\n };\r\n\r\n buttons = [{ \r\n location: \"after\",\r\n name: \"edit\",\r\n options: options }];\r\n };\r\n\r\n \r\n $(div).dxNumberBox({\r\n value: cellInfo.value,\r\n buttons: buttons,\r\n step: 0, \r\n onKeyDown: function (e:any) { \r\n if (e.event.keyCode === 38 /* down arrow */ || e.event.keyCode === 40 /* up arrow */) \r\n e.event.stopPropagation(); \r\n }, \r\n onValueChanged(e) {\r\n cellInfo.setValue(e.value);\r\n\r\n if (e.value === null || e.value === 0) {\r\n gridOperation = GridOperation.Delete;\r\n } else if (e.previousValue !== null && e.value !== null) {\r\n gridOperation = GridOperation.Update;\r\n } else {\r\n gridOperation = GridOperation.Insert;\r\n }\r\n\r\n dataGrid.saveEditData();\r\n }\r\n });\r\n\r\n const inputElement = $cellElement.find(\".dx-texteditor-input-container\").find(\"input\");\r\n if (inputElement != null && disabled) {\r\n inputElement.attr(\"disabled\", \"disabled\");\r\n inputElement.attr(\"readonly\", \"readonly\");\r\n inputElement.attr(\"style\", \"color: lightgray;\")\r\n }\r\n }\r\n }\r\n\r\n export function showTimeEntryDialog(key: any, day: number) {\r\n const grid = $(\"#TimeSheetEntryGrid\").dxDataGrid(\"instance\");\r\n const startDate = moment(grid.option(\"startDate\"));\r\n const usageDate = moment(startDate).add(day, \"day\"); \r\n const parameters = { \r\n key: key,\r\n usageDate: usageDate };\r\n\r\n const timeEntryDialog =\r\n new Areas.Dialogs.TimeEntry.TimeEntryDialog(\r\n dialogClosing, parameters);\r\n }\r\n\r\n function dialogClosing(dialogResult: DialogResult, data: any) {\r\n if (dialogResult === DialogResult.Cancel) return;\r\n\r\n Areas.refreshGrid(\"TimeSheetEntryGrid\");\r\n UpdateTotals();\r\n }\r\n\r\n export function beforeSend(operation, ajaxSettings) {\r\n const grid = $(\"#TimeSheetEntryGrid\").dxDataGrid(\"instance\");\r\n const startDate = moment(grid.option(\"startDate\"));\r\n\r\n if (operation === \"insert\" || operation === \"update\") {\r\n let values = JSON.parse(ajaxSettings.data.values);\r\n\r\n const dayNumberFromJsonString = /day_(\\d+)/.exec(ajaxSettings.data.values);\r\n if (dayNumberFromJsonString != null) {\r\n const day = parseInt(dayNumberFromJsonString[1]);\r\n const dayFieldName = dayNumberFromJsonString[0];\r\n\r\n values.usageDate = moment(startDate).add(day, \"day\").format(\"YYYY-MM-DD\");\r\n values.usageAmount = values[dayFieldName] === null ? 0 : values[dayFieldName];\r\n }\r\n\r\n switch (gridOperation) {\r\n case GridOperation.Insert:\r\n ajaxSettings.url = \"/TimeEntry/TimeEntry/Post\";\r\n ajaxSettings.method = \"POST\"; \r\n const key = JSON.parse(ajaxSettings.data.key);\r\n values = {...key, ...values }; // This merges the properties from both Json objects\r\n break;\r\n\r\n case GridOperation.Update:\r\n ajaxSettings.url = \"/TimeEntry/TimeEntry/Put\";\r\n ajaxSettings.method = \"PUT\"; \r\n break;\r\n\r\n case GridOperation.Delete:\r\n ajaxSettings.url = \"/TimeEntry/TimeEntry/Delete\";\r\n ajaxSettings.method = \"DELETE\"; \r\n break;\r\n\r\n default:\r\n ajaxSettings.url = \"\";\r\n ajaxSettings.method = \"\";\r\n break;\r\n }\r\n\r\n gridOperation = GridOperation.None;\r\n\r\n ajaxSettings.data.values = JSON.stringify(values);\r\n }\r\n }\r\n\r\n export function rowUpdated() {\r\n UpdateTotals();\r\n }\r\n}\r\n","namespace Areas.TimeEntry.Jobs {\r\n \"use strict\";\r\n\r\n let currentWorkOrder: any;\r\n let selectedWorkOrder: any;\r\n let selectedTaskCodeDescription: string;\r\n\r\n export function onInsertingNewEmployeeWorkOrder(e: any) {\r\n e.data.employeeId = e.component.option(\"EmployeeId\");\r\n selectedWorkOrder = \"\";\r\n selectedTaskCodeDescription = \"\";\r\n\r\n currentWorkOrder = e.data;\r\n } \r\n\r\n export function onEditingStart(e: any) {\r\n currentWorkOrder = e.data;\r\n selectedWorkOrder = e.data.displayName;\r\n selectedTaskCodeDescription = e.data.taskCodeDescription;\r\n }\r\n\r\n export function onRowInserted(e: any) {\r\n selectedWorkOrder = null;\r\n selectedTaskCodeDescription = null;\r\n currentWorkOrder = null;\r\n }\r\n\r\n export function selectWorkOrder() {\r\n const grid: any = $(\"#WorkOrderGrid\").dxDataGrid(\"instance\");\r\n\r\n const selectDefaultJobDialog =\r\n new Areas.Dialogs.SelectDefaultJob.SelectDefaultJobDialog(selectDefaultJobDialogClosing);\r\n }\r\n\r\n function selectDefaultJobDialogClosing(dialogResult: DialogResult, data:any) {\r\n if (dialogResult === DialogResult.Cancel) return;\r\n\r\n const dataGrid: any = $(\"#WorkOrderGrid\").dxDataGrid(\"instance\");\r\n\r\n var rowIndex = getItemRowIndex(dataGrid);\r\n updateWorkOrdersGridRow(dataGrid, rowIndex, data);\r\n }\r\n\r\n function getItemRowIndex(dataGrid: DevExpress.ui.dxDataGrid): number {\r\n let rowIndex = 0;\r\n\r\n if (currentWorkOrder === undefined || currentWorkOrder === null) {\r\n return rowIndex;\r\n } else if (currentWorkOrder.employeeWorkOrderId) {\r\n rowIndex = dataGrid.getRowIndexByKey(currentWorkOrder.employeeWorkOrderId);\r\n }\r\n\r\n return rowIndex;\r\n }\r\n\r\n function updateWorkOrdersGridRow(dataGrid: DevExpress.ui.dxDataGrid, rowIndex: number, data: any) {\r\n\r\n dataGrid.cellValue(rowIndex, \"projectNumber\", data.accountWorkOrder.projectNumber);\r\n dataGrid.cellValue(rowIndex, \"projectName\", data.accountWorkOrder.projectName);\r\n dataGrid.cellValue(rowIndex, \"accountWorkOrderId\", data.accountWorkOrder.accountWorkOrderId);\r\n dataGrid.cellValue(rowIndex, \"workOrderCode\", data.accountWorkOrder.workOrderCode);\r\n dataGrid.cellValue(rowIndex, \"displayName\", data.accountWorkOrder.displayName);\r\n dataGrid.cellValue(rowIndex, \"taskCodeLk\", data.taskCode.taskCodeLk);\r\n dataGrid.cellValue(rowIndex, \"taskCodeDescription\", data.taskCode.taskCodeDescription);\r\n\r\n selectedWorkOrder = data.accountWorkOrder.displayName;\r\n selectedTaskCodeDescription = data.taskCode.taskCodeDescription;\r\n\r\n dataGrid.repaintRows([rowIndex]);\r\n }\r\n\r\n export function editTaskCodeTemplate(cellElement, cellInfo) {\r\n let htmlString = `${selectedTaskCodeDescription}`;\r\n let html = $.parseHTML(htmlString);\r\n\r\n cellElement.append(html);\r\n }\r\n\r\n export function editWorkOrdersTemplate(cellElement, cellInfo) {\r\n let displayName = !selectedWorkOrder ? \"Select...\" : selectedWorkOrder;\r\n let htmlString = `
${displayName}