\").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 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\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 if (matchTabWithExactUrl(tabItems, transform, tabControl, currentUrl)) {\r\n return;\r\n }\r\n\r\n tryToMatchTabBySubTabName(tabControl);\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): boolean {\r\n\r\n var 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 return true;\r\n }\r\n\r\n return false;\r\n } \r\n \r\n function tryToMatchTabBySubTabName(tabControl: DevExpress.ui.dxTabs) {\r\n\r\n var subTabName = tabControl.option(\"subTabName\");\r\n var controlItems = tabControl.option(\"items\")\r\n .map((value, index) => new Tab(index, value.url));\r\n \r\n var tabMatch = controlItems.filter((element: Tab) => element.url.toLowerCase().indexOf(subTabName) > 0);\r\n \r\n if (tabMatch.length > 0) {\r\n tabControl.option(\"selectedIndex\", tabMatch[0].id);\r\n }\r\n }\r\n}\r\n","namespace Areas {\r\n \"use strict\";\r\n\r\n export class Selected {\r\n user: any;\r\n } \r\n //grid user lookup\r\n export function userValueChanged(selected: Selected) {\r\n return (rowData, value) => {\r\n if (value === undefined || value === null) {\r\n rowData.userId = null;\r\n rowData.userEmail = null;\r\n rowData.userName = null;\r\n return;\r\n }\r\n\r\n if (!selected.user.isActive) {\r\n DevExpress.ui.notify(\"The record cannot be updated. The user you selected has been disabled!\", \"error\", 3000);\r\n return;\r\n }\r\n\r\n rowData.userId = selected.user.userId;\r\n rowData.userEmail = selected.user.email;\r\n rowData.userName = selected.user.displayName;\r\n }\r\n }\r\n\r\n export function lookupEditTemplate(loadUrl: string, selected: Selected) {\r\n return (cellElement, cellInfo) => {\r\n var storeConfiguration = {\r\n \"loadParams\": {},\r\n \"key\": \"userId\",\r\n \"loadUrl\": loadUrl,\r\n \"insertUrl\": \"\",\r\n \"updateUrl\": \"\",\r\n \"deleteUrl\": \"\"\r\n };\r\n\r\n var store = DevExpress.data.AspNet.createStore(storeConfiguration);\r\n\r\n const dataSource = new DevExpress.data.DataSource({\r\n store: store\r\n });\r\n\r\n var div = document.createElement(\"div\");\r\n cellElement.get(0).appendChild(div);\r\n $(div).dxLookup({\r\n dataSource: dataSource,\r\n valueExpr: \"userId\",\r\n displayExpr: \"displayName\",\r\n value: cellInfo.data.userId,\r\n popupWidth: 500,\r\n searchExpr: [\"displayName\", \"email\"],\r\n\r\n\r\n onSelectionChanged(e) {\r\n selected.user = e.selectedItem;\r\n },\r\n\r\n onValueChanged(e) {\r\n cellInfo.setValue(e.value);\r\n }\r\n });\r\n\r\n $(div).dxLookup(\"instance\").option(\"itemTemplate\", customTemplate);\r\n }\r\n }\r\n\r\n export function lookupCellTemplate(cellElement: any, cellInfo: any) {\r\n cellElement.text(cellInfo.data.displayName);\r\n }\r\n\r\n function customTemplate(itemData: any, itemIndex: any, itemElement: any) {\r\n if (itemData.isActive) {\r\n itemElement.append(`
${itemData.displayName}${itemData.email}
`);\r\n } else {\r\n itemElement.append(`${itemData.displayName}${itemData.email} - Disabled
`);\r\n }\r\n }\r\n\r\n}","namespace Areas {\r\n \"use strict\";\r\n\r\n export interface IDictionary {\r\n [index: string]: string;\r\n }\r\n\r\n export function updateQueryStringParameter(uri: any, key: any, value: any) {\r\n const re = new RegExp(`([?&])${key}=.*?(&|$)`, \"i\");\r\n const separator = uri.indexOf(\"?\") !== -1 ? \"&\" : \"?\";\r\n if (uri.match(re)) {\r\n return uri.replace(re, `$1${key}=${value}$2`);\r\n } else {\r\n return uri + separator + key + \"=\" + value;\r\n }\r\n }\r\n\r\n export function removeQueryStringParameter(url: string, parameter: string) {\r\n //prefer to use l.search if you have a location/link object\r\n const urlparts = url.split(\"?\");\r\n if (urlparts.length >= 2) {\r\n\r\n const prefix = encodeURIComponent(parameter) + \"=\";\r\n const pars = urlparts[1].split(/[&;]/g);\r\n\r\n //reverse iteration as may be destructive\r\n for (let i = pars.length; i-- > 0;) {\r\n //idiom for string.startsWith\r\n if (pars[i].lastIndexOf(prefix, 0) !== -1) {\r\n pars.splice(i, 1);\r\n }\r\n }\r\n\r\n url = urlparts[0] + (pars.length > 0 ? `?${pars.join(\"&\")}` : \"\");\r\n return url;\r\n } else {\r\n return url;\r\n }\r\n }\r\n\r\n export function getQueryStringParameter(uri: any, key: any) {\r\n const re = new RegExp(\"([?&])start=(.*?)(&|$)\", \"i\");\r\n if (uri.match(re)) {\r\n return uri.match(re)[2];\r\n }\r\n\r\n return \"\";\r\n }\r\n\r\n export function isNotEmpty(variable: any) {\r\n return variable !== undefined && variable != null && variable !== \"\";\r\n }\r\n\r\n export function isEmpty(variable: any) {\r\n return !isNotEmpty(variable);\r\n }\r\n\r\n export function trimTextBoxValue(e: any) {\r\n var textBox = e.component as DevExpress.ui.dxTextBox;\r\n textBox.option(\"value\", $.trim(e.value));\r\n }\r\n\r\n export function partition(items, n) {\r\n var result = _.groupBy(items, function(item, i) {\r\n return Math.floor(i % n);\r\n });\r\n return _.values(result);\r\n }\r\n\r\n export function partitionBy(items, n) {\r\n var result = _.groupBy(items, function(item, i) {\r\n return trunc(i / n);\r\n });\r\n return _.values(result);\r\n }\r\n\r\n function trunc(n: number) : number {\r\n return n < 0 ? Math.ceil(n) : Math.floor(n);\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\r\n export function addToFavorite(e: any) {\r\n const dialog = new Areas.Dialogs.CreateFavoriteDialog(() => { }, { favoriteName: e.component.option(\"description\") });\r\n }\r\n\r\n\r\n}","namespace Areas {\r\n \"use strict\";\r\n\r\n const columnChooserButtonName = \"columnChooserButton\";\r\n\r\n export function addColumnChooser(e: any) {\r\n const grid: DevExpress.ui.dxDataGrid = e.component;\r\n ignoreColumnOptionNames(grid);\r\n\r\n addButtonToToolbar(e.toolbarOptions, {\r\n elementAttr: { id: columnChooserButtonName, \"class\": \"dx-datagrid-column-chooser-button\" },\r\n text: \"Columns\",\r\n hint: \"Choose columns to show/hide\",\r\n type: \"normal\",\r\n icon: \"column-chooser\",\r\n onClick: showColumnChooser(grid)\r\n }, \"after\");\r\n\r\n }\r\n\r\n 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\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 \r\n\r\n function showColumnChooser(grid: DevExpress.ui.dxDataGrid) {\r\n return (e: any) => {\r\n grid.showColumnChooser();\r\n }\r\n } \r\n \r\n}","namespace Areas {\r\n \"use strict\";\r\n\r\n export function addCopySelectedContextMenu(e: any) {\r\n if (e.row.rowType === \"data\") {\r\n e.items = [{\r\n text: \"Copy to selected\",\r\n onItemClick: function () {\r\n const grid = e.component as DevExpress.ui.dxDataGrid;\r\n const row = e.row;\r\n const column = e.column;\r\n\r\n if (!column.allowEditing) return;\r\n\r\n const cellValue = grid.cellValue(row.rowIndex, column.dataField);\r\n\r\n var selKeys = grid.getSelectedRowKeys();\r\n for (let i = 0; i < selKeys.length; i++) {\r\n grid.cellValue(grid.getRowIndexByKey(selKeys[i]), column.dataField, cellValue);\r\n }\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 type = dataGrid.option(\"type\");\r\n const selectedIds = getSelectedIds(dataGrid, type);\r\n \r\n let url = `/File/Get/${type}Zip?ids=${selectedIds}`; \r\n \r\n const buildingId = dataGrid.option(\"buildingId\");\r\n \r\n if (buildingId) {\r\n url = `${url}&buildingId=${buildingId}`;\r\n }\r\n \r\n location.href = url; \r\n }\r\n }\r\n \r\n function getSelectedIds(dataGrid: DevExpress.ui.dxDataGrid, type: string) : string {\r\n if (type === \"Drawing\") {\r\n return dataGrid.getSelectedRowKeys().join(',');\r\n }\r\n\r\n return dataGrid.getSelectedRowsData().map(d => d.attachmentId).join(',');\r\n } \r\n}","namespace Areas {\r\n \"use strict\";\r\n\r\n export class EditBatchButtonConfiguration {\r\n private readonly toolbarOptions: any;\r\n\r\n constructor(toolbarOptions: any) {\r\n this.toolbarOptions = toolbarOptions;\r\n }\r\n\r\n configureBatchEditButtons() {\r\n const saveBtnItem = this.toolbarOptions.items.find(item => item.name === \"saveButton\");\r\n \r\n if (saveBtnItem) {\r\n saveBtnItem.showText = \"always\";\r\n saveBtnItem.options.icon = \"save\";\r\n saveBtnItem.options.type = \"success\";\r\n saveBtnItem.options.text = \"Save\";\r\n }\r\n \r\n const revertBtnItem = this.toolbarOptions.items.find(item => item.name === \"revertButton\");\r\n \r\n if (revertBtnItem) {\r\n revertBtnItem.showText = \"always\";\r\n revertBtnItem.options.icon = \"revert\";\r\n revertBtnItem.options.type = \"default\";\r\n revertBtnItem.options.elementAttr = { class: \"cancel\" };\r\n revertBtnItem.options.text = \"Cancel\"; \r\n }\r\n \r\n const addBtnItem = this.toolbarOptions.items.find(item => item.name === \"addRowButton\");\r\n \r\n if (addBtnItem) {\r\n addBtnItem.showText = \"always\";\r\n addBtnItem.options.icon = \"plus\";\r\n addBtnItem.options.type = \"default\";\r\n addBtnItem.options.elementAttr = { class: \"add\" };\r\n addBtnItem.options.text = \"Add\"; \r\n } \r\n }\r\n }\r\n}","namespace Areas {\r\n \"use strict\";\r\n\r\n enum GridMode { Normal, Edit } \r\n\r\n export class EditButtonsBuilder {\r\n private readonly addButtonName = \"addButton_\"+ new DevExpress.data.Guid().toString();\r\n private readonly editButtonName = \"editButton_\"+ new DevExpress.data.Guid().toString();\r\n private readonly deleteButtonName = \"deleteButton_\"+ new DevExpress.data.Guid().toString(); \r\n private readonly saveButtonName = \"saveButton_\"+ new DevExpress.data.Guid().toString(); \r\n private readonly cancelButtonName = \"cancelButton_\"+ new DevExpress.data.Guid().toString(); \r\n\r\n private readonly grid: DevExpress.ui.dxDataGrid;\r\n private readonly toolbarOptions: any;\r\n private gridMode: GridMode = GridMode.Normal;\r\n\r\n constructor(grid: DevExpress.ui.dxDataGrid, toolbarOptions: any) {\r\n this.grid = grid;\r\n this.toolbarOptions = toolbarOptions;\r\n }\r\n\r\n addButtons(buttonOptions: Array) {\r\n \r\n let shouldAddSaveButton: boolean = false;\r\n let trackGridSelection: boolean = false;\r\n \r\n if (_.contains(buttonOptions, \"add\")) {\r\n this.addAddButton();\r\n shouldAddSaveButton = true;\r\n } \r\n \r\n if (_.contains(buttonOptions, \"edit\")) {\r\n this.addEditButton();\r\n shouldAddSaveButton = true;\r\n trackGridSelection = true;\r\n }\r\n \r\n if (_.contains(buttonOptions, \"delete\")) {\r\n this.addDeleteButton();\r\n shouldAddSaveButton = true;\r\n trackGridSelection = true;\r\n } \r\n \r\n if (shouldAddSaveButton) {\r\n this.addSaveButton();\r\n this.addCancelButton();\r\n }\r\n \r\n if (trackGridSelection) {\r\n this.addTrackGridSelection();\r\n }\r\n } \r\n\r\n private addTrackGridSelection() {\r\n this.grid.on(\"selectionChanged\", this.onSelectionChanged());\r\n }\r\n \r\n private onSelectionChanged () {\r\n return (e: any) => {\r\n const enableEditAndDelete = e.selectedRowKeys.length === 1;\r\n \r\n if (enableEditAndDelete) {\r\n Areas.enableButton(this.editButtonName);\r\n Areas.enableButton(this.deleteButtonName); \r\n } else {\r\n Areas.disableButton(this.editButtonName);\r\n Areas.disableButton(this.deleteButtonName); \r\n }\r\n }\r\n }\r\n\r\n private addSaveButton() {\r\n addButtonToToolbar(this.toolbarOptions, {\r\n elementAttr: { id: this.saveButtonName, class: \"green\" },\r\n text: \"Save\",\r\n hint: \"Save changes\",\r\n icon: \"save\",\r\n visible: false,\r\n onClick: this.saveRow()\r\n });\r\n } \r\n \r\n private addCancelButton() {\r\n addButtonToToolbar(this.toolbarOptions, {\r\n elementAttr: { id: this.cancelButtonName, class: \"lightgold\" },\r\n text: \"Cancel\",\r\n hint: \"Cancel changes\",\r\n icon: \"revert\",\r\n visible: false,\r\n onClick: this.cancelEdit()\r\n });\r\n } \r\n \r\n private addAddButton() {\r\n addButtonToToolbar(this.toolbarOptions, {\r\n elementAttr: { id: this.addButtonName, class: \"lightblue\" },\r\n text: \"Add\",\r\n hint: \"Add new record\",\r\n icon: \"plus\",\r\n onClick: this.addRow()\r\n }); \r\n } \r\n \r\n private addEditButton() {\r\n addButtonToToolbar(this.toolbarOptions, {\r\n elementAttr: { id: this.editButtonName, class: \"lightgreen\" },\r\n text: \"Edit\",\r\n hint: \"Edit selected record\",\r\n icon: \"edit\",\r\n disabled: true,\r\n onClick: this.editRow()\r\n }); \r\n } \r\n \r\n private addDeleteButton() {\r\n addButtonToToolbar(this.toolbarOptions, {\r\n elementAttr: { id: this.deleteButtonName, class: \"red\" },\r\n text: \"Delete\",\r\n hint: \"Delete selected record\",\r\n icon: \"remove\",\r\n disabled: true,\r\n onClick: this.deleteRow()\r\n }); \r\n } \r\n \r\n private editRow() {\r\n return (e: any) => {\r\n const rowKeys = this.grid.getSelectedRowKeys();\r\n \r\n if (rowKeys[0] == null) {\r\n DevExpress.ui.notify(\"Please make a selection first!\", \"warning\", 2000);\r\n return;\r\n }\r\n \r\n const rowIndex = this.grid.getRowIndexByKey(rowKeys[0]);\r\n \r\n if (rowIndex > -1) {\r\n this.grid.editRow(rowIndex);\r\n \r\n this.gridMode = GridMode.Edit;\r\n this.setButtonsVisibility();\r\n }\r\n \r\n }\r\n }\r\n \r\n private deleteRow() {\r\n return (e: any) => {\r\n const rowKeys = this.grid.getSelectedRowKeys();\r\n \r\n if (rowKeys[0] == null) {\r\n DevExpress.ui.notify(\"Please make a selection first!\", \"warning\", 2000);\r\n return;\r\n }\r\n \r\n const rowIndex = this.grid.getRowIndexByKey(rowKeys[0]);\r\n \r\n if (rowIndex > -1) {\r\n this.grid.deleteRow(rowIndex);\r\n }\r\n }\r\n } \r\n \r\n private saveRow() {\r\n return (e: any) => {\r\n this.grid.saveEditData()\r\n .done(() => {\r\n const unsavedData = this.grid.hasEditData();\r\n if (!unsavedData) {\r\n this.gridMode = GridMode.Normal;\r\n this.setButtonsVisibility();\r\n }\r\n });\r\n }\r\n } \r\n \r\n private addRow() {\r\n return (e: any) => {\r\n this.gridMode = GridMode.Edit;\r\n this.setButtonsVisibility();\r\n this.grid.addRow(); \r\n }\r\n } \r\n \r\n private cancelEdit() {\r\n return (e: any) => {\r\n this.gridMode = GridMode.Normal;\r\n this.setButtonsVisibility();\r\n this.grid.cancelEditData();\r\n }\r\n } \r\n \r\n private setButtonsVisibility() {\r\n if (this.gridMode === GridMode.Normal) {\r\n Areas.showButton(this.addButtonName);\r\n Areas.showButton(this.editButtonName);\r\n Areas.showButton(this.deleteButtonName);\r\n Areas.hideButton(this.saveButtonName);\r\n Areas.hideButton(this.cancelButtonName);\r\n } else {\r\n Areas.hideButton(this.addButtonName);\r\n Areas.hideButton(this.editButtonName);\r\n Areas.hideButton(this.deleteButtonName);\r\n Areas.showButton(this.saveButtonName);\r\n Areas.showButton(this.cancelButtonName); \r\n }\r\n }\r\n\r\n }\r\n}","namespace Areas {\r\n \"use strict\";\r\n\r\n const exportButtonName = \"exportButton\";\r\n\r\n export function addExport(e: any) {\r\n const grid: DevExpress.ui.dxDataGrid = e.component;\r\n \r\n addButtonToToolbar(e.toolbarOptions, {\r\n elementAttr: { id: exportButtonName, \"class\": \"dx-datagrid-export-button\" },\r\n text: \"Export\",\r\n hint: \"Export all rows to Excel\",\r\n type: \"normal\",\r\n icon: \"export-excel-button\",\r\n onClick: exportData(grid)\r\n }, \"after\");\r\n\r\n grid.on(\"exporting\", onExporting);\r\n \r\n } \r\n \r\n function exportData(grid: DevExpress.ui.dxDataGrid) {\r\n return (e: any) => {\r\n grid.exportToExcel(false);\r\n }\r\n }\r\n\r\n function onExporting (e: any) {\r\n const grid: DevExpress.ui.dxDataGrid = e.component;\r\n\r\n e.fileName = grid.option(\"gridName\");\r\n } \r\n \r\n}","namespace Areas {\r\n \"use strict\";\r\n\r\n export class FilterBuilder {\r\n filterValue: any;\r\n readonly filterButtonName = \"filterButton_\" + new DevExpress.data.Guid().toString();\r\n readonly clearFilterButtonName = \"clearFilterButton_\"+ new DevExpress.data.Guid().toString();\r\n\r\n readonly grid: DevExpress.ui.dxDataGrid;\r\n private readonly toolbarOptions: any;\r\n\r\n constructor(grid: DevExpress.ui.dxDataGrid, toolbarOptions: any) {\r\n this.grid = grid;\r\n this.toolbarOptions = toolbarOptions;\r\n }\r\n\r\n addButtons() {\r\n addButtonToToolbar(this.toolbarOptions, {\r\n elementAttr: { id: this.filterButtonName },\r\n text: \"Advanced Filter\",\r\n hint: \"Create an advanced filter\",\r\n type: \"normal\",\r\n icon: \"filter\",\r\n onClick: this.showFilterDialog()\r\n }, \"after\"); \r\n \r\n addButtonToToolbar(this.toolbarOptions, {\r\n elementAttr: { id: this.clearFilterButtonName },\r\n text: \"Clear Filter\",\r\n hint: \"Clear the filter\",\r\n type: \"normal\",\r\n disabled: true,\r\n onClick: this.clearFilter()\r\n }, \"after\"); \r\n }\r\n\r\n private showFilterDialog() {\r\n return (e: any) => {\r\n let fields = this.getFields();\r\n\r\n const parameters = {\r\n filterValue: this.filterValue,\r\n fields: fields\r\n };\r\n\r\n const dialog = new Areas.Dialogs.FilterBuilderDialog(this.filterBuilderClosed(this), parameters);\r\n }\r\n }\r\n\r\n private getFields(): any {\r\n let fields = [];\r\n\r\n for (let i = 0; i < this.grid.columnCount(); i++) {\r\n const columnOption = this.grid.columnOption(i);\r\n\r\n if (columnOption.dataField) {\r\n fields.push(this.buildField(columnOption));\r\n }\r\n }\r\n\r\n return fields;\r\n }\r\n\r\n private buildField(columnOption: any): any {\r\n if (columnOption.displayField) {\r\n return {\r\n dataField: columnOption.displayField,\r\n dataType: \"string\",\r\n caption: columnOption.caption,\r\n format: columnOption.format\r\n };\r\n }\r\n\r\n return {\r\n dataField: columnOption.dataField,\r\n dataType: columnOption.dataType,\r\n caption: columnOption.caption,\r\n format: columnOption.format\r\n };\r\n }\r\n\r\n private clearFilter() {\r\n return (e: any) => {\r\n this.grid.clearFilter();\r\n this.filterValue = null;\r\n e.component.option(\"disabled\", true);\r\n $(`#${this.filterButtonName}`).dxButton(\"instance\").option(\"type\", \"default\");\r\n };\r\n }\r\n\r\n private filterBuilderClosed (filterBuilder: FilterBuilder) {\r\n return (result: Areas.DialogResult, data: any) => {\r\n if (result === DialogResult.Cancel) return;\r\n\r\n filterBuilder.filterValue = data.filter;\r\n\r\n filterBuilder.grid.filter(data.filter);\r\n\r\n $(`#${filterBuilder.filterButtonName}`).dxButton(\"instance\")\r\n .option(\"type\", data.filter ? \"success\" : \"default\");\r\n\r\n $(`#${filterBuilder.clearFilterButtonName}`).dxButton(\"instance\")\r\n .option(\"disabled\", !data.filter);\r\n }\r\n }\r\n } \r\n}","namespace Areas {\r\n \"use strict\";\r\n\r\n export function addFilterBuilder(e: any) {\r\n const grid: DevExpress.ui.dxDataGrid = e.component;\r\n\r\n let filterBuilder = new FilterBuilder(grid, e.toolbarOptions);\r\n filterBuilder.addButtons();\r\n }\r\n\r\n}","namespace Areas {\r\n \"use strict\";\r\n\r\n export function addEditingButtons(e: any, buttonOptions: Array) {\r\n const grid: DevExpress.ui.dxDataGrid = e.component;\r\n\r\n const editButtonsBuilder = new EditButtonsBuilder(grid, e.toolbarOptions);\r\n editButtonsBuilder.addButtons(buttonOptions);\r\n } \r\n\r\n export function addEditBatchButton(e: any) {\r\n const grid: DevExpress.ui.dxDataGrid = e.component;\r\n const editBatchButtonConfiguration = new EditBatchButtonConfiguration(e.toolbarOptions);\r\n editBatchButtonConfiguration.configureBatchEditButtons();\r\n }\r\n \r\n}","namespace Areas {\r\n \"use strict\";\r\n\r\n export function buildCellContent(cellElement: any, getData: () => string, contentTemplate: string) {\r\n const data = getData();\r\n const re = /{placeholder}/gi;\r\n const content = contentTemplate.replace(re, data);\r\n cellElement.html(content);\r\n }\r\n\r\n export function gotoSelected(gridName: string, url: string) {\r\n const dataGrid = $(`#${gridName}`).dxDataGrid(\"instance\");\r\n const dataId = dataGrid.getSelectedRowKeys()[0];\r\n if (dataId != null) {\r\n location.href = url + dataId;\r\n }\r\n else {\r\n DevExpress.ui.notify(\"You need to select a row first!\", \"warning\", 2000);\r\n }\r\n }\r\n\r\n\r\n export function refreshGrid(id: string) {\r\n $(`#${id}`).dxDataGrid(\"instance\").refresh();\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 (_.contains(buttonOptions, \"resetLayout\")) {\r\n TreeList.addResetLayout(e);\r\n }\r\n }\r\n }\r\n\r\n}","namespace Areas.Analysis.Building {\r\n \"use strict\";\r\n\r\n export function goToBuildingFromGrid(e: any) {\r\n const dataGrid = $(\"#BuildingsGrid\").dxDataGrid(\"instance\");\r\n const rows = dataGrid.getSelectedRowsData();\r\n if (rows.length == 1) {\r\n location.href = \"/Building/Profile/View/\" + rows[0].buildingId;\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 columnViewLink(cellElement: any, cellInfo: any) {\r\n let linkInfo = \"View\";\r\n\r\n buildCellContent(cellElement,\r\n () => { return cellInfo.data.buildingId; },\r\n linkInfo);\r\n }\r\n}","namespace Areas.Analysis.DeletedDocuments {\r\n \"use strict\";\r\n\r\n export function goToProjectFromGrid(e: any) {\r\n const dataGrid = $(\"#DeletedDocumentsGrid\").dxDataGrid(\"instance\");\r\n const rows = dataGrid.getSelectedRowsData();\r\n if (rows.length == 1) {\r\n location.href = \"/Project/Profile/View/\" + rows[0].projectId;\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\r\n}","namespace Areas.Analysis.DocumentHistory {\r\n \"use strict\";\r\n\r\n export function goToProjectFromGrid(e: any) {\r\n const dataGrid = $(\"#DocumentHistoryGrid\").dxDataGrid(\"instance\");\r\n const rows = dataGrid.getSelectedRowsData();\r\n if (rows.length == 1) {\r\n location.href = \"/Project/Profile/View/\" + rows[0].projectId;\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\r\n}","namespace Areas.Analysis.DownloadChart {\r\n \"use strict\";\r\n\r\n\r\n let startDate: string = new Date().toLocaleDateString();\r\n let endDate: string = new Date().toLocaleDateString();\r\n\r\n\r\n export function getStartDate() {\r\n return startDate;\r\n }\r\n\r\n export function getEndDate() {\r\n return endDate;\r\n }\r\n\r\n export function setLabelText(a, b) {\r\n\r\n var z = 1;\r\n return a.argumentText + \" ( \" + a.valueText + \")\";\r\n\r\n }\r\n\r\n}","namespace Areas.Analysis.DrawingHistory {\r\n \"use strict\";\r\n\r\n export function goToProjectFromGrid(e: any) {\r\n const dataGrid = $(\"#DrawingHistoryGrid\").dxDataGrid(\"instance\");\r\n const rows = dataGrid.getSelectedRowsData();\r\n if (rows.length == 1) {\r\n location.href = \"/Project/Profile/View/\" + rows[0].projectId;\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\r\n}","namespace Areas.Analysis.MilestonesCrosstab {\r\n \"use strict\";\r\n\r\n export function goToProjectFromGrid(e: any) {\r\n const dataGrid = $(\"#MilestonesCrosstabGrid\").dxDataGrid(\"instance\");\r\n const rows = dataGrid.getSelectedRowsData();\r\n if (rows.length == 1) {\r\n location.href = \"/Project/Profile/View/\" + rows[0].projectId;\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\r\n\r\n export function columnViewLink(cellElement: any, cellInfo: any) {\r\n let linkInfo = \"View\";\r\n\r\n buildCellContent(cellElement,\r\n () => { return cellInfo.data.projectId; },\r\n linkInfo);\r\n }\r\n\r\n\r\n export function onCellPrepared(e: any) {\r\n if (e.rowType !== \"data\") {\r\n return;\r\n }\r\n setDateCellBackground(e);\r\n }\r\n\r\n function setDateCellBackground(e) {\r\n var demoPermitDate = e.column.dataField === \"demolitionPermitDate\";\r\n var demoPermitCount = e.column.dataField === \"demolitionPermitCount\";\r\n\r\n if (demoPermitDate) {\r\n if (e.data.demoPermitCount === 0 && e.data.demoPermitDate !== null) {\r\n e.cellElement.css('background-color','yellow')\r\n }\r\n else if (e.data.demoPermitCount > 0 && e.data.demoPermitDate === null) {\r\n e.cellElement.css('background-color', 'red')\r\n }\r\n }\r\n\r\n var permitDate = e.column.dataField === \"permitDate\";\r\n var permitCount = e.column.dataField === \"permitCount\";\r\n\r\n if (permitDate) {\r\n if (e.data.permitCount === 0 && e.data.permitDate !== null) {\r\n e.cellElement.css('background-color', 'yellow')\r\n }\r\n else if (e.data.permitCount > 0 && e.data.permitDate === null) {\r\n e.cellElement.css('background-color', 'red')\r\n }\r\n }\r\n\r\n var tcoDate = e.column.dataField === \"tcoDate\";\r\n var tcoCount = e.column.dataField === \"tcoCount\";\r\n\r\n if (tcoDate) {\r\n if (e.data.tcoCount === 0 && e.data.tcoDate !== null) {\r\n e.cellElement.css('background-color', 'yellow')\r\n }\r\n else if (e.data.tcoCount > 0 && e.data.tcoDate === null) {\r\n e.cellElement.css('background-color', 'red')\r\n }\r\n }\r\n\r\n var coDate = e.column.dataField === \"coDate\";\r\n var coCount = e.column.dataField === \"coCount\";\r\n\r\n if (coDate) {\r\n if (e.data.coCount === 0 && e.data.coDate !== null) {\r\n e.cellElement.css('background-color', 'yellow')\r\n }\r\n else if (e.data.coCount > 0 && e.data.coDate === null) {\r\n e.cellElement.css('background-color', 'red')\r\n }\r\n }\r\n\r\n\r\n var boDate = e.column.dataField === \"boDate\";\r\n var boCount = e.column.dataField === \"boCount\";\r\n\r\n if (boDate) {\r\n if (e.data.boCount === 0 && e.data.boDate !== null) {\r\n e.cellElement.css('background-color', 'yellow')\r\n }\r\n else if (e.data.boCount > 0 && e.data.boDate === null) {\r\n e.cellElement.css('background-color', 'red')\r\n }\r\n }\r\n\r\n var scDate = e.column.dataField === \"scDate\";\r\n var scCount = e.column.dataField === \"scCount\";\r\n\r\n if (scDate) {\r\n if (e.data.scCount === 0 && e.data.scDate !== null) {\r\n e.cellElement.css('background-color', 'yellow')\r\n }\r\n else if (e.data.scCount > 0 && e.data.scDate === null) {\r\n e.cellElement.css('background-color', 'red')\r\n }\r\n }\r\n\r\n var iaDate = e.column.dataField === \"iaDate\";\r\n var iaCount = e.column.dataField === \"iaCount\";\r\n\r\n if (iaDate) {\r\n if (e.data.iaCount === 0 && e.data.iaDate !== null) {\r\n e.cellElement.css('background-color', 'yellow')\r\n }\r\n else if (e.data.iaCount > 0 && e.data.iaDate === null) {\r\n e.cellElement.css('background-color', 'red')\r\n }\r\n }\r\n\r\n var ncDate = e.column.dataField === \"ncDate\";\r\n var ncCount = e.column.dataField === \"ncCount\";\r\n\r\n if (ncDate) {\r\n if (e.data.ncCount === 0 && e.data.ncDate !== null) {\r\n e.cellElement.css('background-color', 'yellow')\r\n }\r\n else if (e.data.ncCount > 0 && e.data.ncDate === null) {\r\n e.cellElement.css('background-color', 'red')\r\n }\r\n }\r\n\r\n\r\n }\r\n\r\n}","namespace Areas.Analysis.MilestonesPivot {\r\n \"use strict\";\r\n\r\n export function resetPivotGrid() {\r\n const dataPivot = $(\"#MilestonesPivotGrid\").dxPivotGrid(\"instance\");\r\n dataPivot.getDataSource().state({});\r\n }\r\n\r\n export function goToProjectFromGrid(e: any) {\r\n const dataGrid = $(\"#MilestonesGrid\").dxDataGrid(\"instance\");\r\n const rows = dataGrid.getSelectedRowsData();\r\n if (rows.length == 1) {\r\n location.href = \"/Project/Profile/View/\" + rows[0].projectId;\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\r\n}","namespace Areas.Analysis.Project {\r\n \"use strict\";\r\n\r\n export function goToProjectFromGrid(e: any) {\r\n const dataGrid = $(\"#ProjectsGrid\").dxDataGrid(\"instance\");\r\n const rows = dataGrid.getSelectedRowsData();\r\n if (rows.length == 1) {\r\n location.href = \"/Project/Profile/View/\" + rows[0].projectId;\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 columnViewLink(cellElement: any, cellInfo: any) {\r\n let linkInfo = \"View\";\r\n\r\n buildCellContent(cellElement,\r\n () => { return cellInfo.data.projectId; },\r\n linkInfo);\r\n }\r\n}","namespace Areas.Analysis.WeatherChart{\r\n \"use strict\";\r\n\r\n var weatherChartTabItems = Areas.createTabsWithSameController(\"Analysis\",\r\n [\"Monthly\", \"Daily\", \"Hourly\"], \"WeatherChart\");\r\n\r\n export function weatherChartTabInitialized(params: any) {\r\n return Areas.tabInitialized(weatherChartTabItems)(params);\r\n }\r\n\r\n}","namespace Areas.Building.AllAttachment {\r\n \"use strict\";\r\n\r\n let runQuery: boolean = false;\r\n let attachmentType: string;\r\n \r\n export function getData(e: any) {\r\n attachmentType = e.value;\r\n runQuery = true;\r\n $(\"#AllAttachmentGrid\").dxDataGrid(\"instance\").refresh();\r\n }\r\n\r\n export function getAttachmentType() {\r\n return attachmentType;\r\n } \r\n\r\n export function canExecuteQuery() {\r\n return runQuery;\r\n }\r\n \r\n}","namespace Areas.Building.BuildingImage {\r\n \"use strict\";\r\n\r\n var isUpdateCanceled: boolean = false;\r\n\r\n export function buildingImage(cellElement: any, cellInfo: any) {\r\n buildCellContent(cellElement,\r\n () => { return cellInfo.data.buildingImageId; },\r\n \"
\");\r\n }\r\n\r\n export function edit(cellElement, cellInfo) {\r\n var div = document.createElement(\"div\");\r\n cellElement.get(0).appendChild(div);\r\n $(div).dxButton({\r\n text: \"\",\r\n icon: \"edit\",\r\n type: \"normal\",\r\n onClick: showUploadDialog({ \r\n buildingId: cellInfo.data.buildingId, \r\n buildingImageId: cellInfo.data.buildingImageId, \r\n allowMultipleUploads: false\r\n })\r\n });\r\n }\r\n\r\n const customAddButtonName = \"customAddButton\";\r\n \r\n export function addButton(e: any) {\r\n const grid: DevExpress.ui.dxDataGrid = e.component;\r\n const data = { buildingId: grid.option(\"buildingId\"), buildingImageId: 0, allowMultipleUploads: true};\r\n \r\n addButtonToToolbar(e.toolbarOptions, {\r\n elementAttr: { id: customAddButtonName },\r\n text: \"Add\",\r\n hint: \"Add new building image\",\r\n type: \"success\",\r\n icon: \"plus\",\r\n onClick: showUploadDialog(data)\r\n }, \"center\");\r\n } \r\n\r\n export function showUploadDialog(data: any) {\r\n return () => {\r\n const buildingImageDialog = \r\n new Areas.Dialog.BuildingImageDialog(dialogClosing, data);\r\n }\r\n }\r\n\r\n function dialogClosing(dialogResult: DialogResult, data: any) {\r\n if (dialogResult === DialogResult.Cancel) return;\r\n\r\n location.href = location.href;\r\n } \r\n}","namespace Areas.Building.Drawing {\r\n \"use strict\";\r\n\r\n $(() => { init(); });\r\n\r\n function init() {\r\n const $container = $(\"#checkboxFilterContainerBuildingDrawings\");\r\n\r\n if ($container.length) {\r\n const template = $(\"#checkboxList\").html();\r\n\r\n $.get(\"/Building/Drawing/GetDrawingTypes\", function (data) {\r\n const items = Areas.partitionBy(data, 4);\r\n $container.append(_.template(template)({ items: items }));\r\n });\r\n }\r\n } \r\n \r\n export function downloadDrawingLink(cellElement: any, cellInfo: any) {\r\n var buildingId = cellInfo.component.option(\"buildingId\");\r\n var content = `Download`;\r\n cellElement.html(content);\r\n } \r\n\r\n export function applyFilter() {\r\n $(\"#DrawingDataGrid\").dxDataGrid(\"instance\").refresh();\r\n }\r\n\r\n export function getDrawingTypes() {\r\n var drawingTypes = [];\r\n $.each($(\"input[name='drawing-type']:checked\"), function(){ \r\n drawingTypes.push($(this).val());\r\n });\r\n\r\n return drawingTypes.join(\"|\");\r\n } \r\n \r\n export function getFilterType() {\r\n return false;\r\n } \r\n \r\n}","namespace Areas.Building.List {\r\n \"use strict\";\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 view() {\r\n gotoSelected(\"BuildingsGrid\", \"/Building/Profile/View/\");\r\n }\r\n\r\n export function edit() {\r\n gotoSelected(\"BuildingsGrid\", \"/Building/Profile/Edit/\");\r\n }\r\n\r\n export function showCreate() {\r\n $(\"#CreateBuildingPopup\").dxPopup(\"instance\").show();\r\n }\r\n\r\n export function insertRecord(e: any) {\r\n const form = $(\"#BuildingForm\").dxForm(\"instance\");\r\n const result: any = form.validate();\r\n\r\n if (result.isValid) {\r\n const newData: any = form.option(\"formData\");\r\n\r\n sendRequest(\"/Building/List/Post\", JSON.stringify(newData), \"POST\");\r\n }\r\n }\r\n\r\n export function columnViewLink(cellElement: any, cellInfo: any) {\r\n let linkInfo = \"View\";\r\n\r\n buildCellContent(cellElement,\r\n () => { return cellInfo.data.buildingId; },\r\n linkInfo);\r\n }\r\n\r\n export function goToSpaceInventory(e: any) {\r\n const grid = $(\"#BuildingsGrid\").dxDataGrid(\"instance\");\r\n const row = grid.getSelectedRowsData();\r\n\r\n if (row.length == 1) {\r\n var id = row[0].locationId;\r\n let linkInfo = \"http://spaceinventory.ucla.edu/#/LocID/\" + id;\r\n window.open(linkInfo);\r\n }\r\n }\r\n}","namespace Areas.Building.OtherAttachment {\r\n \"use strict\";\r\n\r\n let runQuery: boolean = false;\r\n let attachmentType: string;\r\n \r\n export function getData(e: any) {\r\n attachmentType = e.value;\r\n runQuery = true;\r\n $(\"#OtherAttachmentGrid\").dxDataGrid(\"instance\").refresh();\r\n }\r\n\r\n export function getAttachmentType() {\r\n return attachmentType;\r\n } \r\n\r\n export function canExecuteQuery() {\r\n return runQuery;\r\n }\r\n \r\n}","namespace Areas.Building.Profile {\r\n \"use strict\";\r\n\r\n var imageUrls; \r\n\r\n $(() => {\r\n var tile = $(\"#tileView\").dxTileView(\"instance\");\r\n\r\n if (tile) {\r\n var buildingId = $(\"#BuildingForm\").dxForm(\"instance\").option(\"KeyId\");\r\n $.get(`/Building/Profile/GetImageUrls/${buildingId}`, (data) => {\r\n imageUrls = data;\r\n tile.option(\"dataSource\", imageUrls);\r\n });\r\n }\r\n });\r\n\r\n export function itemTemplate(itemData: any, itemIndex: any, itemElement:any) {\r\n var style = `cursor:pointer;height:100%;width:100%;display:block;background-size:cover;background-position:center;background-image: url('${itemData.url}')`;\r\n itemElement.append(``);\r\n }\r\n\r\n export function lookupLEEDTypeTemplate(itemData: any, itemIndex: any, itemElement: any) {\r\n return Areas.lookupActiveTemplate((i) => i.leedTypeLk)(itemData, itemIndex, itemElement);\r\n }\r\n\r\n export function onItemClick(e: any) {\r\n const imageGalleryDialog = new Areas.Dialog.ImageGalleryDialog(dialogClosing, imageUrls, extraInitialization);\r\n }\r\n\r\n function extraInitialization() {\r\n const gallery = $(\"#gallery\").dxGallery(\"instance\");\r\n gallery.option(\"dataSource\", this.parameters.map(i => i.url));\r\n gallery.repaint();\r\n }\r\n\r\n export function updateBuilding() {\r\n const form = $(\"#BuildingForm\").dxForm(\"instance\");\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 sendRequest(`/Building/Profile/Put/${keyId}`, JSON.stringify(newData), \"PUT\");\r\n }\r\n } \r\n\r\n export function showGpsDialog() {\r\n const form = $(\"#BuildingForm\").dxForm(\"instance\");\r\n const formData: any = form.option(\"formData\"); \r\n const dialogGps = new Dialogs.GpsDialog(updateBuildingGps, formData.GPS); \r\n }\r\n\r\n function updateBuildingGps(dialogResult: DialogResult, data: any) {\r\n \r\n if (dialogResult === DialogResult.Cancel) return;\r\n\r\n const form = $(\"#BuildingForm\").dxForm(\"instance\");\r\n const formData: any = form.option(\"formData\");\r\n\r\n if (data) {\r\n formData.GPS = data;\r\n form.option(\"formData\", formData); \r\n }\r\n }\r\n\r\n export function goToSpaceInventory() {\r\n const form = $(\"#BuildingForm\").dxForm(\"instance\");\r\n const formData: any = form.option(\"formData\");\r\n\r\n if (formData) {\r\n var id = formData.LocationId;\r\n let linkInfo = \"http://spaceinventory.ucla.edu/#/LocID/\" + id;\r\n window.open(linkInfo);\r\n }\r\n }\r\n\r\n function dialogClosing(dialogResult: DialogResult, data: any) {\r\n } \r\n\r\n export function selectBox_valueChanged(e: any)\r\n {\r\n if (e.value = 1) {\r\n Areas.goToEdit()\r\n }\r\n if (e.value = 2) {\r\n Areas.goToView()\r\n }\r\n if (e.value = 3) {\r\n Areas.goToEdit()\r\n }\r\n }\r\n}\r\n","namespace Areas.Building.Project {\r\n \"use strict\";\r\n\r\n export function goToProjectFromProjectGrid() {\r\n gotoSelected(\"ProjectDataGrid\", \"/Project/Profile/View/\");\r\n }\r\n\r\n export function columnViewLink(cellElement: any, cellInfo: any) {\r\n let linkInfo = \"View\";\r\n\r\n buildCellContent(cellElement,\r\n () => { return cellInfo.data.projectId; },\r\n linkInfo);\r\n }\r\n}"," namespace Areas.Building.Edit {\r\n \"use strict\";\r\n\r\n var tabItems = Areas.createTabsWithSameAction(\"Building\", \"Edit\",\r\n [\"Profile\", \"BuildingImage\", \"Project\", \"Drawing\",\r\n \"Permit\", \"AutoCad\", \"Picture\", \r\n \"Presentation\", \"OtherAttachment\",\"AllAttachment\"]);\r\n\r\n export function tabInitialized(params: any) {\r\n return Areas.tabWithIdInitialized(tabItems)(params);\r\n }\r\n\r\n export function newBuildingAlias(e: any) {\r\n setBuildingId(\"AliasDataGrid\", e);\r\n }\r\n\r\n export function newBuildingProject(e: any) {\r\n setBuildingId(\"ProjectDataGrid\", e);\r\n }\r\n\r\n function setBuildingId(gridName: string, e: any) {\r\n const dataGrid = $(`#${gridName}`).dxDataGrid(\"instance\");\r\n const buildingId = dataGrid.option(\"buildingId\");\r\n\r\n e.data.buildingId = buildingId; \r\n }\r\n\r\n}","namespace Areas.Building {\r\n \"use strict\";\r\n\r\n const downloadZipButtonId = \"downloadZipButton\";\r\n \r\n export function viewProjectLink(cellElement: any, cellInfo: any) {\r\n buildCellContent(cellElement,\r\n () => { return cellInfo.data.projectId; },\r\n \"View\");\r\n }\r\n\r\n export function downloadAttachmentLink(cellElement: any, cellInfo: any) {\r\n var buildingId = cellInfo.component.option(\"buildingId\");\r\n var content = `Download`;\r\n cellElement.html(content);\r\n }\r\n\r\n export function thumbnailImage(cellElement: any, cellInfo: any) {\r\n buildCellContent(cellElement,\r\n () => { return cellInfo.data.attachmentId; },\r\n \"
\");\r\n } \r\n\r\n export function returnToListFromTab() {\r\n var linkInfo = \"/Building/List/Index\";\r\n location.href = linkInfo;\r\n\r\n }\r\n\r\n export function addDownloadZipButton(e: any) {\r\n if ($(`#${downloadZipButtonId}`).length == 0) {\r\n var div = document.createElement(\"div\");\r\n var toolbar = e.element.find('.dx-toolbar-after');\r\n $(toolbar.get(0)).prepend(div); \r\n\r\n $(div).dxButton({\r\n elementAttr: { id: downloadZipButtonId },\r\n text: \"Download Zip\",\r\n icon: \"arrowdown\",\r\n type: \"normal\",\r\n disabled: true,\r\n onClick(elem) { downloadZip(e.component); }\r\n });\r\n }\r\n } \r\n\r\n export function toggleDownloadZipButton(e: any) {\r\n if (e.selectedRowKeys.length) {\r\n Areas.enableButton(downloadZipButtonId);\r\n } else {\r\n Areas.disableButton(downloadZipButtonId);\r\n }\r\n }\r\n\r\n export function downloadZip(dataGrid: DevExpress.ui.dxDataGrid) {\r\n const buildingId = dataGrid.option(\"buildingId\");\r\n const type = dataGrid.option(\"type\");\r\n const selectedIds = getSelectedIds(dataGrid, type);\r\n \r\n const url = `/File/Get/${type}Zip?ids=${selectedIds}&buildingId=${buildingId}`; \r\n location.href = url; \r\n }\r\n \r\n function getSelectedIds(dataGrid: DevExpress.ui.dxDataGrid, type: string) : string {\r\n if (type === \"Drawing\") {\r\n return dataGrid.getSelectedRowKeys().join(',');\r\n }\r\n\r\n return dataGrid.getSelectedRowsData().map(d => d.attachmentId).join(',');\r\n }\r\n \r\n}","namespace Areas.Building.View {\r\n \"use strict\";\r\n\r\n var tabItems = Areas.createTabsWithSameAction(\"Building\", \"View\",\r\n [\"Profile\", \"BuildingImage\", \"Project\", \"Drawing\",\r\n \"Permit\", \"AutoCad\", \"Picture\",\r\n \"Presentation\", \"OtherAttachment\", \"AllAttachment\"]);\r\n\r\n export function tabInitialized(params: any) {\r\n return Areas.tabWithIdInitialized(tabItems)(params);\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 = form.option(\"parameterList\");\r\n const parameterData = [];\r\n\r\n parameterList.forEach(parameterName => {\r\n const value = Areas.isEmpty(data[parameterName]) ? \"\" : data[parameterName];\r\n parameterData.push({name: parameterName, value: value});\r\n });\r\n\r\n return JSON.stringify(parameterData);\r\n }\r\n\r\n function customizeColumns(cols: any): void {\r\n const items = $(\"#CustomQueryResultGrid\").dxDataGrid(\"instance\").getDataSource().items();\r\n\r\n cols.forEach((col) => {\r\n const columnName = col.dataField as string;\r\n const columnValue = items[0][columnName];\r\n\r\n if(isAValidDate(columnValue, columnName)){\r\n col.dataType = \"date\";\r\n col.format = \"shortDateShortTime\";\r\n } \r\n })\r\n }\r\n \r\n function isAValidDate(columnValue: any, columnName: string): boolean {\r\n let isValid = false;\r\n\r\n if (Areas.isNotEmpty(columnValue)) {\r\n isValid = moment(columnValue, moment.ISO_8601, true).isValid();\r\n } else {\r\n const columnNameContainsDate = columnName.toLowerCase().indexOf(\"date\") > -1;\r\n\r\n if (columnNameContainsDate) {\r\n isValid = true;\r\n }\r\n }\r\n\r\n return isValid;\r\n }\r\n}","namespace Areas.CustomQuery {\r\n \"use strict\";\r\n\r\n let customQueryId: number;\r\n let canRunQuery: boolean = false;\r\n let gridIsInitialized: boolean = false; \r\n\r\n export function getCustomQueryId(): number {\r\n return customQueryId;\r\n }\r\n\r\n export function setGridIsInitialized(): void {\r\n gridIsInitialized = true;\r\n }\r\n\r\n export function canExecuteQuery(): boolean {\r\n return canRunQuery;\r\n }\r\n\r\n export function runQuery(e: any): void {\r\n if (gridIsInitialized) {\r\n $(\"#CustomQueryResultGrid\").dxDataGrid(\"dispose\");\r\n }\r\n\r\n createGridResult();\r\n }\r\n\r\n export function onCustomQuerySelected(e: any): void {\r\n const selectedRows = e.component.getSelectedRowsData();\r\n const rowSelected = selectedRows.length === 1;\r\n \r\n if (rowSelected) {\r\n canRunQuery = true;\r\n customQueryId = selectedRows[0].customQueryId;\r\n createParameterForm(selectedRows[0].customQueryFields);\r\n }\r\n else\r\n {\r\n canRunQuery = false;\r\n }\r\n }\r\n\r\n}","namespace Areas.Dialog {\r\n \"use strict\";\r\n\r\n export class BuildingImageDialog extends Areas.BaseDialog {\r\n\r\n constructor(closeHandler: (dialogResult: DialogResult, data: any) => void, parameters: any) {\r\n super(\"BuildingImage\", closeHandler, parameters, \r\n () => {\r\n const uploader = $(\"#fileUploaderControl\").dxFileUploader(\"instance\");\r\n let url: any = uploader.option(\"uploadUrl\");\r\n \r\n url = updateQueryStringParameter(url, \"buildingId\", this.parameters.buildingId);\r\n url = updateQueryStringParameter(url, \"buildingImageId\", this.parameters.buildingImageId);\r\n \r\n uploader.option(\"uploadUrl\", url); \r\n uploader.option(\"multiple\", this.parameters.allowMultipleUploads);\r\n\r\n if (!this.parameters.allowMultipleUploads) {\r\n this.popup.option(\"title\", \"Replace Building Image\");\r\n uploader.option(\"selectButtonText\", \"Select Image\");\r\n this.popup.option(\"maxWidth\", 400);\r\n this.popup.option(\"maxHeight\", 350);\r\n }\r\n });\r\n }\r\n\r\n protected ok = (e: any) => { \r\n this.close(DialogResult.Ok, null); \r\n } \r\n \r\n }\r\n \r\n}","namespace Areas.Dialogs {\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 {\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","namespace Areas.Dialogs {\r\n \"use strict\";\r\n\r\n export class GpsDialog extends Areas.BaseDialog {\r\n\r\n markerExists: boolean = false;\r\n gpsData: any;\r\n\r\n constructor(closeHandler: (dialogResult: DialogResult, data: any) => void, parameters:any) {\r\n super(\"Gps\", closeHandler, parameters,\r\n () => {\r\n Areas.disableButton(this.okButtonId);\r\n\r\n const map = $(\"#map\").dxMap(\"instance\");\r\n map.on({ \"click\": addMarker(this) });\r\n map.on({ \"markerRemoved\" : markerRemoved(this) });\r\n\r\n if (parameters)\r\n {\r\n map.addMarker({ location: parameters })\r\n .then((e) => \r\n { \r\n this.markerExists = true; \r\n map.option(\"autoAdjust\", false); \r\n });\r\n }\r\n });\r\n }\r\n\r\n protected ok = (e: any) => {\r\n this.close(DialogResult.Ok, this.gpsData);\r\n }\r\n\r\n }\r\n\r\n function markerRemoved(dialog: GpsDialog) {\r\n return (e: any) => {\r\n dialog.markerExists = false;\r\n }\r\n } \r\n\r\n function addMarker(dialog: GpsDialog) {\r\n return (e: any) => {\r\n dialog.gpsData = `${e.location.lat}, ${e.location.lng}`;\r\n const map = $(\"#map\").dxMap(\"instance\");\r\n \r\n if (dialog.markerExists) {\r\n map.removeMarker(0)\r\n .then(() => map.addMarker({ location: e.location })\r\n .then((e) => { dialog.markerExists = true; Areas.enableButton(dialog.okButtonId); }));\r\n } else {\r\n map.addMarker({ location: e.location })\r\n .then((e) => { dialog.markerExists = true; Areas.enableButton(dialog.okButtonId); });\r\n }\r\n }\r\n }\r\n \r\n}","namespace Areas.Dialog {\r\n \"use strict\";\r\n\r\n export class ImageGalleryDialog extends Areas.BaseDialog {\r\n\r\n constructor(closeHandler: (dialogResult: DialogResult, data: any) => void, parameters: any,\r\n extraInitialization: () => void) {\r\n super(\"ImageGallery\", closeHandler, parameters, extraInitialization);\r\n }\r\n\r\n protected ok = (e: any) => { \r\n this.close(DialogResult.Ok, null); \r\n } \r\n }\r\n \r\n}","namespace Areas.Dialog {\r\n \"use strict\";\r\n\r\n export class ProjectDialog extends Areas.BaseDialog {\r\n\r\n constructor(closeHandler: (dialogResult: DialogResult, data: any) => void) {\r\n super(\"Project\", closeHandler);\r\n }\r\n\r\n protected ok = (e: any) => {\r\n\r\n const dataGrid = $(`#${this.dialogName}LookupGrid`).dxDataGrid('instance');\r\n const selectedRows: any = dataGrid.getSelectedRowsData();\r\n \r\n if (selectedRows[0] == null) {\r\n DevExpress.ui.notify(\"Please make a selection first!\", \"warning\", 2000);\r\n } else {\r\n var data = selectedRows[0];\r\n this.close(DialogResult.Ok, data);\r\n }\r\n } \r\n }\r\n \r\n}","namespace Areas.Drawing.Classify {\r\n\r\n \"use strict\";\r\n\r\n let projectId = 0;\r\n let runQuery: boolean = false;\r\n\r\n var drawingGrid: DevExpress.ui.dxDataGrid;\r\n var buildingGrid: DevExpress.ui.dxDataGrid;\r\n var drawingTypeGrid: DevExpress.ui.dxDataGrid;\r\n var designProfessionalDisciplineGrid: DevExpress.ui.dxDataGrid;\r\n const saveButtonName: string = \"SaveButton\";\r\n const deleteButtonName: string = \"DeleteButton\";\r\n const markButtonName: string = \"MarkCompleteButton\";\r\n\r\n $(() => { init(); });\r\n\r\n function init() {\r\n drawingGrid = $(\"#DataEntryDrawingDataGrid\").dxDataGrid(\"instance\");\r\n buildingGrid = $(\"#BuildingDataGrid\").dxDataGrid(\"instance\");\r\n drawingTypeGrid = $(\"#DataEntryDrawingTypesGrid\").dxDataGrid(\"instance\");\r\n designProfessionalDisciplineGrid = $(\"#DataEntryDesignProfessionalDisciplinesGrid\").dxDataGrid(\"instance\");\r\n }\r\n\r\n export function sortGridColumn(e: any) {\r\n //return 1;\r\n var val = $(\"#DataEntryDesignProfessionalDisciplinesGrid\").dxDataGrid(\"instance\").getSelectedRowKeys().indexOf(e);\r\n if (val > -1)\r\n { return 0; }\r\n else\r\n { return -1; }\r\n }\r\n\r\n export function columnViewLink(cellElement: any, cellInfo: any) {\r\n let linkInfo = \"View\";\r\n\r\n buildCellContent(cellElement,\r\n () => { return cellInfo.data.projectId; },\r\n linkInfo);\r\n }\r\n\r\n export function refreshGrid(e: any) {\r\n e.component.refresh();\r\n }\r\n\r\n export function projectSelected(e: any) {\r\n projectId = e.selectedRowKeys[0];\r\n runQuery = true;\r\n getDrawings();\r\n }\r\n\r\n function getDrawings() { \r\n drawingGrid.deselectAll(); \r\n drawingGrid.getDataSource().reload();\r\n buildingGrid.deselectAll();\r\n buildingGrid.refresh();\r\n drawingTypeGrid.deselectAll();\r\n designProfessionalDisciplineGrid.deselectAll();\r\n Areas.disableButton(saveButtonName);\r\n Areas.disableButton(markButtonName); \r\n }\r\n\r\n export function drawingSelected(e: any) {\r\n if (drawingGrid.getSelectedRowKeys().length > 0) {\r\n Areas.enableButton(saveButtonName);\r\n Areas.enableButton(deleteButtonName);\r\n Areas.enableButton(markButtonName);\r\n } else {\r\n Areas.disableButton(saveButtonName);\r\n Areas.disableButton(deleteButtonName);\r\n Areas.disableButton(markButtonName);\r\n }\r\n }\r\n\r\n export function saveClassification() {\r\n const record = getRecord();\r\n sendRequest(\"/Drawing/Classify/AddDrawingsClassification\", JSON.stringify(record), \"POST\",\r\n (data) => drawingGrid.refresh());\r\n }\r\n\r\n export function removeClassification() {\r\n const record = getRecord();\r\n sendRequest(\"/Drawing/Classify/RemoveDrawingsClassification\", JSON.stringify(record), \"POST\",\r\n (data) => drawingGrid.refresh());\r\n } \r\n \r\n function getRecord() : any {\r\n return {\r\n drawings: drawingGrid.getSelectedRowKeys(),\r\n buildingProjects: buildingGrid.getSelectedRowKeys(),\r\n drawingTypes: drawingTypeGrid.getSelectedRowKeys(),\r\n designProfessionalDisciplines: designProfessionalDisciplineGrid.getSelectedRowKeys()\r\n };\r\n }\r\n\r\n export function markDrawingsComplete() {\r\n var drawingIds = drawingGrid.getSelectedRowKeys();\r\n sendRequest(\"/Drawing/Classify/MarkDrawingsComplete\", JSON.stringify(drawingIds), \"POST\", \r\n () => { getDrawings(); });\r\n } \r\n\r\n export function getProjectId() {\r\n return projectId;\r\n }\r\n\r\n export function canExecuteQuery() {\r\n return runQuery;\r\n }\r\n\r\n export function downloadDrawingLink(cellElement: any, cellInfo: any) {\r\n buildCellContent(cellElement,\r\n () => { return cellInfo.data.drawingId; },\r\n \"Download\");\r\n } \r\n \r\n let currentStep = 1;\r\n\r\n export function nextNavigation() {\r\n incrementStep();\r\n updateView();\r\n }\r\n\r\n export function backNavigation() {\r\n decrementStep();\r\n updateView();\r\n } \r\n \r\n function incrementStep() {\r\n currentStep++;\r\n if (currentStep > 3) {\r\n currentStep = 1;\r\n }\r\n } \r\n\r\n function decrementStep() {\r\n currentStep--;\r\n if (currentStep < 0) {\r\n currentStep = 3;\r\n }\r\n } \r\n\r\n export function updateView() {\r\n switch (currentStep) {\r\n case 1:\r\n showElement(\"projects-area\");\r\n hideElement(\"classification-area\");\r\n hideElement(\"classification-areabutton\");\r\n updateElementText(\"navigation-detailtext\", \"Select project for editing.
In Record Drawing Grid select cell for editing. Right click to copy cell information down to multiple cells, that are checked marked and yellow. Click save upon completion.\");\r\n Areas.hideButton(\"MarkCompleteButton\")\r\n Areas.hideButton(\"BackButton\");\r\n enableDrawingGrid();\r\n break;\r\n\r\n case 2:\r\n hideElement(\"projects-area\");\r\n showElement(\"classification-area\");\r\n showElement(\"classification-areabutton\");\r\n disableDrawingGrid();\r\n updateElementText(\"navigation-detailtext\", \"Populates only 3 columns.
Building, Types and Design Professional Columns\");\r\n Areas.hideButton(\"MarkCompleteButton\")\r\n Areas.showButton(\"BackButton\");\r\n break; \r\n \r\n case 3:\r\n hideElement(\"classification-area\");\r\n hideElement(\"classification-areabutton\");\r\n updateElementText(\"navigation-detailtext\", \"Lock records that are completed. They become visible to the general users.\");\r\n Areas.showButton(\"MarkCompleteButton\")\r\n Areas.showButton(\"BackButton\");\r\n break; \r\n default:\r\n break;\r\n }\r\n\r\n updateElementText(\"navigation-text\", currentStep.toString());\r\n }\r\n\r\n let gridEditingSettings: any;\r\n\r\n function disableDrawingGrid() {\r\n const editSettings = drawingGrid.option(\"editing\");\r\n gridEditingSettings = {mode: editSettings.mode, allowUpdating: editSettings.allowUpdating, allowAdding: editSettings.allowAdding, allowDeleting: editSettings.allowDeleting};\r\n drawingGrid.option(\"editing\", { mode: \"batch\", allowUpdating: false, allowAdding: false, allowDeleting: false });\r\n }\r\n\r\n function enableDrawingGrid() {\r\n drawingGrid.option(\"editing\", gridEditingSettings);\r\n }\r\n\r\n function showElement(id: string) {\r\n $(`#${id}`).css(\"visibility\", \"visible\");\r\n $(`#${id}`).css(\"display\", \"block\");\r\n }\r\n\r\n function hideElement(id: string) {\r\n $(`#${id}`).css(\"visibility\", \"hidden\");\r\n $(`#${id}`).css(\"display\", \"none\");\r\n }\r\n\r\n function updateElementText(id: string, text: string) {\r\n $(`#${id}`).html(text);\r\n }\r\n}","namespace Areas.Drawing.Unclassify {\r\n\r\n \"use strict\";\r\n\r\n let projectId = 0;\r\n let runQuery: boolean = false;\r\n\r\n var drawingGrid: DevExpress.ui.dxDataGrid;\r\n const unclassifyButtonName: string = \"UnclassifyButton\";\r\n\r\n $(() => { init(); });\r\n\r\n function init() {\r\n drawingGrid = $(\"#UnclassifyDrawingDataGrid\").dxDataGrid(\"instance\");\r\n }\r\n\r\n export function downloadDrawingLink(cellElement: any, cellInfo: any) {\r\n //var buildingId = cellInfo.component.option(\"buildingId\");\r\n //var content = `Download`;\r\n var content = `Download`;\r\n cellElement.html(content);\r\n } \r\n\r\n export function projectSelected(e: any) {\r\n projectId = e.selectedRowKeys[0];\r\n runQuery = true; \r\n getDrawings();\r\n }\r\n\r\n function getDrawings() {\r\n drawingGrid.deselectAll(); \r\n drawingGrid.getDataSource().reload();\r\n Areas.disableButton(unclassifyButtonName); \r\n }\r\n\r\n export function drawingSelected(e: any) {\r\n if (drawingGrid.getSelectedRowKeys().length > 0) {\r\n Areas.enableButton(unclassifyButtonName);\r\n } else {\r\n Areas.disableButton(unclassifyButtonName);\r\n }\r\n }\r\n\r\n export function unclassifyDrawings() {\r\n var drawingIds = drawingGrid.getSelectedRowKeys();\r\n sendRequest(\"/Drawing/Unclassify/UnclassifyDrawings\", JSON.stringify(drawingIds), \"POST\", \r\n () => { getDrawings(); } );\r\n } \r\n\r\n export function getProjectId() {\r\n return projectId;\r\n }\r\n\r\n export function canExecuteQuery() {\r\n return runQuery;\r\n }\r\n}","namespace Areas.Drawing.Upload {\r\n\r\n \"use strict\";\r\n\r\n let runQuery = false;\r\n let projectId = 0;\r\n\r\n export function selectProject() {\r\n const projectDialog = new Areas.Dialog.ProjectDialog(dialogClosing);\r\n }\r\n\r\n function dialogClosing(dialogResult: DialogResult, data: any) {\r\n if (dialogResult === DialogResult.Cancel) return;\r\n\r\n projectId = data.projectId;\r\n\r\n updateBuildingProjectLookup();\r\n updateClassificationForm(data.title); \r\n Areas.enableButton(\"ClearProjectSelection\");\r\n } \r\n\r\n\r\n export function gotoClassifyDrawings() {\r\n location.href = \"/Drawing/Classify/Index\";\r\n }\r\n\r\n export function associateUploadWithBuildingProject(selectedBuildingProjectId: number) {\r\n\r\n const uploader = $(\"#fileUploaderControl\").dxFileUploader(\"instance\");\r\n let url: any = uploader.option(\"uploadUrl\");\r\n\r\n if (selectedBuildingProjectId > 0) {\r\n url = updateQueryStringParameter(url, \"buildingProjectId\", selectedBuildingProjectId);\r\n uploader.option(\"disabled\", false);\r\n } else {\r\n url = removeQueryStringParameter(url, \"buildingProjectId\");\r\n uploader.option(\"disabled\", true);\r\n }\r\n\r\n uploader.option(\"uploadUrl\", url);\r\n }\r\n\r\n function updateBuildingProjectLookup() {\r\n\r\n runQuery = true;\r\n\r\n const lookupForm = $(\"#ClassificationForm\").dxForm(\"instance\");\r\n\r\n const buildingLookup = lookupForm.getEditor(\"BuildingProjectId\") as DevExpress.ui.dxLookup;\r\n\r\n buildingLookup.option(\"disabled\", false);\r\n buildingLookup.getDataSource().reload();\r\n buildingLookup.reset();\r\n }\r\n\r\n function updateClassificationForm(title: string) {\r\n const classificationForm = $(\"#ClassificationForm\").dxForm(\"instance\");\r\n var data = classificationForm.option(\"formData\") as any;\r\n\r\n data.Title = title;\r\n classificationForm.option(\"formData\", data);\r\n }\r\n\r\n export function clearProjectSelection() {\r\n const lookupForm = $(\"#ClassificationForm\").dxForm(\"instance\");\r\n\r\n Areas.disableButton(\"ClearProjectSelection\");\r\n\r\n const luTitleControl = lookupForm.getEditor(\"Title\") as DevExpress.ui.dxTextBox;\r\n luTitleControl.option(\"value\", \"\");\r\n\r\n const buildingLookup = lookupForm.getEditor(\"BuildingProjectId\") as DevExpress.ui.dxLookup;\r\n\r\n buildingLookup.reset();\r\n runQuery = false;\r\n buildingLookup.getDataSource().reload();\r\n buildingLookup.option(\"disabled\", true);\r\n }\r\n\r\n export function getProjectId() {\r\n return projectId;\r\n }\r\n\r\n export function canExecuteQuery() {\r\n return runQuery;\r\n }\r\n\r\n export function buildingProjectSelected(e: any) {\r\n if (e.selectedItem !== null) {\r\n associateUploadWithBuildingProject(e.selectedItem.buildingProjectId);\r\n } else {\r\n associateUploadWithBuildingProject(0);\r\n }\r\n }\r\n\r\n export function uploadError(e: any) {\r\n const defaultTimeOut = 4000;\r\n\r\n const responseText = e.request.responseText;\r\n\r\n const toastrOptions = { timeOut: defaultTimeOut, positionClass: \"toast-bottom-full-width\", showMethod: \"show\" };\r\n toastr.error(responseText, \"Error\", toastrOptions);\r\n }\r\n\r\n export function buildingLookupTemplate(itemData: any, itemIndex: any, itemElement: any) {\r\n itemElement.append(`\");\r\n } \r\n\r\n export function returnToListFromTab() {\r\n var linkInfo = \"/Project/List/Index\";\r\n location.href = linkInfo;\r\n\r\n }\r\n\r\n export function goToEdit() {\r\n\r\n let viewLink = location.pathname;\r\n let linkInfo = viewLink.replace(/View/gi, \"Edit\");\r\n location.href = linkInfo;\r\n }\r\n\r\n export function addDownloadZipButton(e: any) {\r\n if ($(`#${downloadZipButtonId}`).length == 0) {\r\n var div = document.createElement(\"div\");\r\n var toolbar = e.element.find('.dx-toolbar-after');\r\n $(toolbar.get(0)).prepend(div); \r\n\r\n $(div).dxButton({\r\n elementAttr: { id: downloadZipButtonId },\r\n text: \"Download Zip [<30 per file]\",\r\n icon: \"arrowdown\",\r\n type: \"normal\",\r\n disabled: true,\r\n onClick(elem) { downloadZip(e.component); }\r\n });\r\n }\r\n } \r\n\r\n export function toggleDownloadZipButton(e: any) {\r\n if (e.selectedRowKeys.length) {\r\n Areas.enableButton(downloadZipButtonId);\r\n } else {\r\n Areas.disableButton(downloadZipButtonId);\r\n }\r\n }\r\n\r\n export function downloadZip(dataGrid: DevExpress.ui.dxDataGrid) {\r\n const type = dataGrid.option(\"type\");\r\n const selectedIds = getSelectedIds(dataGrid, type); \r\n const url = `/File/Get/${type}Zip?ids=${selectedIds}`; \r\n location.href = url; \r\n }\r\n\r\n function getSelectedIds(dataGrid: DevExpress.ui.dxDataGrid, type: string) : string {\r\n if (type === \"Drawing\") {\r\n return dataGrid.getSelectedRowKeys().join(',');\r\n }\r\n\r\n return dataGrid.getSelectedRowsData().map(d => d.attachmentId).join(',');\r\n } \r\n}","namespace Areas.Project.Upload {\r\n \"use strict\";\r\n\r\n export function fileUploaderInitialized(e: any) {\r\n const fileUploader = e.component;\r\n const uploadAllowed = fileUploader.option(\"UploadAllowed\");\r\n const projectId = fileUploader.option(\"ProjectId\");\r\n const attachmentType = fileUploader.option(\"AttachmentType\");\r\n\r\n const enable = uploadAllowed && isValidNumber(projectId) && Areas.isNotEmpty(attachmentType);\r\n \r\n associateUploadWithValue(\"projectId\", projectId);\r\n\r\n if (enable) {\r\n associateUploadWithValue(\"attachmentType\", attachmentType);\r\n }\r\n }\r\n\r\n export function refreshGrid(e: any) {\r\n if ($(\"#SharedBaseGrid\").dxDataGrid(\"instance\")) {\r\n Areas.refreshGrid(\"SharedBaseGrid\");\r\n };\r\n \r\n if ($(\"#OtherAttachmentGrid\").dxDataGrid(\"instance\")) {\r\n Areas.refreshGrid(\"OtherAttachmentGrid\");\r\n };\r\n \r\n }\r\n\r\n export function associateUploadWithValue(valueIdentifier:string, value: any) {\r\n const uploader = $(\"#fileUploaderControl\").dxFileUploader(\"instance\");\r\n if (uploader) {\r\n let url: any = uploader.option(\"uploadUrl\");\r\n\r\n if (isValid(value)) {\r\n url = updateQueryStringParameter(url, valueIdentifier, value);\r\n } else {\r\n url = removeQueryStringParameter(url, valueIdentifier);\r\n }\r\n \r\n updateUploader(uploader, url);\r\n }\r\n } \r\n\r\n function isValid(value: any) : boolean {\r\n var numericValue = Number(value);\r\n\r\n if (isNaN(numericValue)) {\r\n return Areas.isNotEmpty(value);\r\n }\r\n\r\n return numericValue > 0;\r\n }\r\n\r\n\r\n function updateUploader(uploader: DevExpress.ui.dxFileUploader, url: string) {\r\n const uploadAllowed = uploader.option(\"UploadAllowed\");\r\n const canEnable = uploadAllowed && url.indexOf(\"projectId\") > -1 && url.indexOf(\"attachmentType\") > -1;\r\n\r\n if (canEnable) {\r\n uploader.option(\"disabled\", false);\r\n } else {\r\n uploader.option(\"disabled\", true);\r\n }\r\n\r\n uploader.option(\"uploadUrl\", url); \r\n }\r\n\r\n function isValidNumber(value: any) : boolean {\r\n var numericValue = Number(value);\r\n\r\n if (isNaN(numericValue)) {\r\n return Areas.isNotEmpty(value);\r\n }\r\n\r\n return numericValue > 0;\r\n }\r\n\r\n export function uploadError(e: any) {\r\n const defaultTimeOut = 4000;\r\n\r\n const responseText = e.request.responseText;\r\n\r\n const toastrOptions = { timeOut: defaultTimeOut, positionClass: \"toast-bottom-full-width\", showMethod: \"show\" };\r\n toastr.error(responseText, \"Error\", toastrOptions);\r\n }\r\n}","namespace Areas.Project.View {\r\n \"use strict\";\r\n\r\n var tabItems = Areas.createTabsWithSameAction(\"Project\", \"View\",\r\n [\"Profile\", \"Building\", \"Drawing\", \"Permit\", \"AutoCad\", \"Picture\", \"Presentation\", \r\n \"OtherAttachment\", \"AllAttachment\"]);\r\n\r\n export function tabInitialized(params: any) {\r\n return Areas.tabWithIdInitialized(tabItems)(params);\r\n }\r\n}","namespace Areas.Search.Drawing {\r\n \"use strict\";\r\n\r\n let runQuery: boolean = false;\r\n\r\n $(() => { init(); }); \r\n \r\n function init() {\r\n const $container = $(\"#checkboxDrawingTypeSearchContainer\");\r\n if ($container.length) {\r\n const template = $(\"#checkboxList\").html();\r\n \r\n $.get(\"/Search/Drawing/GetDrawingTypes\", function(data) {\r\n const items = Areas.partitionBy(data, 4);\r\n $container.append(_.template(template)({ items: items }));\r\n });\r\n }\r\n } \r\n \r\n export function downloadDrawingLink(cellElement: any, cellInfo: any) {\r\n buildCellContent(cellElement,\r\n () => { return cellInfo.data.drawingId; },\r\n \"Download\");\r\n } \r\n\r\n export function search() {\r\n runQuery = true;\r\n $(\"#DrawingDataGrid\").dxDataGrid(\"instance\").refresh();\r\n }\r\n\r\n export function getDrawingTypes() {\r\n var drawingTypes = [];\r\n $.each($(\"input[name='drawing-type']:checked\"), function(){ \r\n drawingTypes.push($(this).val());\r\n });\r\n\r\n return drawingTypes.join(\"|\");\r\n } \r\n \r\n export function getFilterType() {\r\n return false;\r\n } \r\n\r\n export function canExecuteQuery() {\r\n return runQuery;\r\n }\r\n \r\n}"]}
In Record Drawing Grid select cell for editing. Right click to copy cell information down to multiple cells, that are checked marked and yellow. Click save upon completion.\");\r\n Areas.hideButton(\"MarkCompleteButton\")\r\n Areas.hideButton(\"BackButton\");\r\n enableDrawingGrid();\r\n break;\r\n\r\n case 2:\r\n hideElement(\"projects-area\");\r\n showElement(\"classification-area\");\r\n showElement(\"classification-areabutton\");\r\n disableDrawingGrid();\r\n updateElementText(\"navigation-detailtext\", \"Populates only 3 columns.
Building, Types and Design Professional Columns\");\r\n Areas.hideButton(\"MarkCompleteButton\")\r\n Areas.showButton(\"BackButton\");\r\n break; \r\n \r\n case 3:\r\n hideElement(\"classification-area\");\r\n hideElement(\"classification-areabutton\");\r\n updateElementText(\"navigation-detailtext\", \"Lock records that are completed. They become visible to the general users.\");\r\n Areas.showButton(\"MarkCompleteButton\")\r\n Areas.showButton(\"BackButton\");\r\n break; \r\n default:\r\n break;\r\n }\r\n\r\n updateElementText(\"navigation-text\", currentStep.toString());\r\n }\r\n\r\n let gridEditingSettings: any;\r\n\r\n function disableDrawingGrid() {\r\n const editSettings = drawingGrid.option(\"editing\");\r\n gridEditingSettings = {mode: editSettings.mode, allowUpdating: editSettings.allowUpdating, allowAdding: editSettings.allowAdding, allowDeleting: editSettings.allowDeleting};\r\n drawingGrid.option(\"editing\", { mode: \"batch\", allowUpdating: false, allowAdding: false, allowDeleting: false });\r\n }\r\n\r\n function enableDrawingGrid() {\r\n drawingGrid.option(\"editing\", gridEditingSettings);\r\n }\r\n\r\n function showElement(id: string) {\r\n $(`#${id}`).css(\"visibility\", \"visible\");\r\n $(`#${id}`).css(\"display\", \"block\");\r\n }\r\n\r\n function hideElement(id: string) {\r\n $(`#${id}`).css(\"visibility\", \"hidden\");\r\n $(`#${id}`).css(\"display\", \"none\");\r\n }\r\n\r\n function updateElementText(id: string, text: string) {\r\n $(`#${id}`).html(text);\r\n }\r\n}","namespace Areas.Drawing.Unclassify {\r\n\r\n \"use strict\";\r\n\r\n let projectId = 0;\r\n let runQuery: boolean = false;\r\n\r\n var drawingGrid: DevExpress.ui.dxDataGrid;\r\n const unclassifyButtonName: string = \"UnclassifyButton\";\r\n\r\n $(() => { init(); });\r\n\r\n function init() {\r\n drawingGrid = $(\"#UnclassifyDrawingDataGrid\").dxDataGrid(\"instance\");\r\n }\r\n\r\n export function downloadDrawingLink(cellElement: any, cellInfo: any) {\r\n //var buildingId = cellInfo.component.option(\"buildingId\");\r\n //var content = `Download`;\r\n var content = `Download`;\r\n cellElement.html(content);\r\n } \r\n\r\n export function projectSelected(e: any) {\r\n projectId = e.selectedRowKeys[0];\r\n runQuery = true; \r\n getDrawings();\r\n }\r\n\r\n function getDrawings() {\r\n drawingGrid.deselectAll(); \r\n drawingGrid.getDataSource().reload();\r\n Areas.disableButton(unclassifyButtonName); \r\n }\r\n\r\n export function drawingSelected(e: any) {\r\n if (drawingGrid.getSelectedRowKeys().length > 0) {\r\n Areas.enableButton(unclassifyButtonName);\r\n } else {\r\n Areas.disableButton(unclassifyButtonName);\r\n }\r\n }\r\n\r\n export function unclassifyDrawings() {\r\n var drawingIds = drawingGrid.getSelectedRowKeys();\r\n sendRequest(\"/Drawing/Unclassify/UnclassifyDrawings\", JSON.stringify(drawingIds), \"POST\", \r\n () => { getDrawings(); } );\r\n } \r\n\r\n export function getProjectId() {\r\n return projectId;\r\n }\r\n\r\n export function canExecuteQuery() {\r\n return runQuery;\r\n }\r\n}","namespace Areas.Drawing.Upload {\r\n\r\n \"use strict\";\r\n\r\n let runQuery = false;\r\n let projectId = 0;\r\n\r\n export function selectProject() {\r\n const projectDialog = new Areas.Dialog.ProjectDialog(dialogClosing);\r\n }\r\n\r\n function dialogClosing(dialogResult: DialogResult, data: any) {\r\n if (dialogResult === DialogResult.Cancel) return;\r\n\r\n projectId = data.projectId;\r\n\r\n updateBuildingProjectLookup();\r\n updateClassificationForm(data.title); \r\n Areas.enableButton(\"ClearProjectSelection\");\r\n } \r\n\r\n\r\n export function gotoClassifyDrawings() {\r\n location.href = \"/Drawing/Classify/Index\";\r\n }\r\n\r\n export function associateUploadWithBuildingProject(selectedBuildingProjectId: number) {\r\n\r\n const uploader = $(\"#fileUploaderControl\").dxFileUploader(\"instance\");\r\n let url: any = uploader.option(\"uploadUrl\");\r\n\r\n if (selectedBuildingProjectId > 0) {\r\n url = updateQueryStringParameter(url, \"buildingProjectId\", selectedBuildingProjectId);\r\n uploader.option(\"disabled\", false);\r\n } else {\r\n url = removeQueryStringParameter(url, \"buildingProjectId\");\r\n uploader.option(\"disabled\", true);\r\n }\r\n\r\n uploader.option(\"uploadUrl\", url);\r\n }\r\n\r\n function updateBuildingProjectLookup() {\r\n\r\n runQuery = true;\r\n\r\n const lookupForm = $(\"#ClassificationForm\").dxForm(\"instance\");\r\n\r\n const buildingLookup = lookupForm.getEditor(\"BuildingProjectId\") as DevExpress.ui.dxLookup;\r\n\r\n buildingLookup.option(\"disabled\", false);\r\n buildingLookup.getDataSource().reload();\r\n buildingLookup.reset();\r\n }\r\n\r\n function updateClassificationForm(title: string) {\r\n const classificationForm = $(\"#ClassificationForm\").dxForm(\"instance\");\r\n var data = classificationForm.option(\"formData\") as any;\r\n\r\n data.Title = title;\r\n classificationForm.option(\"formData\", data);\r\n }\r\n\r\n export function clearProjectSelection() {\r\n const lookupForm = $(\"#ClassificationForm\").dxForm(\"instance\");\r\n\r\n Areas.disableButton(\"ClearProjectSelection\");\r\n\r\n const luTitleControl = lookupForm.getEditor(\"Title\") as DevExpress.ui.dxTextBox;\r\n luTitleControl.option(\"value\", \"\");\r\n\r\n const buildingLookup = lookupForm.getEditor(\"BuildingProjectId\") as DevExpress.ui.dxLookup;\r\n\r\n buildingLookup.reset();\r\n runQuery = false;\r\n buildingLookup.getDataSource().reload();\r\n buildingLookup.option(\"disabled\", true);\r\n }\r\n\r\n export function getProjectId() {\r\n return projectId;\r\n }\r\n\r\n export function canExecuteQuery() {\r\n return runQuery;\r\n }\r\n\r\n export function buildingProjectSelected(e: any) {\r\n if (e.selectedItem !== null) {\r\n associateUploadWithBuildingProject(e.selectedItem.buildingProjectId);\r\n } else {\r\n associateUploadWithBuildingProject(0);\r\n }\r\n }\r\n\r\n export function uploadError(e: any) {\r\n const defaultTimeOut = 4000;\r\n\r\n const responseText = e.request.responseText;\r\n\r\n const toastrOptions = { timeOut: defaultTimeOut, positionClass: \"toast-bottom-full-width\", showMethod: \"show\" };\r\n toastr.error(responseText, \"Error\", toastrOptions);\r\n }\r\n\r\n export function buildingLookupTemplate(itemData: any, itemIndex: any, itemElement: any) {\r\n itemElement.append(`
${itemData.caan}${itemData.name}
`);\r\n } \r\n \r\n export function displayBuildingExpression(data: any): string {\r\n if (data) {\r\n return data.caan + \" - \" + data.name; \r\n }\r\n\r\n return \"Select ...\";\r\n } \r\n}","namespace Areas.Favorite {\r\n \"use strict\";\r\n\r\n export function goToFavorite(e: any) {\r\n const grid = $(\"#FavoriteGrid\").dxDataGrid(\"instance\");\r\n const row = grid.getSelectedRowsData();\r\n\r\n if (row.length == 1) {\r\n var id = row[0].urlAddress;\r\n location.href = id;\r\n }\r\n }\r\n\r\n}","namespace Areas.Maintenance.CustomQuery {\r\n \"use strict\";\r\n\r\n let customQueryId: number;\r\n let runQuery: boolean = false; \r\n\r\n export function getCustomQueryId() {\r\n return customQueryId;\r\n }\r\n\r\n export function canExecuteQuery() {\r\n return runQuery;\r\n } \r\n \r\n export function onCustomQuerySelected(e: any) {\r\n var selectedRows = e.component.getSelectedRowsData();\r\n\r\n if (selectedRows.length === 1) {\r\n runQuery = true;\r\n customQueryId = selectedRows[0].customQueryId;\r\n Areas.refreshGrid(\"CustomQueryFieldGrid\");\r\n Areas.refreshGrid(\"CustomQueryLinkGrid\");\r\n }\r\n } \r\n \r\n export function newCustomQueryField(e: any) {\r\n const dataGrid = e.component;\r\n e.data.customQueryId = getCustomQueryId();\r\n } \r\n \r\n export function newCustomQueryLink(e: any) {\r\n const dataGrid = e.component;\r\n e.data.customQueryId = getCustomQueryId();\r\n } \r\n \r\n var selected: Selected = new Selected();\r\n\r\n export function onUserIDValueChanged(rowData, value) {\r\n return userValueChanged(selected)(rowData, value);\r\n }\r\n\r\n export function userLookupEditTemplate(cellElement, cellInfo) {\r\n return lookupEditTemplate(\"/Maintenance/CustomQuery/Users\", selected)(cellElement, cellInfo);\r\n }\r\n\r\n export function userLookupCellTemplate(cellElement, cellInfo) {\r\n return lookupCellTemplate(cellElement, cellInfo);\r\n } \r\n}","namespace Areas.Maintenance {\r\n \"use strict\";\r\n\r\n var selected = 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 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 userLookupCellTemplate(cellElement: any, cellInfo: any) {\r\n return lookupCellTemplate(cellElement, cellInfo);\r\n }\r\n\r\n export function disableColumnEdit(columnName: string) {\r\n return (e: any) => {\r\n if (e.rowType !== \"data\" || !e.row.isEditing)\r\n return;\r\n if (e.column.dataField === columnName && !e.row.isNewRow)\r\n e.cellElement.find(\"input\").prop(\"readonly\", true);\r\n }\r\n }\r\n}\r\n\r\n\r\n\r\n","namespace Areas.Maintenance.List {\r\n \"use strict\";\r\n\r\n var vendorInfoMaintenanceTabItems = Areas.createTabsWithSameAction(\"Maintenance\", \"List\",\r\n [\"PrincipalArchitect\", \"DesignProfessional\", \"Discipline\", \"DesignProfessionalDiscipline\"]);\r\n\r\n var lookupsMaintenanceTabItems = Areas.createTabsWithSameAction(\"Maintenance\", \"List\",\r\n [\"AttachmentType\", \"DrawingType\", \"Location\", \"MilestoneType\", \"ProjectType\"]);\r\n\r\n var systemMaintenanceTabItems = Areas.createTabsWithSameAction(\"Maintenance\", \"List\",\r\n [\"AuthorizedUser\", \"SystemConfigSettings\", \"SystemUsers\"]);\r\n\r\n \r\n export function vendorInfoMaintenanceTabInitialized(params: any) {\r\n return Areas.tabInitialized(vendorInfoMaintenanceTabItems)(params);\r\n }\r\n\r\n export function lookupsMaintenanceTabInitialized(params: any) {\r\n return Areas.tabInitialized(lookupsMaintenanceTabItems)(params);\r\n }\r\n\r\n export function systemMaintenanceTabInitialized(params: any) {\r\n return Areas.tabInitialized(systemMaintenanceTabItems)(params);\r\n }\r\n}","namespace Areas.Project.AllAttachment {\r\n \"use strict\";\r\n\r\n let runQuery: boolean = false;\r\n let attachmentType: string;\r\n \r\n export function getData(e: any) {\r\n attachmentType = e.value;\r\n runQuery = true;\r\n Areas.Project.Upload.associateUploadWithValue(\"attachmentType\", attachmentType);\r\n $(\"#AllAttachmentGrid\").dxDataGrid(\"instance\").refresh();\r\n }\r\n\r\n export function getAttachmentType() {\r\n return attachmentType;\r\n } \r\n\r\n export function canExecuteQuery() {\r\n return runQuery;\r\n }\r\n \r\n}","namespace Areas.Project.Building {\r\n \"use strict\";\r\n\r\n export function goToBuildingFromBuildingGrid() {\r\n gotoSelected(\"BuildingDataGrid\", \"/Building/Profile/View/\");\r\n }\r\n\r\n export function newBuildingProject(e: any) {\r\n setProjectId(\"BuildingDataGrid\", e);\r\n } \r\n\r\n export function columnViewLink(cellElement: any, cellInfo: any) {\r\n buildCellContent(cellElement,\r\n () => { return cellInfo.data.buildingId; },\r\n \"View\");\r\n } \r\n \r\n export function buildingEditTemplate(cellElement: any, cellInfo: any) {\r\n var storeConfiguration = {\r\n \"loadParams\": {},\r\n \"key\": \"buildingId\",\r\n \"loadUrl\": \"/Project/Building/GetBuildings\",\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: \"buildingId\",\r\n displayExpr: (data:any) => data ? data.caan + ' ' + data.name : \"Select...\",\r\n value: cellInfo.data.buildingId,\r\n popupWidth: 500,\r\n searchExpr: [\"caan\", \"name\"],\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\", buildingLookupTemplate);\r\n \r\n }\r\n\r\n export function buildingLookupTemplate(itemData: any, itemIndex: any, itemElement: any) {\r\n itemElement.append(`${itemData.caan}${itemData.name}
`);\r\n }\r\n\r\n function setProjectId(gridName: string, e: any) {\r\n const dataGrid = $(`#${gridName}`).dxDataGrid(\"instance\");\r\n const projectId = dataGrid.option(\"projectId\");\r\n\r\n e.data.projectId = projectId; \r\n } \r\n\r\n}","namespace Areas.Project.Drawing {\r\n \"use strict\";\r\n\r\n $(() => { init(); }); \r\n \r\n function init() {\r\n const $container = $(\"#checkboxFilterContainerProjectDrawings\");\r\n\r\n if ($container.length) {\r\n const template = $(\"#checkboxList\").html();\r\n \r\n $.get(\"/Project/Drawing/GetDrawingTypes\", function(data) {\r\n const items = Areas.partitionBy(data, 4);\r\n $container.append(_.template(template)({ items: items }));\r\n });\r\n }\r\n } \r\n \r\n export function downloadDrawingLink(cellElement: any, cellInfo: any) {\r\n buildCellContent(cellElement,\r\n () => { return cellInfo.data.drawingId; },\r\n \"download\");\r\n } \r\n\r\n export function applyFilter() {\r\n $(\"#DrawingDataGrid\").dxDataGrid(\"instance\").refresh();\r\n }\r\n\r\n export function getDrawingTypes() {\r\n var drawingTypes = [];\r\n $.each($(\"input[name='drawing-type']:checked\"), function(){ \r\n drawingTypes.push($(this).val());\r\n });\r\n\r\n return drawingTypes.join(\"|\");\r\n } \r\n \r\n export function getFilterType() {\r\n return false;\r\n } \r\n \r\n}","namespace Areas.Project.List {\r\n \"use strict\";\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 view() {\r\n gotoSelected(\"ProjectsGrid\", \"/Project/Profile/View/\");\r\n }\r\n\r\n export function edit() {\r\n gotoSelected(\"ProjectsGrid\", \"/Project/Profile/Edit/\");\r\n }\r\n\r\n export function showCreate() {\r\n $(\"#CreateProjectPopup\").dxPopup(\"instance\").show();\r\n }\r\n\r\n export function insertRecord(e: any) {\r\n const form = $(\"#CreateProjectForm\").dxForm(\"instance\");\r\n const result: any = form.validate();\r\n\r\n if (result.isValid) {\r\n const newData: any = form.option(\"formData\");\r\n\r\n sendRequest(\"/Project/List/Post\", JSON.stringify(newData), \"POST\");\r\n }\r\n }\r\n\r\n export function columnViewLink(cellElement: any, cellInfo: any) {\r\n let linkInfo = \"View\";\r\n\r\n buildCellContent(cellElement,\r\n () => { return cellInfo.data.projectId; },\r\n linkInfo);\r\n }\r\n}","namespace Areas.Project.OtherAttachment {\r\n \"use strict\";\r\n\r\n let runQuery: boolean = false;\r\n let attachmentType: string;\r\n \r\n export function getData(e: any) {\r\n attachmentType = e.value;\r\n runQuery = true;\r\n Areas.Project.Upload.associateUploadWithValue(\"attachmentType\", attachmentType);\r\n $(\"#OtherAttachmentGrid\").dxDataGrid(\"instance\").refresh();\r\n }\r\n\r\n export function getAttachmentType() {\r\n return attachmentType;\r\n } \r\n\r\n export function canExecuteQuery() {\r\n return runQuery;\r\n }\r\n \r\n}","namespace Areas.Project.Profile {\r\n \"use strict\";\r\n\r\n export function updateProject() {\r\n const form = $(\"#ProjectForm\").dxForm(\"instance\");\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 sendRequest(`/Project/Profile/Put/${keyId}`, JSON.stringify(newData), \"PUT\");\r\n }\r\n }\r\n\r\n export function lookupArchitectTemplate(itemData: any, itemIndex: any, itemElement: any) {\r\n return Areas.lookupActiveTemplate((i) => i.principalArchitectLk)(itemData, itemIndex, itemElement);\r\n }\r\n\r\n export function lookupProjectTemplate(itemData: any, itemIndex: any, itemElement: any) {\r\n return Areas.lookupActiveTemplate((i) => i.projectTypeLk)(itemData, itemIndex, itemElement);\r\n }\r\n\r\n export function newMilestone(e: any) {\r\n setProjectId(\"MilestoneDataGrid\", e);\r\n }\r\n\r\n function setProjectId(gridName: string, e: any) {\r\n const dataGrid = $(`#${gridName}`).dxDataGrid(\"instance\");\r\n const projectId = dataGrid.option(\"projectId\");\r\n\r\n e.data.projectId = projectId; \r\n } \r\n \r\n}","namespace Areas.Project.Edit {\r\n \"use strict\";\r\n\r\n var tabItems = Areas.createTabsWithSameAction(\"Project\", \"Edit\",\r\n [\"Profile\", \"Building\", \"Drawing\", \"Permit\", \"AutoCad\", \"Picture\", \"Presentation\", \r\n \"OtherAttachment\", \"AllAttachment\"]);\r\n\r\n export function tabInitialized(params: any) {\r\n return Areas.tabWithIdInitialized(tabItems)(params);\r\n }\r\n\r\n}","namespace Areas.Project {\r\n \"use strict\";\r\n\r\n const downloadZipButtonId = \"downloadZipButton\";\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 thumbnailImage(cellElement: any, cellInfo: any) {\r\n buildCellContent(cellElement,\r\n () => { return cellInfo.data.attachmentId; },\r\n \"