\").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\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 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 = tabControl.option(\"parentSelectedIndex\");\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 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 popupWidth: 500,\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 }\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}","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//TODO Check if needed\r\n // export function addToFavorite(e: any) {\r\n // const dialog = new Areas.Dialogs.CreateFavoriteDialog(() => { }, { favoriteName: e.component.option(\"description\") });\r\n // }\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 //export function gotoProject(e: any, fieldName: string, objectName: string, isGrid: boolean, isOption: boolean) {\r\n // clearSelectBoxSelection(e);\r\n // let linkInfo = \"/Project/Profile/View/\" + id;\r\n\r\n // if (isGrid == true)\r\n // {\r\n // gotoSelectedOnGrid(objectName,)\r\n // }\r\n\r\n // gotoSelected(\"ContractGrid\", \"/Contract/GeneralInfo/View/\");\r\n //}\r\n\r\n //export function gotoCostCenter(id: string) {\r\n // gotoSelected(\"ContractGrid\", \"/Contract/GeneralInfo/View/\");\r\n //}\r\n\r\n export function goToSharePoint(e: any) {\r\n const id = e.component.option(\"SharePointLink\");\r\n let linkInfo = \"https://sharepoint.capnet.ucla.edu/sites/ActiveProjects/\" + id + \"/default.aspx\";\r\n window.open(linkInfo);\r\n }\r\n\r\n export function goToPIFPAF(e: any) {\r\n const id = e.component.option(\"ProjectId\");\r\n let linkInfo = \"https://projectinitiation.capnet.ucla.edu/Requests/View/Index/\" + id + \"\";\r\n window.open(linkInfo);\r\n }\r\n\r\n export function goToProject(e: any) {\r\n const id = e.component.option(\"AccountId\");\r\n let linkInfo = \"/Account/Profile/View/\" + id;\r\n window.open(linkInfo);\r\n }\r\n\r\n\r\n export function websiteSharePoint(sharePointLink: string) {\r\n var returnLink = \"https://sharepoint.capnet.ucla.edu/sites/ActiveProjects/default.aspx\";\r\n if (isNotEmpty(sharePointLink)) {\r\n returnLink = \"https://sharepoint.capnet.ucla.edu/sites/ActiveProjects/\" +\r\n sharePointLink + \"/Documents/7-%20Construction%20Management\";\r\n }\r\n window.open(returnLink);\r\n }\r\n\r\n\r\n\r\n //export function gotoSelectedOnGrid(gridName: string, url: string, ) {\r\n // const dataGrid = $(`#${gridName}`).dxDataGrid(\"instance\");\r\n // const rows = dataGrid.getSelectedRowKeys();\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 gotoSelectedOnForm(formName: string, url: string) {\r\n const dataForm = $(`#${formName}`).dxForm(\"instance\");\r\n const dataId = dataForm.option()[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 gotoWebsite(url: string, id: string) {\r\n // var returnLink = \"https://sharepoint.capnet.ucla.edu/sites/ActiveProjects/default.aspx\";\r\n // if (isNotEmpty(sharePointLink)) {\r\n // returnLink = \"https://sharepoint.capnet.ucla.edu/sites/ActiveProjects/\" +\r\n // sharePointLink + \"/Documents/7-%20Construction%20Management\";\r\n // }\r\n // window.open(returnLink);\r\n //}\r\n\r\n\r\n}","namespace Areas {\r\n \"use strict\";\r\n\r\n //contract Lookup\r\n export function contractLookupItem(itemData: any, itemIndex: any, itemElement: any) {\r\n itemElement.append(\r\n `) {\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: \"export-excel-button\",\r\n onClick: exportData(grid)\r\n }, \"after\");\r\n\r\n grid.on(\"exporting\", onExporting);\r\n \r\n } \r\n \r\n function exportData(grid: DevExpress.ui.dxDataGrid) {\r\n return (e: any) => {\r\n grid.exportToExcel(false);\r\n }\r\n }\r\n\r\n function onExporting (e: any) {\r\n const grid: DevExpress.ui.dxDataGrid = e.component;\r\n\r\n e.fileName = grid.option(\"gridName\");\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 {\r\n \"use strict\";\r\n\r\n export function analysisLink(cellElement, cellInfo) {\r\n var projectId = cellInfo.data.projectId;\r\n var linkInfo = \"Analysis\";\r\n cellElement.html(linkInfo);\r\n \r\n }\r\n\r\n export function appPercent(cellElement, cellInfo) {\r\n\r\n cellElement.html(cellInfo.text);\r\n if (cellInfo.data.appropriationCommittedPercent > 1) {\r\n cellElement.css(\"background-color\", \"lightpink\");\r\n }\r\n }\r\n\r\n export function budgetPercent(cellElement, cellInfo) {\r\n\r\n cellElement.html(cellInfo.text);\r\n if (cellInfo.data.budgetCommittedPercent > 1) {\r\n cellElement.css(\"background-color\", \"lightpink\");\r\n }\r\n }\r\n}","namespace Areas.Attachment {\r\n \"use strict\";\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.Report {\r\n \"use strict\";\r\n\r\n export function gotoProjectInitiationReportFromForm() {\r\n var form = $('#ProjectInfoUpdateForm').dxForm('instance');\r\n let keyId: any = form.option('ProjectInfoId');\r\n if (keyId != null) {\r\n const url = `/Custom/Report/ProjectInitiationReport/${keyId}`;\r\n window.open(url);\r\n }\r\n else {\r\n DevExpress.ui.notify(\"Record not selected!\", \"warning\", 2000);\r\n }\r\n } \r\n\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 case \"\":\r\n break;\r\n\r\n case \"\":\r\n break;\r\n \r\n default:\r\n 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 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 = 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}","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.CreateEic {\r\n \"use strict\";\r\n\r\n export class CreateEicDialog extends Areas.BaseDialog {\r\n\r\n constructor(closeHandler: (dialogResult: DialogResult, data: any) => void) {\r\n super(\"CreateEic\", closeHandler);\r\n }\r\n\r\n protected ok = (e: any) => {\r\n const form = $(\"#CreateEicForm\").dxForm(\"instance\");\r\n const result: any = form.validate();\r\n\r\n if (result.isValid) {\r\n\r\n const newData: any = form.option(\"formData\");\r\n\r\n sendRequest(\"/Dialog/CreateEic/Post\", JSON.stringify(newData), \"POST\", () => {\r\n this.close(DialogResult.Ok, null);\r\n });\r\n }\r\n }\r\n }\r\n\r\n export function projectIdSelected(e: any) {\r\n const form = $(\"#CreateEicForm\").dxForm(\"instance\");\r\n var projectNameControl: DevExpress.ui.dxTextBox = form.getEditor(\"ProjectName\") as DevExpress.ui.dxLookup;\r\n\r\n projectNameControl.option(\"disabled\", e.selectedItem);\r\n }\r\n\r\n export function projectNameChanged(e: any) {\r\n const form = $(\"#CreateEicForm\").dxForm(\"instance\");\r\n\r\n var projectIdControl: DevExpress.ui.dxLookup = form\r\n .getEditor(\"ProjectId\") as DevExpress.ui.dxLookup;\r\n\r\n projectIdControl.option(\"disabled\", e.value);\r\n }\r\n\r\n export function validateForm(e: any) {\r\n const form = $(\"#CreateEicForm\").dxForm(\"instance\");\r\n const formData = form.option(\"formData\");\r\n\r\n if (Areas.isEmpty(formData.ProjectId) && Areas.isEmpty(formData.ProjectName)) {\r\n return false;\r\n }\r\n\r\n return true;\r\n }\r\n}","namespace Areas.Dialogs.CreateRequest {\r\n \"use strict\";\r\n\r\n export class CreateRequestDialog extends Areas.BaseDialog {\r\n\r\n constructor(closeHandler: (dialogResult: DialogResult, data: any) => void) {\r\n super(\"CreateRequest\", closeHandler);\r\n }\r\n\r\n protected ok = (e: any) => {\r\n const form = $(\"#CreateRequestForm\").dxForm(\"instance\");\r\n const result: any = form.validate();\r\n\r\n if (result.isValid) {\r\n\r\n const newData: any = form.option(\"formData\");\r\n newData.ProjectInitiationType = form.option(\"ProjectInitiationType\");\r\n sendRequest(\"/Dialog/CreateRequest/Post\", JSON.stringify(newData), \"POST\", () => {\r\n this.close(DialogResult.Ok, null);\r\n });\r\n }\r\n }\r\n }\r\n\r\n export function nextHistorical() {\r\n showCreateForm();\r\n showHistoricalExplanation();\r\n $(\"#CreateRequestForm\").dxForm(\"instance\").option(\"ProjectInitiationType\", \"Historical\");\r\n $(\"#CreateRequestOkDialog\").dxButton(\"instance\").option(\"text\", \"Create Historical\");\r\n }\r\n\r\n export function nextNew() {\r\n showCreateForm();\r\n showNewExplanation();\r\n $(\"#CreateRequestForm\").dxForm(\"instance\").option(\"ProjectInitiationType\", \"New\");\r\n $(\"#CreateRequestOkDialog\").dxButton(\"instance\").option(\"text\", \"Create New\");\r\n }\r\n\r\n export function back() {\r\n showInformation();\r\n $(\"#CreateRequestForm\").dxForm(\"instance\").option(\"ProjectInitiationType\", \"\");\r\n $(\"#CreateRequestOkDialog\").dxButton(\"instance\").option(\"text\", \"Create\");\r\n }\r\n\r\n function showCreateForm() {\r\n $(\"#Information\").hide(\"slow\");\r\n $(\"#MainForm\").show(\"slow\");\r\n }\r\n\r\n function showHistoricalExplanation() {\r\n $(\"#HistoricalExplanation\").show();\r\n $(\"#NewExplanation\").hide();\r\n }\r\n\r\n function showNewExplanation() {\r\n $(\"#HistoricalExplanation\").hide();\r\n $(\"#NewExplanation\").show(); \r\n }\r\n\r\n function showInformation() {\r\n $(\"#Information\").show(\"slow\");\r\n $(\"#MainForm\").hide(\"slow\");\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.Eic.List {\r\n \"use strict\";\r\n\r\n export function viewLink(cellElement, cellInfo) {\r\n buildCellContent(cellElement,\r\n () => { return cellInfo.key; },\r\n \"View\");\r\n }\r\n\r\n export function showCreate() {\r\n var dialog = new Areas.Dialogs.CreateEic.CreateEicDialog(() => {});\r\n }\r\n\r\n export function create() {\r\n location.href = \"/Eic/Create/Index\";\r\n }\r\n\r\n export function view() {\r\n gotoSelected(\"EicGrid\", \"/Eic/View/Index/\");\r\n }\r\n\r\n export function edit() {\r\n gotoSelected(\"EicGrid\", \"/Eic/Edit/Index/\");\r\n }\r\n\r\n export function review() {\r\n gotoSelected(\"EicGrid\", \"/Eic/Review/Index/\");\r\n }\r\n\r\n export function onGridSelectionChanged(e) {\r\n const rowSelected = e.selectedRowsData.length === 1;\r\n\r\n if (rowSelected) {\r\n const status: string = e.selectedRowsData[0].status;\r\n const canBeModified =\r\n (status !== Constants.EicStatus.deleted\r\n && status !== Constants.EicStatus.completed);\r\n\r\n if (canBeModified) {\r\n if (isEditable(status)) {\r\n enableButton(\"EditButton\");\r\n } else {\r\n disableButton(\"EditButton\");\r\n }\r\n\r\n if (isReviewable(status)) {\r\n enableButton(\"ReviewButton\");\r\n } else {\r\n disableButton(\"ReviewButton\");\r\n }\r\n }\r\n }\r\n\r\n }\r\n\r\n function isEditable(status: string): boolean {\r\n return Constants.eicEditableStatuses.indexOf(status) > -1;\r\n }\r\n\r\n function isReviewable(status: string): boolean {\r\n return Constants.eicReviewableStatuses.indexOf(status) > -1;\r\n }\r\n\r\n var tabItems = Areas.createTabsWithSameController(\"Eic\", [\"InProcess\", \"Completed\", \"Deleted\"], \"List\");\r\n \r\n export function tabInitialized(params: any) {\r\n return Areas.tabInitialized(tabItems)(params);\r\n }\r\n}","namespace Areas.Eic.Review {\r\n \"use strict\";\r\n\r\n export function complete() {\r\n const form = $(\"#EicForm\").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 const componentsGrid = $(\"#ComponentsGrid\").dxDataGrid(\"instance\");\r\n\r\n let iScopeEditor: any = $('#ScopeEditor').dxHtmlEditor('instance');\r\n let iScope = iScopeEditor.option(\"value\");\r\n\r\n data.EICComponentTypes = componentsGrid.getSelectedRowKeys();\r\n data.Scope = iScope;\r\n\r\n sendRequest(\"/Eic/Review/Complete\", JSON.stringify(data), \"PUT\");\r\n }\r\n }\r\n\r\n export function returnToRequestor() {\r\n const verifyReturn = window.confirm(\"Are you sure you would like to RETURN this record?\");\r\n\r\n if (verifyReturn) {\r\n const mainForm = $(\"#EicForm\").dxForm(\"instance\");\r\n\r\n const keyId: any = mainForm.option(\"EicId\");\r\n if (keyId != null) {\r\n sendRequest(`/Eic/Review/ReturnToRequestor/${keyId}`, \"\", \"PUT\");\r\n }\r\n }\r\n }\r\n}","namespace Areas.Eic {\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 userLookupEditTemplate(cellElement, cellInfo) {\r\n return lookupEditTemplate(\"/Eic/User/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 newEicUser(e) {\r\n\r\n var dataGrid = $('#UserInfoGrid').dxDataGrid('instance');\r\n var eicId = dataGrid.option('EicId');\r\n\r\n e.data.eicId = eicId;\r\n }\r\n\r\n export function newEICRecharge(e) {\r\n\r\n var dataGrid = $('#EICRechargeInfoGrid').dxDataGrid('instance');\r\n var EicId = dataGrid.option('EicId');\r\n\r\n e.data.EicId = EicId;\r\n }\r\n}","namespace Areas.Eic {\r\n \"use strict\";\r\n\r\n export function gotoEicList() {\r\n location.href = \"/Eic/List/InProcess\";\r\n }\r\n\r\n\r\n\r\n export function gotoEditFromForm() {\r\n var keyId: any = $('#EicForm').dxForm('instance').option('EicId');\r\n if (keyId != null) {\r\n var linkInfo = \"/EIC/Edit/Index/\" + keyId.toString() + \"\";\r\n location.href = linkInfo;\r\n }\r\n else {\r\n DevExpress.ui.notify(\"Record not selected. Use List instead!\", \"warning\", 2000);\r\n }\r\n }\r\n\r\n export function gotoReviewFromForm() {\r\n var keyId: any = $('#EicForm').dxForm('instance').option('EicId');\r\n if (keyId != null) {\r\n var linkInfo = \"/EIC/Review/Index/\" + keyId.toString() + \"\";\r\n location.href = linkInfo;\r\n }\r\n else {\r\n DevExpress.ui.notify(\"Record not selected. Use List instead!\", \"warning\", 2000);\r\n }\r\n }\r\n\r\n export function create() {\r\n const form = $(\"#EicForm\").dxForm(\"instance\");\r\n const result: any = form.validate();\r\n\r\n let iScopeEditor: any = $('#ScopeEditor').dxHtmlEditor('instance');\r\n let iScope = iScopeEditor.option(\"value\");\r\n\r\n if (result.isValid) {\r\n const newData: any = form.option(\"formData\");\r\n const componentsGrid = $(\"#ComponentsGrid\").dxDataGrid(\"instance\");\r\n newData.EicComponentTypes = componentsGrid.getSelectedRowKeys();\r\n newData.Scope = iScope;\r\n sendRequest(\"/Eic/Create/Post\", JSON.stringify(newData), \"POST\");\r\n }\r\n }\r\n\r\n export function deleteEic() {\r\n const verifyDelete = window.confirm(\"Are you sure you would like to DELETE this record?\");\r\n\r\n if (verifyDelete) {\r\n const mainForm = $(\"#EicForm\").dxForm(\"instance\");\r\n\r\n const keyId: any = mainForm.option(\"EicId\");\r\n if (keyId != null) {\r\n sendRequest(`/Eic/Edit/Delete/${keyId}`, \"\", \"DELETE\");\r\n }\r\n }\r\n }\r\n\r\n export function save() {\r\n const form = $(\"#EicForm\").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 const componentsGrid = $(\"#ComponentsGrid\").dxDataGrid(\"instance\");\r\n\r\n let iScopeEditor: any = $('#ScopeEditor').dxHtmlEditor('instance');\r\n let iScope = iScopeEditor.option(\"value\");\r\n\r\n data.EICComponentTypes = componentsGrid.getSelectedRowKeys();\r\n data.Scope = iScope;\r\n\r\n sendRequest(\"/Eic/Edit/Put\", JSON.stringify(data), \"PUT\");\r\n }\r\n }\r\n\r\n export function submit() {\r\n const form = $(\"#EicForm\").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 const componentsGrid = $(\"#ComponentsGrid\").dxDataGrid(\"instance\");\r\n\r\n let iScopeEditor: any = $('#ScopeEditor').dxHtmlEditor('instance');\r\n let iScope = iScopeEditor.option(\"value\");\r\n\r\n data.EICComponentTypes = componentsGrid.getSelectedRowKeys();\r\n data.Scope = iScope;\r\n\r\n sendRequest(\"/Eic/Edit/Submit\", JSON.stringify(data), \"PUT\");\r\n }\r\n }\r\n\r\n export function onComponentGridContentReady(e: any) {\r\n var eicId = e.component.option(\"EicId\") as number;\r\n getEicEicComponentTypes(eicId);\r\n }\r\n\r\n export function onScopeEditorContentReady(e: any) {\r\n var scopeDesc = e.component.option(\"scopeDescription\");\r\n e.component.option(\"value\", scopeDesc);\r\n }\r\n\r\n export function getEicEicComponentTypes(eicId: number) {\r\n var componentsGrid = $(\"#ComponentsGrid\").dxDataGrid(\"instance\");\r\n\r\n $.ajax({\r\n url: `/Eic/Edit/GetEicEicComponentTypes/${eicId}`,\r\n method: \"GET\",\r\n contentType: \"application/json\",\r\n success: (data) => {\r\n componentsGrid.selectRows(data, false);\r\n },\r\n error: () => {\r\n DevExpress.ui.notify(\"Error getting components for EIC.\", \"error\", 2000);\r\n }\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}","namespace Areas.Maintenance.List {\r\n \"use strict\";\r\n\r\n var selected: Selected = new Selected();\r\n\r\n var eicMaintenanceTabItems = Areas.createTabsWithSameAction(\"Maintenance\", \"List\",\r\n [\"EicComponentType\", \"EicStatus\"])\r\n\r\n var importedMaintenanceTabItems = Areas.createTabsWithSameAction(\"Maintenance\", \"List\",\r\n [\"AuthorizedUser\", \"RoleType\"])\r\n\r\n var initiationMaintenanceTabItems = Areas.createTabsWithSameAction(\"Maintenance\", \"List\",\r\n [\"BudgetType\", \"Department\", \"ProjectInfoStatus\"])\r\n\r\n var systemMaintenanceTabItems = Areas.createTabsWithSameAction(\"Maintenance\", \"List\",\r\n [\"SystemConfigSettings\", \"SystemProcessEmails\", \"SystemUsers\"])\r\n\r\n\r\n export function eicMaintenanceTabInitialized(params: any) {\r\n return Areas.tabInitialized(eicMaintenanceTabItems)(params);\r\n }\r\n\r\n export function importedMaintenanceTabInitialized(params: any) {\r\n return Areas.tabInitialized(importedMaintenanceTabItems)(params);\r\n }\r\n\r\n export function initiationMaintenanceTabInitialized(params: any) {\r\n return Areas.tabInitialized(initiationMaintenanceTabItems)(params);\r\n }\r\n\r\n export function systemMaintenanceTabInitialized(params: any) {\r\n return Areas.tabInitialized(systemMaintenanceTabItems)(params);\r\n }\r\n}\r\n","namespace Areas.Requests.List {\r\n \"use strict\";\r\n \r\n export function create() {\r\n var dialog = new Areas.Dialogs.CreateRequest.CreateRequestDialog(() => {});\r\n }\r\n\r\n export function viewLink(cellElement:any, cellInfo:any) {\r\n buildCellContent(cellElement,\r\n () => { return cellInfo.key; },\r\n \"View\");\r\n }\r\n\r\n export function view() {\r\n gotoSelected(\"ProjectGrid\", \"/Requests/View/Index/\");\r\n }\r\n\r\n export function edit() {\r\n gotoSelected(\"ProjectGrid\", \"/Requests/Edit/Index/\");\r\n }\r\n\r\n export function review() {\r\n gotoSelected(\"ProjectGrid\", \"/Requests/Review/Index/\");\r\n }\r\n\r\n export function onCellPrepared(e: any) {\r\n if (e.rowType !== \"data\") {\r\n return;\r\n }\r\n\r\n setHistoricalCellBackground(e);\r\n setStatusCellBackground(e);\r\n }\r\n\r\n function setHistoricalCellBackground(e) {\r\n var isHistoricalDataCell = e.column.dataField === \"isHistorical\";\r\n\r\n if (isHistoricalDataCell) {\r\n if (e.data.isHistorical) {\r\n e.cellElement.css(\"background-color\", \"#FFA07A\");\r\n }\r\n }\r\n }\r\n\r\n function setStatusCellBackground(e) {\r\n var isStatusDataCell = e.column.dataField === \"status\";\r\n\r\n if (isStatusDataCell) {\r\n if (e.data.status === 'Approved') {\r\n e.cellElement.css('background-color', '#90EE90');\r\n } else if (e.data.status === 'HOLD') {\r\n e.cellElement.css('background-color', 'yellow');\r\n } else if (e.data.status === 'DELETED') {\r\n e.cellElement.css('background-color', 'red');\r\n } \r\n }\r\n }\r\n\r\n export function onGridSelectionChanged(e) {\r\n const rowSelected = e.selectedRowsData.length === 1;\r\n\r\n if (rowSelected) {\r\n const status: string = e.selectedRowsData[0].status;\r\n const canBeModified =\r\n (status !== Constants.ProjectInfoStatus.deleted);\r\n\r\n if (canBeModified) {\r\n if (isEditable(status)) {\r\n enableButton(\"EditButton\");\r\n } else {\r\n disableButton(\"EditButton\");\r\n }\r\n\r\n if (isReviewable(status)) {\r\n enableButton(\"ReviewButton\");\r\n } else {\r\n disableButton(\"ReviewButton\");\r\n }\r\n\r\n if (isReviewable(status)) {\r\n enableButton(\"CompletedReviewButton\");\r\n } else {\r\n disableButton(\"CompletedReviewButton\");\r\n }\r\n }\r\n }\r\n }\r\n\r\n var tabItems = Areas.createTabsWithSameController(\"Requests\", [\"InProcess\", \"Completed\", \"Deleted\"], \"List\");\r\n\r\n export function tabInitialized(params: any) {\r\n return Areas.tabInitialized(tabItems)(params);\r\n }\r\n\r\n}","namespace Areas.Requests.Review {\r\n \"use strict\";\r\n\r\n export function initiationSave() {\r\n const mainForm = $(\"#ProjectInfoUpdateForm\").dxForm(\"instance\");\r\n const result: any = mainForm.validate();\r\n\r\n if (result.isValid) {\r\n const newData = appendProjectInfoData(mainForm);\r\n sendRequest(\"/Requests/Review/Put\", JSON.stringify(newData), \"PUT\");\r\n }\r\n }\r\n\r\n export function releaseHold() {\r\n alert('not implemented');\r\n }\r\n\r\n export function requestHold() {\r\n alert('not implemented');\r\n }\r\n\r\n export function emailCorpAccount() {\r\n const mainForm = $(\"#ProjectInfoUpdateForm\").dxForm(\"instance\");\r\n const keyId: any = mainForm.option(\"ProjectInfoId\");\r\n\r\n const afterSuccessfulCompletion = () => {\r\n hideButton(\"EmailCorpAccountButton\");\r\n refreshGrid(\"EventGrid\");\r\n };\r\n\r\n sendRequest(`/Requests/Review/PlantAccountRequest/${keyId}`, \"\", \"PUT\", afterSuccessfulCompletion);\r\n }\r\n\r\n export function prelimApprove() {\r\n const mainForm = $(\"#ProjectInfoUpdateForm\").dxForm(\"instance\");\r\n const keyId: any = mainForm.option(\"ProjectInfoId\");\r\n\r\n sendRequest(`/Requests/Review/PrelimApprove/${keyId}`, \"\", \"PUT\");\r\n }\r\n\r\n export function planningReview() {\r\n const mainForm = $(\"#ProjectInfoUpdateForm\").dxForm(\"instance\");\r\n const keyId: any = mainForm.option(\"ProjectInfoId\");\r\n\r\n sendRequest(`/Requests/Review/PlanningReview/${keyId}`, \"\", \"PUT\");\r\n }\r\n\r\n export function approve() {\r\n const mainForm = $(\"#ProjectInfoUpdateForm\").dxForm(\"instance\");\r\n const result: any = mainForm.validate();\r\n\r\n if (result.isValid) {\r\n const newData = appendProjectInfoData(mainForm);\r\n sendRequest(\"/Requests/Review/Approve\", JSON.stringify(newData), \"PUT\");\r\n }\r\n }\r\n\r\n export function complete() {\r\n const mainForm = $(\"#ProjectInfoUpdateForm\").dxForm(\"instance\");\r\n const keyId: any = mainForm.option(\"ProjectInfoId\");\r\n\r\n sendRequest(`/Requests/Review/Complete/${keyId}`, \"\", \"PUT\");\r\n }\r\n\r\n export function emailStatus() {\r\n const mainForm = $(\"#ProjectInfoUpdateForm\").dxForm(\"instance\");\r\n const keyId: any = mainForm.option(\"ProjectInfoId\");\r\n\r\n sendRequest(`/Requests/Review/EmailStatus/${keyId}`, \"\", \"PUT\");\r\n }\r\n\r\n export function initiationReturnToRequestor() {\r\n const verifyReturn = window.confirm(\"Are you sure you would like to RETURN this record?\");\r\n\r\n if (verifyReturn) {\r\n const mainForm = $(\"#ProjectInfoUpdateForm\").dxForm(\"instance\");\r\n\r\n const keyId: any = mainForm.option(\"ProjectInfoId\");\r\n if (keyId != null) {\r\n sendRequest(`/Requests/Review/ReturnToRequestor/${keyId}`, \"\", \"PUT\");\r\n }\r\n } \r\n }\r\n\r\n function appendProjectInfoData(mainForm: DevExpress.ui.dxForm) : any {\r\n const rechargeForm = $(\"#RechargeForm\").dxForm(\"instance\");\r\n const planningForm = $(\"#PlanningForm\").dxForm(\"instance\");\r\n const accountingForm = $(\"#AccountingForm\").dxForm(\"instance\");\r\n\r\n const newData: any = mainForm.option(\"formData\");\r\n const rechargeData: any = rechargeForm.option(\"formData\");\r\n const planningData: any = planningForm.option(\"formData\");\r\n const accountingData: any = accountingForm.option(\"formData\");\r\n\r\n const iRequestorScopeEditor: any = $('#RequestorScopeEditor').dxHtmlEditor('instance');\r\n const iRequestorScope = iRequestorScopeEditor.option(\"value\");\r\n\r\n const iScopeEditor: any = $('#ScopeEditor').dxHtmlEditor('instance');\r\n const iScope = iScopeEditor.option(\"value\");\r\n\r\n newData.RequestorScope = iRequestorScope;\r\n newData.Scope = iScope;\r\n\r\n newData.IsClientFunded = rechargeData.IsClientFunded;\r\n newData.FundingNotes = rechargeData.FundingNotes;\r\n\r\n newData.ProjectNumber = accountingData.ProjectNumber;\r\n newData.ProjectCCNumber = accountingData.ProjectCCNumber;\r\n newData.DurationStartDate = accountingData.DurationStartDate;\r\n newData.AccountId = accountingData.AccountId;\r\n\r\n newData.ProjectName = planningData.ProjectName;\r\n newData.RequestNumber = planningData.RequestNumber;\r\n newData.ProjectCCType = planningData.ProjectCCType;\r\n newData.ProjectCCName = planningData.ProjectCCName;\r\n newData.FundingAmount = planningData.FundingAmount;\r\n newData.DurationMonths = planningData.DurationMonths;\r\n\r\n return newData;\r\n }\r\n\r\n}","namespace Areas.Requests {\r\n \"user 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 userLookupEditTemplate(cellElement, cellInfo) {\r\n return lookupEditTemplate(\"/Requests/ProjectInfoUser/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 newProjectInfoUser(e) {\r\n\r\n var dataGrid = $('#UserInfoGrid').dxDataGrid('instance');\r\n var projectInfoId = dataGrid.option('ProjectInfoId');\r\n\r\n e.data.projectInfoId = projectInfoId;\r\n }\r\n\r\n export function newProjectInfoRecharge(e) {\r\n\r\n var dataGrid = $('#RechargeInfoGrid').dxDataGrid('instance');\r\n var projectInfoId = dataGrid.option('ProjectInfoId');\r\n\r\n e.data.projectInfoId = projectInfoId;\r\n }\r\n}","namespace Areas.Requests {\r\n \"use strict\";\r\n\r\n\r\n export function gotoInspectionInProcessList() {\r\n location.href = \"/Requests/List/InProcess\";\r\n }\r\n\r\n export function gotoProjectWebsite() {\r\n var keyId: any = $('#ProjectInfoUpdateForm').dxForm('instance').option('AccountId');\r\n if (keyId != null) {\r\n var linkInfo = \"https://project.capnet.ucla.edu/Account/CIB/View/\" + keyId.toString() + \"\";\r\n location.href = linkInfo;\r\n }\r\n else { \r\n DevExpress.ui.notify(\"Record does not have an Account Link !\", \"warning\", 2000);\r\n }\r\n }\r\n\r\n export function deleteInitiation() {\r\n const verifyDelete = window.confirm(\"Are you sure you would like to DELETE this record?\");\r\n\r\n if (verifyDelete) {\r\n const mainForm = $(\"#ProjectInfoUpdateForm\").dxForm(\"instance\");\r\n\r\n const keyId: any = mainForm.option(\"ProjectInfoId\");\r\n if (keyId != null) {\r\n sendRequest(`/Requests/Edit/Delete/${keyId}`, \"\", \"DELETE\");\r\n }\r\n }\r\n }\r\n\r\n export function saveInitiation() {\r\n const mainForm = $(\"#ProjectInfoUpdateForm\").dxForm(\"instance\");\r\n const rechargeForm = $(\"#RechargeForm\").dxForm(\"instance\");\r\n const projectInfoId = mainForm.option(\"ProjectInfoId\");\r\n\r\n let iRequestorScopeEditor: any = $('#RequestorScopeEditor').dxHtmlEditor('instance');\r\n let iRequestorScope = iRequestorScopeEditor.option(\"value\");\r\n\r\n\r\n const newData: any = mainForm.option(\"formData\");\r\n const rechargeData: any = rechargeForm.option(\"formData\");\r\n const result: any = mainForm.validate();\r\n\r\n if (result.isValid) {\r\n newData.RequestorScope = iRequestorScope;\r\n newData.IsClientFunded = rechargeData.IsClientFunded;\r\n newData.FundingNotes = rechargeData.FundingNotes;\r\n\r\n sendRequest(`/Requests/Edit/Put/${projectInfoId}`, JSON.stringify(newData), \"PUT\");\r\n }\r\n\r\n }\r\n\r\n export function submitInitiation() {\r\n\r\n let iRequestorScopeEditor: any = $('#RequestorScopeEditor').dxHtmlEditor('instance');\r\n let iRequestorScope = iRequestorScopeEditor.option(\"value\");\r\n\r\n const mainForm = $(\"#ProjectInfoUpdateForm\").dxForm(\"instance\");\r\n const rechargeForm = $(\"#RechargeForm\").dxForm(\"instance\");\r\n\r\n const newData: any = mainForm.option(\"formData\");\r\n const rechargeData: any = rechargeForm.option(\"formData\");\r\n const result: any = mainForm.validate();\r\n\r\n if (result.isValid) {\r\n newData.RequestorScope = iRequestorScope;\r\n newData.IsClientFunded = rechargeData.IsClientFunded;\r\n newData.FundingNotes = rechargeData.FundingNotes;\r\n\r\n sendRequest(\"/Requests/Edit/Submit\", JSON.stringify(newData), \"PUT\");\r\n }\r\n }\r\n\r\n export function onRequestorScopeEditorContentReady(e: any) {\r\n var scopeDesc = e.component.option(\"requestorScopeDescription\");\r\n e.component.option(\"value\", scopeDesc);\r\n }\r\n\r\n export function onScopeEditorContentReady(e: any) {\r\n var scopeDesc = e.component.option(\"scopeDescription\");\r\n e.component.option(\"value\", scopeDesc);\r\n }\r\n\r\n export function gotoEditFromForm() {\r\n var keyId: any = $('#ProjectInfoUpdateForm').dxForm('instance').option('ProjectInfoId');\r\n if (keyId != null) {\r\n var linkInfo = \"/Requests/Edit/Index/\" + keyId.toString() + \"\";\r\n location.href = linkInfo;\r\n }\r\n else {\r\n DevExpress.ui.notify(\"Record not selected. Use List instead!\", \"warning\", 2000);\r\n }\r\n }\r\n\r\n export function gotoReviewFromForm() {\r\n var keyId: any = $('#ProjectInfoUpdateForm').dxForm('instance').option('ProjectInfoId');\r\n if (keyId != null) {\r\n var linkInfo = \"/Requests/Review/Index/\" + keyId.toString() + \"\";\r\n location.href = linkInfo;\r\n }\r\n else {\r\n DevExpress.ui.notify(\"Record not selected. Use List instead!\", \"warning\", 2000);\r\n }\r\n }\r\n\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 onBeforeSendSave(e, f) {\r\n if (e === \"update\") {\r\n var grid = $(\"#BudgetGrid\").dxDataGrid(\"instance\");\r\n var projectInfoId = grid.option(\"ProjectInfoId\");\r\n f.data.projectInfoId = projectInfoId;\r\n }\r\n }\r\n\r\n export function addAmendment(b) {\r\n var projectInfoId = b.component.option(\"ProjectInfoId\");\r\n sendRequest(`/Requests/Review/AddAmendment/${projectInfoId}`, null, \"PUT\");\r\n }\r\n\r\n export function versionLink(cellElement, cellInfo) {\r\n var status = cellInfo.data.status;\r\n var userIsEditing = location.href.indexOf(\"Edit\") >= 0;\r\n var userIsReviewing = location.href.lastIndexOf(\"Review\") >= 0;\r\n let urlLink = \"View\";\r\n\r\n if (isReviewable(status) && userIsReviewing) {\r\n urlLink = \"Review\";\r\n } else if (isEditable(status) && userIsEditing) {\r\n urlLink = \"View\";\r\n };\r\n\r\n buildCellContent(cellElement,\r\n () => { return cellInfo.key; },\r\n urlLink);\r\n }\r\n\r\n export function isEditable(status: string): boolean {\r\n return Constants.projectInfoEditableStatuses.indexOf(status) > -1;\r\n }\r\n\r\n export function isReviewable(status: string): boolean {\r\n return Constants.projectInfoReviewableStatuses.indexOf(status) > -1;\r\n }\r\n\r\n export function budgetEntry(cellElement, cellInfo) {\r\n\r\n if (cellInfo.data.entryAmount) {\r\n cellElement.html(cellInfo.text);\r\n }\r\n cellElement.css(\"background-color\", \"lightgoldenrodyellow\");\r\n\r\n }\r\n\r\n export function onVersionCellPrepared(e: any) {\r\n if (e.rowType !== \"data\") {\r\n return;\r\n }\r\n\r\n setRowBackground(e);\r\n }\r\n\r\n function setRowBackground(e: any) {\r\n var projectInfoId: number = e.component.option(\"ProjectInfoId\") as number;\r\n\r\n if (e.data.projectInfoId === projectInfoId) {\r\n e.cellElement.css(\"background-color\", \"#FFA07A\");\r\n }\r\n }\r\n}"]}
${itemData.contractNameTypeAmount}
`);\r\n }\r\n\r\n\r\n //contractorContact Lookup (from Account Team)\r\n export function contactLookupItem(itemData: any, itemIndex: any, itemElement: any) {\r\n itemElement.append(\r\n `${itemData.displayNameCompanyNameRole}
`);\r\n } \r\n\r\n //account Lookup\r\n export function accountLookupItem(itemData: any, itemIndex: any, itemElement: any) {\r\n itemElement.append(`${itemData.projectCCNumberName}
`);\r\n }\r\n\r\n //project Lookup\r\n export function projectLookupItem(itemData: any, itemIndex: any, itemElement: any) {\r\n itemElement.append(`${itemData.projectNumberName}
`);\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 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}","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