\").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 = Areas.getForm(\"ProjectInfoUpdateForm\");\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: 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 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.loginName;\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 export function lookupEditTemplateUserName(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: \"userName\",\r\n value: cellInfo.data.userId,\r\n searchExpr: [\"userName\", \"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}\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 export 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 getOptionFromForm(formName: string, optionName: string) : any {\r\n return getForm(formName).option(optionName);\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 export function goBack() {\r\n window.history.back();\r\n }\r\n\r\n}","namespace Areas {\r\n \"use strict\";\r\n export function addToFavorite(e: any) {\r\n const dialog = new Areas.Dialogs.CreateFavorite.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 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}","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 this.addSetMode();\r\n } \r\n\r\n private addTrackGridSelection() {\r\n this.grid.on(\"selectionChanged\", this.onSelectionChanged());\r\n }\r\n\r\n private addSetMode() {\r\n // adding a function to the grid so that if grid uses popup form mode\r\n // then we can change the grid's mode externally\r\n this.grid[\"setMode\"] = (mode) => this.gridMode = mode;\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 }\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 }\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.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.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 if (gridCell.value != null) {\r\n if (gridCell.column.dataField == \"userComments\"\r\n || gridCell.column.dataField === \"userInstructions\") {\r\n excelCell.value = gridCell.value.replace(/<\\/?[^>]+(>|$)/g, \"\");\r\n }\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, getAlternateId: (any) => string = null) {\r\n const dataGrid = $(`#${gridName}`).dxDataGrid(\"instance\");\r\n const dataId = dataGrid.getSelectedRowKeys()[0];\r\n\r\n if (dataId != null) {\r\n if (getAlternateId != null) {\r\n const row = dataGrid.getSelectedRowsData()[0];\r\n location.href = url + getAlternateId(row);\r\n }\r\n else {\r\n location.href = url + dataId;\r\n }\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 refreshGridAndGoToKey(id: string, key: number) {\r\n $(`#${id}`).dxDataGrid(\"instance\").refresh();\r\n $(`#${id}`).dxDataGrid(\"instance\").selectRows(key[0], true);\r\n \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\r\n export function setRowBackgroundForCurrentRecord(keyName: string) {\r\n return (e: any) => {\r\n if (e.rowType !== \"data\") {\r\n return;\r\n }\r\n\r\n const cellIsInRowOfCurrentRecord = e.data[keyName] === e.component.option(keyName);\r\n\r\n if (cellIsInRowOfCurrentRecord) {\r\n e.cellElement.css(\"background-color\", \"#FFA07A\");\r\n }\r\n }\r\n } \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 customStateStore(e);\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.Contract {\r\n \"use strict\";\r\n\r\n var tabItems = Areas.createTabsWithSameController(\"Analysis\", [\"InProcess\", \"Closed\", \"InProcessPivot\"],\r\n \"Contract\");\r\n\r\n export function tabInitialized(params: any) {\r\n return Areas.tabInitialized(tabItems)(params);\r\n }\r\n\r\n const viewUrl = \"/Workflows/View/Index/\";\r\n\r\n export function viewLink(cellElement, cellInfo) {\r\n buildCellContent(cellElement, () => { return cellInfo.data.workflowId; },\r\n `View`);\r\n }\r\n\r\n export function gotoView() {\r\n gotoSelected(getDataGridName(), viewUrl);\r\n }\r\n\r\n export function gotoEdit() {\r\n gotoSelected(getDataGridName(), \"/Workflows/Edit/Index/\");\r\n }\r\n\r\n function getDataGridName(): string {\r\n var url = window.location.href;\r\n if (url.indexOf(\"MyTasks\") > 0)\r\n return \"MyTasksWorkflowGrid\";\r\n else if (url.indexOf(\"InProcess\") > 0)\r\n return \"InProcessWorkflowGrid\";\r\n else if (url.indexOf(\"Closed\") > 0)\r\n return \"ClosedWorkflowGrid\";\r\n };\r\n}","namespace Areas.Analysis.Engineering {\r\n \"use strict\";\r\n\r\n var tabItems = Areas.createTabsWithSameController(\"Analysis\", [\"InProcess\", \"Closed\", \"InProcessPivot\"],\r\n \"Engineering\");\r\n\r\n export function tabInitialized(params: any) {\r\n return Areas.tabInitialized(tabItems)(params);\r\n }\r\n\r\n const viewUrl = \"/Workflows/View/Index/\";\r\n\r\n export function viewLink(cellElement, cellInfo) {\r\n buildCellContent(cellElement, () => { return cellInfo.data.workflowId; },\r\n `View`);\r\n }\r\n\r\n export function gotoView() {\r\n gotoSelected(getDataGridName(), viewUrl);\r\n }\r\n\r\n export function gotoEdit() {\r\n gotoSelected(getDataGridName(), \"/Workflows/Edit/Index/\");\r\n }\r\n\r\n function getDataGridName() : string {\r\n var url = window.location.href;\r\n //if (url.indexOf(\"MyTasks\") > 0)\r\n // return \"MyTasksWorkflowGrid\";\r\n //else\r\n if (url.indexOf(\"InProcess\") > 0)\r\n return \"InProcessWorkflowGrid\";\r\n else if (url.indexOf(\"Closed\") > 0)\r\n return \"ClosedWorkflowGrid\";\r\n };\r\n}","namespace Areas.Analysis {\r\n \"use strict\";\r\n\r\n const tabItems = Areas.createTabsWithSameController(\"Analysis\",\r\n [\"Created\", \"InProcess\", \"Completed\", \"Template\", \"Deleted\"], \"Workflow\");\r\n\r\n export function tabInitialized(params: any) {\r\n return Areas.tabInitialized(tabItems)(params);\r\n }\r\n\r\n const viewUrl = \"/Workflows/View/Index/\";\r\n\r\n export function gotoView() {\r\n gotoSelected(getDataGridName(), viewUrl, (row) => { return row.workflowId; });\r\n }\r\n\r\n export function viewLink(cellElement, cellInfo) {\r\n buildCellContent(cellElement, () => { return cellInfo.data.workflowId; },\r\n `View`);\r\n }\r\n\r\n export function cellPreparedPivotGrid(e: any) {\r\n if (isWorkflowNameColumn(e) || isWorkflowLinkColumn(e) || isWorkflowDateColumn(e)) {\r\n const workflowLink = e.cell.text;\r\n e.cellElement.html(workflowLink);\r\n } else if (isWorkflowDetailIdColumn(e)) {\r\n e.cellElement.html(\"\");\r\n }\r\n else if (isDataColumn(e)) {\r\n setContent(e);\r\n }\r\n }\r\n\r\n export function calculateSummaryValue(args) {\r\n if (args.field(\"row\")) {\r\n if (args.field(\"row\").dataField === \"workflowName\"\r\n || args.field(\"row\").dataField === \"projectName\"\r\n || args.field(\"row\").dataField === \"displayDueDate\"\r\n ) {\r\n return \"\"; //Show blank on the workflowName and projectName summary row\r\n }\r\n else {\r\n return args.value(\"html\") || \"\"; //Return an empty string if value is null to prevent cell from being hidden\r\n }\r\n }\r\n }\r\n\r\n function getDataGridName() : string {\r\n const url = window.location.href;\r\n if (url.indexOf(\"Approve\") > 0)\r\n return \"AnalysisApproveWorkflowGrid\";\r\n else if (url.indexOf(\"Created\") > 0)\r\n return \"AnalysisCreatedWorkflowGrid\";\r\n else if (url.indexOf(\"InProcess\") > 0)\r\n return \"AnalysisInProcessWorkflowGrid\";\r\n else if (url.indexOf(\"Completed\") > 0)\r\n return \"AnalysisCompletedWorkflowGrid\";\r\n else if (url.indexOf(\"Template\") > 0)\r\n return \"AnalysisTemplatesWorkflowGrid\";\r\n else if (url.indexOf(\"Deleted\") > 0)\r\n return \"AnalysisDeletedWorkflowGrid\";\r\n };\r\n\r\n function isWorkflowNameColumn(e: any): boolean {\r\n return e.area === \"row\" && e.cell.path && e.cell.path.length === 2;\r\n }\r\n\r\n function isWorkflowDateColumn(e: any): boolean {\r\n return e.area === \"row\" && e.cell.path && e.cell.path.length === 3;\r\n }\r\n\r\n function isWorkflowLinkColumn(e: any): boolean {\r\n return e.area === \"row\" && e.cell.path && e.cell.path.length === 4;\r\n }\r\n\r\n function isWorkflowDetailIdColumn(e: any): boolean {\r\n return e.area === \"row\" && e.cell.path && e.cell.path.length === 5;\r\n }\r\n\r\n function isDataColumn(e: any): boolean {\r\n return e.area === \"data\" && e.cell.text !== \"undefined\" && e.cell.text !== \"\";\r\n }\r\n\r\n function setContent(e: any) {\r\n const data = e.cell.text.split(\"|\");\r\n const [user, actionTaken, dateActionTaken] = data;\r\n let content = user + \"
\" + actionTaken;\r\n\r\n if (dateActionTaken) {\r\n const date = new Date(dateActionTaken);\r\n\r\n content = content + \"
\" + formatDateTime(date);\r\n }\r\n\r\n if (!dateActionTaken) {\r\n e.cellElement.css(\"background-color\", \"#fafad2\" );\r\n }\r\n\r\n e.cellElement.html(content);\r\n }\r\n\r\n}","namespace Areas.Attachment {\r\n \"use strict\";\r\n\r\n export function onValueChanged(e) {\r\n const newValue = e.value;\r\n if (newValue != e.previousValue) {\r\n const uploader = $(\"#fileUploaderControl\").dxFileUploader(\"instance\");\r\n let url = uploader.option(\"uploadUrl\");\r\n url = updateQueryStringParameter(url, \"fileDescription\", newValue);\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 const iconSource = cellInfo.data.icon;\r\n const img = `
`;\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 Areas.refreshGrid(\"attachmentDataGrid\");\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.CollaborationAreas {\r\n \"use strict\";\r\n\r\n let formCrudOps: FormCrudOperations;\r\n $(() => { init(); });\r\n\r\n function init() {\r\n formCrudOps = new FormCrudOperations(\"CollaborationAreas\");\r\n }\r\n\r\n export function insertRecord(e: any) {\r\n formCrudOps.insertRecord();\r\n }\r\n\r\n export function updateRecord(e: any) {\r\n formCrudOps.updateRecord();\r\n }\r\n\r\n export function deleteRecord() {\r\n formCrudOps.deleteRecord();\r\n }\r\n}","namespace Areas.CollaborationAreas.Folders {\r\n \"use strict\";\r\n\r\n let selectedItem: any;\r\n let treeView: DevExpress.ui.dxTreeView;\r\n let attachmentGrid: DevExpress.ui.dxDataGrid;\r\n\r\n const CollaborationAreaFolderIdentifier = \"CollaborationAreaFolderId\";\r\n const AddButtonName = \"AddCollaborationAreaFolder\";\r\n const EditButtonName = \"EditCollaborationAreaFolder\";\r\n const DeleteButtonName = \"DeleteCollaborationAreaFolder\";\r\n\r\n $(() => { init(); });\r\n\r\n function init() {\r\n attachmentGrid = $(\"#attachmentDataGrid\").dxDataGrid(\"instance\");\r\n treeView = $(\"#CollaborationAreaFolderTree\").dxTreeView(\"instance\");\r\n }\r\n\r\n export function folderSelected(e: any) {\r\n selectedItem = e.node.itemData;\r\n\r\n disableButtons();\r\n\r\n if (location.href.toLowerCase().indexOf(\"edit\") <0) {\r\n return;\r\n }\r\n\r\n if (isRootItem(selectedItem)) {\r\n Areas.enableButton(AddButtonName);\r\n } else {\r\n enableButtons();\r\n }\r\n\r\n applySelectedItemStyle(e);\r\n filterAttachmentGrid(selectedItem);\r\n updateUploadControl(selectedItem);\r\n }\r\n\r\n export function add() {\r\n const collaborationAreaId: any = treeView.option(\"CollaborationAreaId\");\r\n\r\n const parameters = { \r\n parentFolderName: selectedItem.text,\r\n data: { \r\n collaborationAreaId: collaborationAreaId,\r\n name: \"\",\r\n parentId: selectedItem.id \r\n } \r\n };\r\n\r\n const dialog = new Areas.Dialogs.CreateCollaborationAreaFolder.CreateCollaborationAreaFolderDialog(\r\n dialogClosing, parameters);\r\n }\r\n\r\n function dialogClosing(dialogResult: DialogResult, data: any) {\r\n const dataGrid: any = $(\"#DailyReportTemplateGrid\").dxDataGrid(\"instance\");\r\n refreshTreeView();\r\n }\r\n\r\n export function edit() {\r\n const parameters = { \r\n name: selectedItem.text,\r\n id: selectedItem.id \r\n };\r\n\r\n const dialog = new Areas.Dialogs.EditCollaborationAreaFolder.EditCollaborationAreaFolderDialog(\r\n dialogClosing, parameters\r\n )\r\n }\r\n\r\n export function remove() {\r\n const confirmed = confirm(\"Are you sure you want to delete this folder?\");\r\n\r\n if (!confirmed) return;\r\n\r\n sendRequest(`/CollaborationAreas/Folders/Delete/${selectedItem.id}`, null, \"DELETE\", () => refreshTreeView());\r\n }\r\n\r\n function refreshTreeView() {\r\n const source: any = treeView.option(\"dataSource\");\r\n treeView.option(\"dataSource\", source);\r\n attachmentGrid.clearFilter();\r\n selectedItem = null;\r\n disableButtons();\r\n }\r\n\r\n function disableButtons() {\r\n Areas.disableButton(AddButtonName);\r\n Areas.disableButton(EditButtonName);\r\n Areas.disableButton(DeleteButtonName);\r\n }\r\n\r\n function enableButtons() {\r\n Areas.enableButton(AddButtonName);\r\n Areas.enableButton(EditButtonName);\r\n Areas.enableButton(DeleteButtonName);\r\n }\r\n\r\n function isRootItem(item: any) {\r\n return item.id === -1;\r\n }\r\n\r\n function updateUploadControl(item: any) {\r\n const id = getId(item);\r\n\r\n const uploader = $(\"#fileUploaderControl\").dxFileUploader(\"instance\");\r\n\r\n if (uploader) {\r\n let url = uploader.option(\"uploadUrl\");\r\n url = Areas.updateQueryStringParameter(url, CollaborationAreaFolderIdentifier, id);\r\n uploader.option(\"uploadUrl\", url); \r\n }\r\n }\r\n\r\n function filterAttachmentGrid(item: any) {\r\n const id = getId(item);\r\n attachmentGrid.clearFilter();\r\n attachmentGrid.filter([CollaborationAreaFolderIdentifier, \"=\", id]);\r\n }\r\n\r\n function getId(item: any) {\r\n return isRootItem(item) ? 0 : item.id;\r\n }\r\n\r\n function applySelectedItemStyle(e: any) {\r\n // The dxTreeView control does not persist the 'selected' style \r\n // when it loses focus so a style must be manually applied to the selected item. \r\n const selectedStyle = \"treeview-selected-item\";\r\n $(\".dx-treeview-item\").removeClass(selectedStyle);\r\n $(e.itemElement).addClass(selectedStyle);\r\n }\r\n}","namespace Areas.CollaborationAreas {\r\n \"use strict\";\r\n\r\n export function gotoCollaborationAreas() {\r\n location.href = \"/CollaborationAreas/List/Index\";\r\n }\r\n\r\n export function gotoProjectFromForm() {\r\n const projectKeyId: any = Areas.getOptionFromForm(\"CollaborationAreasForm\", \"ProjectKeyId\");\r\n\r\n if (projectKeyId != null) {\r\n location.href = `/Projects/View/Index/${projectKeyId}`;\r\n }\r\n }\r\n\r\n export function gotoCreate() {\r\n gotoSelected(\"CollaborationAreasGrid\", \"/CollaborationAreas/Create/Index/\");\r\n }\r\n\r\n export function gotoEdit() {\r\n gotoSelected(\"CollaborationAreasGrid\", \"/CollaborationAreas/Edit/Index/\");\r\n }\r\n\r\n const viewUrl = \"/CollaborationAreas/View/Index/\";\r\n \r\n export function gotoView() {\r\n gotoSelected(\"CollaborationAreasGrid\", viewUrl);\r\n }\r\n\r\n export function viewLink(cellElement, cellInfo) {\r\n buildCellContent(cellElement, () => { return cellInfo.data.collaborationAreaId; },\r\n `View`);\r\n }\r\n\r\n export function sendUserEmail() {\r\n const dataGrid = Areas.getGrid(\"CollaborationAreaUsersGrid\");\r\n const dataId = dataGrid.getSelectedRowKeys()[0];\r\n\r\n if (dataId != null) {\r\n const url = `/CollaborationAreas/Users/ProcessUserEmail/${dataId}`;\r\n Areas.sendRequest(url, null, \"GET\");\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\r\n\r\n\r\n","namespace Areas.CollaborationAreas {\r\n \"use strict\";\r\n \r\n let 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(\"/CollaborationAreas/Users/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 fillId(e) {\r\n\r\n const dataGrid = Areas.getGrid(\"CollaborationAreaUsersGrid\");\r\n const CollaborationAreaId = dataGrid.option('KeyId');\r\n\r\n e.data.CollaborationAreaId = CollaborationAreaId;\r\n e.data.userRole = \"FullAccess\";\r\n e.data.isActive = true;\r\n\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 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.CollaborationAreaLookup {\r\n \"use strict\";\r\n\r\n export class CollaborationAreaLookupDialog extends Areas.BaseDialog {\r\n constructor(closeHandler: (dialogResult: DialogResult, data: any) => void) {\r\n super(\"CollaborationAreaLookup\", closeHandler);\r\n }\r\n\r\n protected ok = (e: any) => {\r\n const dataGrid = $(`#${this.dialogName}Grid`).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.CreateCollaborationAreaFolder {\r\n \"use strict\";\r\n\r\n export class CreateCollaborationAreaFolderDialog extends Areas.BaseDialog {\r\n formName: string;\r\n\r\n constructor(closeHandler: (dialogResult: DialogResult, data: any) => void, parameters: any) {\r\n super(\"CreateCollaborationAreaFolder\", closeHandler, parameters, () => {\r\n this.formName = `${this.dialogName}Form`;\r\n const form = Areas.getForm(this.formName);\r\n form.option(\"formData\", parameters.data);\r\n\r\n $(\"#ParentFolderName\").html(`Parent folder: ${parameters.parentFolderName}`);\r\n });\r\n }\r\n\r\n protected ok = (e: any) => {\r\n const form = Areas.getForm(this.formName);\r\n const result: any = form.validate();\r\n\r\n if (result.isValid) {\r\n const newData: any = form.option(\"formData\");\r\n\r\n sendRequest(\"/Dialog/CreateCollaborationAreaFolder/Post\", JSON.stringify(newData), \"POST\")\r\n .done(() => this.close(DialogResult.Ok,null));\r\n }\r\n }\r\n }\r\n\r\n}","namespace Areas.Dialogs.CreateFavorite {\r\n \"use strict\";\r\n\r\n export class CreateFavoriteDialog extends Areas.BaseDialog {\r\n\r\n constructor(closeHandler: (dialogResult: DialogResult, data: any) => void, parameters: any) {\r\n super(\"CreateFavorite\", closeHandler, parameters, () => {\r\n const form = $(\"#CreateFavoriteForm\").dxForm(\"instance\");\r\n form.option(\"formData\",\r\n { FavoriteName: parameters.favoriteName, urlAddress: location.href });\r\n });\r\n }\r\n\r\n protected ok = (e: any) => {\r\n const form = $(\"#CreateFavoriteForm\").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/CreateFavorite/Post\", JSON.stringify(newData), \"POST\")\r\n .done(() => this.close(DialogResult.Ok,null));\r\n\r\n }\r\n }\r\n }\r\n\r\n}","namespace Areas.Dialogs.EditCollaborationAreaFolder {\r\n \"use strict\";\r\n\r\n export class EditCollaborationAreaFolderDialog extends Areas.BaseDialog {\r\n formName: string;\r\n\r\n constructor(closeHandler: (dialogResult: DialogResult, data: any) => void, parameters: any) {\r\n super(\"EditCollaborationAreaFolder\", closeHandler, parameters, () => {\r\n\r\n this.formName = `${this.dialogName}Form`;\r\n const form = Areas.getForm(this.formName);\r\n form.option(\"formData\", parameters);\r\n });\r\n }\r\n\r\n protected ok = (e: any) => {\r\n const form = Areas.getForm(this.formName);\r\n const result: any = form.validate();\r\n\r\n if (result.isValid) {\r\n const newData: any = form.option(\"formData\");\r\n\r\n sendRequest(`/Dialog/EditCollaborationAreaFolder/Put/${newData.id}`, JSON.stringify(newData), \"PUT\")\r\n .done(() => this.close(DialogResult.Ok,null));\r\n }\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.SharePointProjectLookup {\r\n \"use strict\";\r\n\r\n export class SharePointProjectLookupDialog extends Areas.BaseDialog {\r\n constructor(closeHandler: (dialogResult: DialogResult, data: any) => void) {\r\n super(\"SharePointProjectLookup\", closeHandler);\r\n }\r\n\r\n protected ok = (e: any) => {\r\n const dataGrid = $(`#${this.dialogName}Grid`).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.Favorite {\r\n \"use strict\";\r\n\r\n export function goToFavorite(e: any) {\r\n const grid = Areas.getGrid(\"FavoriteGrid\");\r\n const row = grid.getSelectedRowsData();\r\n\r\n if (row.length == 1) {\r\n location.href = row[0].urlAddress;\r\n }\r\n }\r\n\r\n export function viewLink(cellElement: any, cellInfo: any) {\r\n buildCellContent(cellElement,\r\n () => { return cellInfo.data.urlAddress; },\r\n \"View\");\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 = new Selected();\r\n\r\n export function onUserIdValueChanged(rowData: any, value: any) {\r\n return userValueChanged(selected)(rowData, value);\r\n } \r\n\r\n export function ondlUserIDValueChanged(rowData: any, value: any) {\r\n return userValueChanged(selected)(rowData, value);\r\n }\r\n\r\n export function userAuthorizedLookupEditTemplate(cellElement: any, cellInfo: any) {\r\n return lookupEditTemplate(\"/Maintenance/AuthorizedUser/Users\", selected)(cellElement, cellInfo);\r\n }\r\n\r\n export function userLookupEditTemplate(cellElement: any, cellInfo: any) {\r\n return lookupEditTemplate(\"/Maintenance/SystemUsers/Users\", selected)(cellElement, cellInfo);\r\n }\r\n\r\n export function dluserLookupEditTemplate(cellElement: any, cellInfo: any) {\r\n return lookupEditTemplateUserName(\"/Maintenance/DurationLimit/Users\", selected)(cellElement, cellInfo);\r\n }\r\n\r\n export function userLookupCellTemplate(cellElement: any, cellInfo: any) {\r\n return lookupCellTemplate(cellElement, cellInfo);\r\n\r\n }\r\n\r\n export function dluserLookupCellTemplate(cellElement: any, cellInfo: any) {\r\n return cellElement.text(cellInfo.data.userName)\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}","namespace Areas.Maintenance.List {\r\n \"use strict\";\r\n\r\n var systemMaintenanceTabItems = Areas.createTabsWithSameAction(\"Maintenance\", \"List\",\r\n [\"AuthorizedUser\", \"SystemConfigSettings\", \"SystemProcessEmails\", \"SystemUsers\"]);\r\n\r\n\r\n export function systemMaintenanceTabInitialized(params: any) {\r\n return Areas.tabInitialized(systemMaintenanceTabItems)(params);\r\n }\r\n}","namespace Areas.MyWorkflows.Action{\r\n \"use strict\";\r\n \r\n export function saveAndProcessRecord() {\r\n const form: DevExpress.ui.dxForm = Areas.getForm(\"WorkflowActionResponseForm\"); \r\n const data: any = form.option('formData');\r\n data.SubmittalResponse = getSubmittalResponse();\r\n\r\n const result: any = form.validate();\r\n\r\n if (result.isValid) {\r\n sendRequest(\"/MyWorkflows/Action/Complete\", JSON.stringify(data), \"Put\");\r\n }\r\n }\r\n\r\n export function saveRecord() {\r\n //this saves but does NOT complete, i.e. does not continue and user can return\r\n //even if an action entered, it is overwritten to \"Pending\"\r\n\r\n const form: DevExpress.ui.dxForm = Areas.getForm(\"WorkflowActionResponseForm\"); \r\n const data: any = form.option('formData');\r\n data.SubmittalResponse = getSubmittalResponse();\r\n\r\n const result: any = form.validate(); \r\n\r\n if (result.isValid) {\r\n sendRequest(\"/MyWorkflows/Action/SaveWithoutComplete\", JSON.stringify(data), \"Put\");\r\n }\r\n }\r\n\r\n export function gotoWorkflowFromForm() {\r\n const WorkflowId: any = Areas.getOptionFromForm(\"WorkflowDetailActionForm\", \"WorkflowId\");\r\n\r\n if (WorkflowId != null) {\r\n location.href = `/MyWorkflows/View/Index/${WorkflowId}`;\r\n }\r\n else {\r\n DevExpress.ui.notify(\"Unable to find workflow record!\", \"warning\", 2000);\r\n }\r\n }\r\n\r\n export function gotoEditWorkflowFromForm() {\r\n const WorkflowId: any = Areas.getOptionFromForm(\"WorkflowDetailActionForm\", \"WorkflowId\");\r\n\r\n if (WorkflowId != null) {\r\n location.href = `/Workflows/Edit/Index/${WorkflowId}`;\r\n }\r\n else {\r\n DevExpress.ui.notify(\"Unable to find workflow record!\", \"warning\", 2000);\r\n }\r\n }\r\n\r\n function getSubmittalResponse(): string {\r\n const responseList: DevExpress.ui.dxList = $(\"#ResponseList\").dxList(\"instance\");\r\n\r\n if (responseList) {\r\n const selectedItems = responseList.option(\"selectedItems\");\r\n\r\n return $.map(selectedItems, function (item) { return item.value; }).join(\"|\");\r\n }\r\n\r\n return null;\r\n }\r\n}\r\n","namespace Areas.MyWorkflows {\r\n \"use strict\";\r\n\r\n export function dueDateColumn(cellElement, cellInfo) {\r\n const date = new Date(cellInfo.data.expectedCompletionDate);\r\n cellElement.html(Areas.formatDate(date));\r\n\r\n if (date.valueOf() < Date.now().valueOf())\r\n {\r\n $(cellElement).css('background-color', 'red');\r\n }\r\n }\r\n }","namespace Areas.MyWorkflows {\r\n \"use strict\";\r\n\r\n const tabItems = Areas.createTabsWithSameController(\"MyWorkflows\", [\"Review\", \"Closed\", \"InProcess\"], \"List\");\r\n\r\n export function tabInitialized(params: any) {\r\n return Areas.tabInitialized(tabItems)(params);\r\n }\r\n\r\n function getDataGridName() : string {\r\n const url = window.location.href;\r\n if (url.indexOf(\"Review\") > 0)\r\n return \"ReviewWorkflowGrid\";\r\n else if (url.indexOf(\"Closed\") > 0)\r\n return \"ClosedWorkFlowGrid\"; \r\n };\r\n\r\n const viewUrl = \"/MyWorkflows/View/Index/\";\r\n\r\n export function gotoView() {\r\n gotoSelected(getDataGridName(), viewUrl);\r\n }\r\n\r\n export function viewLink(cellElement, cellInfo) {\r\n buildCellContent(cellElement, () => { return cellInfo.data.workflowId; },\r\n `View`);\r\n }\r\n\r\n const reviewUrl = \"/MyWorkflows/Action/Index/\";\r\n\r\n export function gotoReview() {\r\n gotoSelected(getDataGridName(), reviewUrl);\r\n }\r\n\r\n export function reviewLink(cellElement, cellInfo) {\r\n buildCellContent(cellElement, () => { return cellInfo.data.workflowDetailId; },\r\n `Review`);\r\n }\r\n\r\n}","namespace Areas.MyWorkflows {\r\n \"use strict\";\r\n \r\n let formCrudOps: FormCrudOperations;\r\n $(() => { init(); });\r\n\r\n function init() {\r\n formCrudOps = new FormCrudOperations(\"MyWorkflows\")\r\n }\r\n\r\n export function insertRecord(e: any) {\r\n formCrudOps.insertRecord();\r\n }\r\n\r\n export function updateRecord(e: any) {\r\n formCrudOps.updateRecord();\r\n }\r\n\r\n export function deleteRecord() {\r\n formCrudOps.deleteRecord();\r\n }\r\n\r\n export function startProcess() {\r\n const verifyStart = window.confirm(\"Are you sure you would like to Start the Workflow Process for this record?\");\r\n\r\n if (verifyStart) {\r\n const keyId: any = formCrudOps.form.option(\"KeyId\");\r\n if (keyId != null) {\r\n sendRequest(`/${formCrudOps.area}/Edit/StartProcess/${keyId}`, \"\", \"PUT\");\r\n }\r\n }\r\n }\r\n\r\n export function onResponseContentReady(e) {\r\n restoreSubmittedResponse(e);\r\n }\r\n\r\n function restoreSubmittedResponse(e) {\r\n const submittalResponse: string = e.component.option(\"formData\").SubmittalResponse;\r\n\r\n if (Areas.isEmpty(submittalResponse)) {\r\n return;\r\n }\r\n\r\n const responses = submittalResponse.split(\"|\");\r\n const responseList: any = $(\"#ResponseList\").dxList(\"instance\");\r\n\r\n if (responseList) {\r\n const arrayStore: any = responseList.option(\"dataSource\").store;\r\n\r\n const sItems = [];\r\n\r\n for (var i = 0; i < responses.length; i++) {\r\n const item = { id: responses[i], value: responses[i] };\r\n if (arrayStore.keyOf(item) !== null) {\r\n sItems.push(item);\r\n }\r\n }\r\n\r\n responseList.option(\"selectedItems\", sItems);\r\n }\r\n }\r\n\r\n export function onCellPrepared(e) {\r\n if (e.rowType === \"data\" && e.column.command === \"edit\") {\r\n if (e.data.actionTaken) {\r\n e.cellElement.empty();\r\n }\r\n }\r\n }\r\n\r\n}\r\n","namespace Areas.MyWorkflows {\r\n \"use strict\";\r\n\r\n export function gotoWorkflows() {\r\n location.href = \"/MyWorkflows/List/Review\";\r\n }\r\n \r\n export function gotoViewFromForm() {\r\n const keyId: any = Areas.getOptionFromForm(\"WorkflowsForm\", \"KeyId\");\r\n\r\n if (keyId != null) {\r\n location.href = `/Workflows/View/Index/${keyId}`;\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}\r\n\r\n","namespace Areas.MyWorkflows {\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(\"/MyWorkflows/WorkflowAuthUser/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 fillId(e) {\r\n const dataGrid = $('#WorkflowAuthUserGrid').dxDataGrid('instance');\r\n const workflowId = dataGrid.option('KeyId');\r\n\r\n e.data.workflowId = workflowId;\r\n e.data.editRights = false;\r\n e.data.ccEmail = false;\r\n e.data.isActive = true;\r\n }\r\n\r\n export function userDropDownItemTemplate(itemData, itemIndex, itemElement) {\r\n itemElement.append(\"
${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 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 export function customStateStore(e: any) {\r\n // The selected rows are removed from the state before storing it and\r\n // if the stored state has selected rows they are removed before \r\n // restoring grid state.\r\n\r\n const grid: DevExpress.ui.dxDataGrid = e.component;\r\n const stateStoring = grid.option(\"stateStoring\");\r\n const gridName = grid.option(\"gridName\");\r\n\r\n stateStoring.type = \"custom\";\r\n\r\n stateStoring.customLoad = () => {\r\n let state = JSON.parse(localStorage.getItem(stateStoring.storageKey));\r\n if (state != null) {\r\n state.selectedRowKeys = [];\r\n }\r\n return state;\r\n };\r\n\r\n stateStoring.customSave = (state) => {\r\n state.selectedRowKeys = [];\r\n localStorage.setItem(stateStoring.storageKey, JSON.stringify(state));\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 export 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 get gridMode(): GridMode {\r\n return this._gridMode;\r\n }\r\n\r\n set gridMode(newGridMode: GridMode) {\r\n this._gridMode = newGridMode;\r\n this.setButtonsVisibility();\r\n }\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\" + actionTaken;\r\n\r\n if (dateActionTaken) {\r\n const date = new Date(dateActionTaken);\r\n\r\n content = content + \"
\" + formatDateTime(date);\r\n }\r\n\r\n if (!dateActionTaken) {\r\n e.cellElement.css(\"background-color\", \"#fafad2\" );\r\n }\r\n\r\n e.cellElement.html(content);\r\n }\r\n\r\n}","namespace Areas.Attachment {\r\n \"use strict\";\r\n\r\n export function onValueChanged(e) {\r\n const newValue = e.value;\r\n if (newValue != e.previousValue) {\r\n const uploader = $(\"#fileUploaderControl\").dxFileUploader(\"instance\");\r\n let url = uploader.option(\"uploadUrl\");\r\n url = updateQueryStringParameter(url, \"fileDescription\", newValue);\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 const iconSource = cellInfo.data.icon;\r\n const img = `
\" + itemData.displayName + \"\" + itemData.email + \"
\");\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.OneTimeUploads {\r\n \"use strict\";\r\n\r\n //\r\n //CRUD functions\r\n //\r\n\r\n export function insertRecord(e) {\r\n const form = Areas.getForm(\"OneTimeUploadForm\");\r\n const newData: any = form.option('formData');\r\n const result: any = form.validate();\r\n\r\n if (result.isValid) {\r\n Areas.sendRequest(\"/OneTimeUploads/Create/Post\", JSON.stringify(newData), \"POST\");\r\n }\r\n }\r\n\r\n export function updateRecord(e) {\r\n const form = Areas.getForm(\"OneTimeUploadForm\");\r\n const newData: any = form.option('formData');\r\n const result: any = form.validate();\r\n const keyId: any = form.option('KeyId');\r\n\r\n if (result.isValid && keyId != null) {\r\n Areas.sendRequest(`/OneTimeUploads/Edit/Put/${keyId}`, JSON.stringify(newData), \"PUT\");\r\n }\r\n }\r\n\r\n export function deleteRecord() {\r\n var verifyVOID = window.confirm(\"Are you sure you would like to VOID this record?\");\r\n\r\n if (verifyVOID = true) {\r\n var keyId: any = Areas.getOptionFromForm(\"OneTimeUploadForm\", \"KeyId\");\r\n\r\n if (keyId != null) {\r\n Areas.sendRequest(`/OneTimeUploads/Edit/Delete/${keyId}`, null, \"DELETE\");\r\n }\r\n else {\r\n DevExpress.ui.notify(\"Invalid Record.\", \"warning\", 2000);\r\n }\r\n }\r\n }\r\n\r\n export function processFTP(e) {\r\n var verifyProcessFtp = window.confirm(\"Are you sure you would like to Process this to FTP?\");\r\n\r\n if (verifyProcessFtp == true) {\r\n var keyId: any = Areas.getOptionFromForm(\"OneTimeUploadForm\", \"KeyId\");\r\n\r\n if (keyId != null) {\r\n Areas.sendRequest(`/OneTimeUploads/Edit/ProcessFtp/${keyId}`, null, \"PUT\");\r\n }\r\n else {\r\n DevExpress.ui.notify(\"Invalid Record.\", \"warning\", 2000);\r\n }\r\n }\r\n }\r\n}","namespace Areas.OneTimeUploads {\r\n \"use strict\";\r\n\r\n export function gotoOneTimeUpload() {\r\n location.href = \"/OneTimeUploads/List/Index\";\r\n }\r\n\r\n export function gotoCreate() {\r\n location.href = \"/OneTimeUploads/Create/Index\";\r\n }\r\n\r\n export function gotoCopyFromGrid() {\r\n Areas.gotoSelected(\"OneTimeUploadsGrid\", \"/OneTimeUploads/Create/DuplicateRecord/\");\r\n }\r\n\r\n export function gotoEdit() {\r\n Areas.gotoSelected(\"OneTimeUploadsGrid\", \"/OneTimeUploads/Edit/Index/\");\r\n }\r\n\r\n const viewUrl = \"/OneTimeUploads/View/Index/\";\r\n\r\n export function gotoView() {\r\n Areas.gotoSelected(\"OneTimeUploadsGrid\", viewUrl);\r\n }\r\n\r\n export function viewLink(cellElement, cellInfo) {\r\n buildCellContent(cellElement, () => { return cellInfo.data.oneTimeUploadId; },\r\n `View`);\r\n }\r\n\r\n export function gotoCopyFromForm() {\r\n const keyId: any = Areas.getOptionFromForm(\"OneTimeUploadForm\", \"KeyId\");\r\n \r\n if (keyId != null) {\r\n location.href = `/OneTimeUploads/Create/DuplicateRecord/${keyId}`;\r\n }\r\n else {\r\n DevExpress.ui.notify(\"Record to copy not selected. Use List instead!\", \"warning\", 2000);\r\n }\r\n }\r\n\r\n}","namespace Areas.OneTimeUploads {\r\n \"use strict\";\r\n\r\n export function showCollaborationAreaLookup() {\r\n const collaborationAreaLookupDialog =\r\n new Areas.Dialogs.CollaborationAreaLookup.CollaborationAreaLookupDialog(collaborationAreaLookupDialogClosing);\r\n }\r\n\r\n function collaborationAreaLookupDialogClosing(dialogResult: DialogResult, data: any) {\r\n if (dialogResult === DialogResult.Cancel) return;\r\n\r\n const CollaborationAreaId = data.collaborationAreaId;\r\n const newName = data.name;\r\n const projectName = data.projectName;\r\n const projectNumber = data.projectNumber;\r\n\r\n //this is the lookup form _CollaborationAreaLookupForm\r\n const lookupForm: DevExpress.ui.dxForm = Areas.getForm(\"FTPCollaborationAreaLookupForm\");\r\n const lookupData: any = lookupForm.option('formData');\r\n\r\n lookupData.Name = newName;\r\n lookupData.ProjectName = projectName;\r\n lookupData.ProjectNumber = projectNumber;\r\n\r\n const lunumberControl: DevExpress.ui.dxTextBox = lookupForm\r\n .getEditor('ProjectNumber') as DevExpress.ui.dxTextBox;\r\n lunumberControl.option(\"value\", projectNumber);\r\n\r\n const lunameControl: DevExpress.ui.dxTextBox = lookupForm\r\n .getEditor('ProjectName') as DevExpress.ui.dxTextBox;\r\n lunameControl.option(\"value\", projectName);\r\n\r\n const luareaControl: DevExpress.ui.dxTextBox = lookupForm\r\n .getEditor('CollaborationAreaName') as DevExpress.ui.dxTextBox;\r\n luareaControl.option(\"value\", newName);\r\n\r\n //this is the main form _DataForm.cshtml\r\n const dataForm: DevExpress.ui.dxForm = Areas.getForm(\"OneTimeUploadForm\");\r\n const newData: any = dataForm.option('formData');\r\n\r\n newData.CollaborationAreaId = CollaborationAreaId;\r\n }\r\n}","namespace Areas.Projects {\r\n \"use strict\";\r\n\r\n const collaborationAreasGridName = \"ProjectCollaborationAreasGrid\";\r\n\r\n export function gotoCreateCollaborationArea() {\r\n Areas.gotoSelected(collaborationAreasGridName , \"/CollaborationAreas/Create/Index/\");\r\n }\r\n\r\n export function gotoEditCollaborationArea() {\r\n Areas.gotoSelected(collaborationAreasGridName , \"/CollaborationAreas/Edit/Index/\");\r\n }\r\n\r\n const viewUrl = \"/CollaborationAreas/View/Index/\";\r\n\r\n export function gotoViewCollaborationArea() {\r\n Areas.gotoSelected(collaborationAreasGridName , viewUrl);\r\n }\r\n\r\n export function viewLinkCollaborationArea(cellElement, cellInfo) {\r\n buildCellContent(cellElement, () => { return cellInfo.data.collaborationAreaId; },\r\n `View`);\r\n }\r\n\r\n}","namespace Areas.Projects {\r\n \"use strict\";\r\n\r\n let formCrudOps: FormCrudOperations;\r\n $(() => { init(); });\r\n\r\n function init() {\r\n formCrudOps = new FormCrudOperations(\"Projects\");\r\n }\r\n\r\n export function insertRecord(e: any) {\r\n if (continueEvenIfMissingSubAccount()) {\r\n formCrudOps.insertRecord();\r\n }\r\n }\r\n\r\n export function updateRecord(e: any) {\r\n if (continueEvenIfMissingSubAccount()) {\r\n formCrudOps.updateRecord();\r\n }\r\n }\r\n\r\n export function deleteRecord() {\r\n formCrudOps.deleteRecord();\r\n }\r\n\r\n function continueEvenIfMissingSubAccount(): boolean {\r\n const data = formCrudOps.form.option(\"formData\");\r\n\r\n if (data.SubAccountId == null)\r\n {\r\n if (data.ProjectNumber.startsWith(\"90\")\r\n || data.ProjectNumber.startsWith(\"94\")) {\r\n const confirmed = confirm(\"The Project # starts with 94 or 90 but no Sub Account Id has been set. Do you wish to continue?\");\r\n return confirmed;\r\n }\r\n }\r\n\r\n return true;\r\n }\r\n}\r\n\r\n","namespace Areas.Projects {\r\n \"use strict\";\r\n\r\n export function gotoProjects() {\r\n location.href = \"/Projects/List/Index\";\r\n }\r\n\r\n export function gotoCreate() {\r\n location.href = \"/Projects/Create/Index\";\r\n }\r\n\r\n export function gotoEdit() {\r\n Areas.gotoSelected(\"ProjectsGrid\", \"/Projects/Edit/Index/\");\r\n }\r\n\r\n const viewUrl = \"/Projects/View/Index/\";\r\n\r\n export function gotoView() {\r\n Areas.gotoSelected(\"ProjectsGrid\", viewUrl);\r\n }\r\n \r\n export function viewLink(cellElement, cellInfo) {\r\n buildCellContent(cellElement, () => { return cellInfo.data.projectId; },\r\n `View`);\r\n }\r\n\r\n}\r\n\r\n","namespace Areas.Projects {\r\n \"use strict\";\r\n\r\n export function showSharePointProjectLookup() {\r\n const sharePointProjectLookupDialog =\r\n new Areas.Dialogs.SharePointProjectLookup.SharePointProjectLookupDialog(sharePointProjectLookupDialogClosing);\r\n }\r\n\r\n function sharePointProjectLookupDialogClosing(dialogResult: DialogResult, data: any) {\r\n if (dialogResult === DialogResult.Cancel) return;\r\n\r\n const dataId = data.subAccountId;\r\n const newName = data.plantAccountName;\r\n const newNumber = data.plantAccountNumber;\r\n const newPM = data.projectManager;\r\n const newPMEmail = data.projectManagerEmail;\r\n const spLoc = data.sharePointProjectLink;\r\n const desc = data.plantAccountDescription;\r\n\r\n //this is the lookup form _ProjectLookupForm\r\n const lookupForm: DevExpress.ui.dxForm = Areas.getForm(\"ProjectLookupForm\");\r\n const lookupData: any = lookupForm.option('formData');\r\n\r\n lookupData.ProjectNumber = newNumber;\r\n lookupData.ProjectManagerName = newPM;\r\n lookupData.ProjectManagerEmail = newPMEmail;\r\n\r\n lookupForm.option('formData', lookupData);\r\n\r\n //this is the main form _DataForm.cshtml\r\n const dataForm: DevExpress.ui.dxForm = Areas.getForm(\"ProjectsForm\");\r\n const newData: any = dataForm.option('formData');\r\n\r\n newData.ProjectName = newName;\r\n newData.ProjectNumber = newNumber;\r\n newData.ProjectManagerName = newPM;\r\n newData.ProjectManagerEmail = newPMEmail;\r\n newData.SharePointLocation = spLoc;\r\n newData.Description = desc;\r\n newData.SubAccountId = dataId;\r\n\r\n dataForm.option('formData', newData);\r\n }\r\n\r\n}","namespace Areas.Projects {\r\n \"use strict\";\r\n\r\n const projectWorkflowGridName = \"ProjectWorkflowsGrid\";\r\n\r\n export function gotoCreateWorkflow() {\r\n const dataGrid = Areas.getGrid(projectWorkflowGridName);\r\n const selectedRows: any = dataGrid.getSelectedRowsData();\r\n\r\n if (selectedRows[0] != null) {\r\n const dataId = selectedRows[0].collaborationAreaId;\r\n location.href = `/Workflows/Create/CreateFromCollaborationAreaId/${dataId}`;\r\n } \r\n else {\r\n location.href = \"/Workflows/Create/CreateWorkflowNoId/\";\r\n }\r\n }\r\n\r\n export function gotoEditWorkflow() {\r\n Areas.gotoSelected(projectWorkflowGridName, \"/Workflows/Edit/Index/\");\r\n }\r\n\r\n const viewUrl = \"/Workflows/View/Index/\";\r\n\r\n export function gotoViewWorkflow() {\r\n Areas.gotoSelected(projectWorkflowGridName, viewUrl);\r\n }\r\n\r\n export function viewLinkWorkflow(cellElement, cellInfo) {\r\n buildCellContent(cellElement, () => { return cellInfo.data.workflowId; },\r\n `View`);\r\n }\r\n\r\n}\r\n\r\n","namespace Areas.Projects.View {\r\n \"use strict\";\r\n\r\n const tabItems = Areas.createTabsWithSameController(\"Projects\", \r\n [\"Index\", \"CollaborationAreas\", \"InProcess\", \"Workflows\"], \"View\");\r\n\r\n export function tabInitialized(params: any) {\r\n return Areas.tabWithIdInitialized(tabItems)(params);\r\n }\r\n}","namespace Areas.Shared.Views {\r\n \"use strict\";\r\n\r\n const tabItems = [\r\n { id: 0, url: \"/MyWorkflows/List/Review\" },\r\n { id: 1, url: \"/Workflows/List/Created\" },\r\n ];\r\n\r\n export function tabInitialized(params: any) {\r\n return Areas.tabInitialized(tabItems)(params);\r\n }\r\n\r\n}","namespace Areas.Workflows {\r\n \"use strict\";\r\n\r\n const tabItems = Areas.createTabsWithSameController(\"Workflows\",\r\n [\"Created\", \"InProcess\", \"InProcessPivot\", \"Completed\", \"Template\"], \"List\");\r\n\r\n export function tabInitialized(params: any) {\r\n return Areas.tabInitialized(tabItems)(params);\r\n }\r\n\r\n export function gotoCreate() {\r\n const dataGrid = Areas.getGrid(getDataGridName());\r\n const dataId = dataGrid.getSelectedRowKeys()[0];\r\n\r\n if (dataId != null) {\r\n location.href = `/Workflows/Create/CreateWorkflow/${dataId}`;\r\n }\r\n else {\r\n location.href = \"/Workflows/Create/CreateWorkflowNoId\";\r\n }\r\n }\r\n\r\n export function gotoCopy() {\r\n const dataGrid = Areas.getGrid(getDataGridName());\r\n const dataId = dataGrid.getSelectedRowKeys()[0];\r\n\r\n if (dataId != null) {\r\n Areas.sendRequest(`/Workflows/Create/CopyWorkflow/${dataId}`, null, \"GET\");\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\r\n export function gotoCopyUsingId(workflowId: number) {\r\n return () => {\r\n if (workflowId != null) {\r\n Areas.sendRequest(`/Workflows/Create/CopyWorkflow/${workflowId}`, null, \"GET\");\r\n }\r\n else {\r\n DevExpress.ui.notify(\"Missing id, contact IT Support!\", \"warning\", 2000);\r\n }\r\n }\r\n }\r\n\r\n export function gotoEdit() {\r\n Areas.gotoSelected(getDataGridName(), \"/Workflows/Edit/Index/\");\r\n }\r\n\r\n const viewUrl = \"/Workflows/View/Index/\";\r\n\r\n export function gotoView() {\r\n Areas.gotoSelected(getDataGridName(), viewUrl);\r\n }\r\n\r\n export function viewLink(cellElement, cellInfo) {\r\n buildCellContent(cellElement, () => { return cellInfo.data.workflowId; },\r\n `View`);\r\n }\r\n\r\n const reviewUrl = \"/Workflows/Action/Index/\";\r\n\r\n export function gotoReview() {\r\n Areas.gotoSelected(getDataGridName(), reviewUrl);\r\n }\r\n\r\n export function reviewLink(cellElement, cellInfo) {\r\n buildCellContent(cellElement, () => { return cellInfo.data.workflowDetailId; },\r\n `Review`);\r\n }\r\n\r\n function getDataGridName() : string {\r\n const url = window.location.href;\r\n\r\n if (url.indexOf(\"Created\") > 0)\r\n return \"CreatedWorkflowGrid\";\r\n else if (url.indexOf(\"InProcess\") > 0)\r\n return \"InProcessWorkflowGrid\";\r\n else if (url.indexOf(\"Completed\") > 0)\r\n return \"CompletedWorkflowGrid\";\r\n else if (url.indexOf(\"Template\") > 0)\r\n return \"TemplatesWorkflowGrid\";\r\n }\r\n \r\n}\r\n\r\n","namespace Areas.Workflows {\r\n \"use strict\";\r\n \r\n let formCrudOps: FormCrudOperations;\r\n $(() => { init(); });\r\n\r\n function init() {\r\n formCrudOps = new FormCrudOperations(\"Workflows\");\r\n }\r\n\r\n export function insertRecord(e: any) {\r\n formCrudOps.insertRecord();\r\n }\r\n\r\n export function updateRecord(e: any) {\r\n formCrudOps.updateRecord();\r\n }\r\n\r\n export function deleteRecord() {\r\n formCrudOps.deleteRecord();\r\n }\r\n\r\n export function markComplete() {\r\n const verifyMarkComplete =\r\n window.confirm(\"Are you sure you want to mark this workflow complete?\");\r\n\r\n if (verifyMarkComplete) {\r\n const keyId: any = formCrudOps.form.option(\"KeyId\");\r\n sendRequest(`/${formCrudOps.area}/Edit/MarkComplete/${keyId}`, \"\", \"PUT\");\r\n }\r\n }\r\n\r\n export function startProcess() {\r\n const verifyStart =\r\n window.confirm(\"Are you sure you would like to Start the Workflow Process for this record?\");\r\n\r\n if (verifyStart) {\r\n formCrudOps.updateRecord(() => {\r\n const keyId: any = formCrudOps.form.option(\"KeyId\");\r\n sendRequest(`/${formCrudOps.area}/Edit/StartProcess/${keyId}`, \"\", \"PUT\");\r\n });\r\n }\r\n }\r\n\r\n export function onCellPrepared(e) {\r\n if (e.rowType === \"data\" && e.column.command === \"edit\") {\r\n if (e.data.actionTaken) {\r\n e.cellElement.empty();\r\n }\r\n }\r\n }\r\n\r\n}\r\n","namespace Areas.Workflows {\r\n \"use strict\";\r\n\r\n export function gotoWorkflows() {\r\n location.href = \"/Workflows/List/Created\";\r\n }\r\n\r\n export function reSendEmail() {\r\n const keyId: any = getKeyId();\r\n\r\n if (keyId != null) {\r\n const url = `/Workflows/Edit/ReSendEmail/${keyId}`;\r\n Areas.sendRequest(url, null, \"GET\");\r\n }\r\n else {\r\n DevExpress.ui.notify(\"Record to copy not selected. Use List instead!\", \"warning\", 2000);\r\n }\r\n }\r\n\r\n export function gotoCopyFromForm() {\r\n const keyId: any = getKeyId();\r\n\r\n if (keyId != null) {\r\n Areas.sendRequest(`/Workflows/Create/CopyWorkflow/${keyId}`, null, \"GET\");\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 gotoCreateFromForm() {\r\n const keyId: any = getKeyId();\r\n\r\n if (keyId != null) {\r\n location.href = `/Workflows/Create/CreateWorkflow/${keyId}`;\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 function getKeyId() : any {\r\n return Areas.getOptionFromForm(\"WorkflowsForm\", \"KeyId\");\r\n }\r\n\r\n}\r\n\r\n","namespace Areas.Workflows {\r\n \"use strict\";\r\n\r\n let selected: Selected = new Selected();\r\n let selectedDetail: 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 onUserIDValueChangedDetail(rowData, value) {\r\n return userValueChanged(selectedDetail)(rowData, value);\r\n }\r\n\r\n export function userLookupEditTemplate(cellElement, cellInfo) {\r\n return lookupEditTemplate(\"/Workflows/WorkflowAuthUser/Users\", selected)(cellElement, cellInfo);\r\n }\r\n\r\n export function userLookupEditTemplateDetail(cellElement, cellInfo) {\r\n return lookupEditTemplate(\"/Workflows/WorkflowDetail/Users\", selectedDetail)(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 fillId(e) {\r\n const dataGrid = Areas.getGrid(\"WorkflowAuthUserGrid\");\r\n const workflowId = dataGrid.option('WorkflowId');\r\n\r\n e.data.workflowId = workflowId;\r\n e.data.editRights = false;\r\n e.data.ccEmail = false;\r\n e.data.isActive = true;\r\n }\r\n\r\n export function workflowDetailAssignWorkflowId(e) {\r\n const dataGrid = e.component;\r\n const workflowId = dataGrid.option('KeyId');\r\n\r\n e.data.workflowId = workflowId;\r\n }\r\n\r\n export function showCollaborationAreaLookup() {\r\n const collaborationAreaLookupDialog =\r\n new Areas.Dialogs.CollaborationAreaLookup.CollaborationAreaLookupDialog(collaborationAreaLookupDialogClosing);\r\n }\r\n\r\n function collaborationAreaLookupDialogClosing(dialogResult: DialogResult, data: any) {\r\n if (dialogResult === DialogResult.Cancel) return;\r\n\r\n const CollaborationAreaId = data.collaborationAreaId;\r\n const newName = data.name;\r\n const projectName = data.projectName;\r\n const projectNumber = data.projectNumber;\r\n \r\n //this is the lookup form _CollaborationAreaLookupForm\r\n const lookupForm: DevExpress.ui.dxForm = Areas.getForm(\"CollaborationAreaLookupForm\");\r\n const lookupData: any = lookupForm.option('formData');\r\n\r\n lookupData.CollaborationAreaName = newName;\r\n lookupData.ProjectName = projectName;\r\n lookupData.ProjectNumber = projectNumber;\r\n\r\n const lunumberControl: DevExpress.ui.dxTextBox = lookupForm\r\n .getEditor('ProjectNumber') as DevExpress.ui.dxTextBox;\r\n lunumberControl.option(\"value\", projectNumber);\r\n\r\n const lunameControl: DevExpress.ui.dxTextBox = lookupForm\r\n .getEditor('ProjectName') as DevExpress.ui.dxTextBox;\r\n lunameControl.option(\"value\", projectName);\r\n\r\n const luareaControl: DevExpress.ui.dxTextBox = lookupForm\r\n .getEditor('CollaborationAreaName') as DevExpress.ui.dxTextBox;\r\n luareaControl.option(\"value\", newName);\r\n\r\n\r\n //this is the main form _DataForm.cshtml\r\n const dataForm: DevExpress.ui.dxForm = Areas.getForm(\"WorkflowsForm\");\r\n const newData: any = dataForm.option('formData');\r\n\r\n newData.CollaborationAreaId = CollaborationAreaId;\r\n \r\n const areaControl: DevExpress.ui.dxTextBox = dataForm.getEditor('CollaborationAreaId') as DevExpress.ui.dxTextBox;\r\n areaControl.option(\"value\", CollaborationAreaId);\r\n }\r\n}"]}