\r\n \r\n ;\r\n\r\n };\r\n\r\n\r\n public isNullOrUndefined = (value: any) => value == null || value == undefined;\r\n\r\n\r\n updateBaseState = (event?: any, value: any = undefined, text: string = '') => {\r\n this.setState({ ...this.state, value: value, isDirty: true },\r\n () => {\r\n if (this.props.onChange)\r\n this.props.onChange(event, this.props.name, value, text);\r\n\r\n this.validate();\r\n }\r\n );\r\n }\r\n\r\n // pass on the onChange event to parent\r\n public handleChange = (event?: any, customValue: any = undefined, text: string = '') => {\r\n let value = customValue || (event && event.target && event.target.value) || undefined\r\n // to fix 0 value error\r\n if (event && event.target && this.isNullOrUndefined(value) && !this.isNullOrUndefined(event.target.value)) value = event.target.value\r\n\r\n this.updateBaseState(event, value, text)\r\n };\r\n\r\n // pass on the onChange event to parent\r\n public handleChangeSwtich = (event?: any, value: any = undefined, text: string = '') => {\r\n this.updateBaseState(event, event.value, text)\r\n };\r\n\r\n public handleChangeCheckBox = (event?: any, value: any = undefined, text: string = '') => {\r\n //let value = event.value == true ? event.value : false\r\n //this.updateBaseState(event, value && value == true ? true : false, text)\r\n this.updateBaseState(event, event.value == true, text)\r\n };\r\n\r\n // pass on the onChange event to parent\r\n onKeyPress = (event: any, customValue: any = undefined, text: string = '') => {\r\n if (this.props.onKeyPress)\r\n this.props.onKeyPress(event);\r\n }\r\n // validate the input \r\n public validate(): boolean {\r\n let valid = true;\r\n var messages: string[] = [];\r\n this.state.validators.every((item: any) => {\r\n if (SystemValidator.validate(item, this.state.value)) return true;\r\n valid = false;\r\n messages.push(item.message);\r\n return false;\r\n });\r\n\r\n this.setState({ errorMessage: [...messages], isValid: valid });\r\n if (this.props.onValidate) this.props.onValidate(valid);\r\n return valid;\r\n }\r\n\r\n\r\n // handle the input focus\r\n public handleFocus = (event: any) => {\r\n if (this.timeoutref) clearTimeout(this.timeoutref);\r\n this.timeoutref = setTimeout(() => this.setState({ ...this.state, inFocus: true }), 10);\r\n this.props.onFocus && this.props.onFocus();\r\n };\r\n\r\n // handle the input exit\r\n public handleBlur = (event: any) => {\r\n if (this.timeoutref) clearTimeout(this.timeoutref);\r\n this.timeoutref = setTimeout(() => {\r\n let valid = this.validate();\r\n this.setState({ inFocus: false, isValid: valid }, () => {\r\n if (this.props.onValidate) this.props.onValidate(valid);\r\n });\r\n }, 10);\r\n this.props.onBlur && this.props.onBlur(event);\r\n };\r\n\r\n // log(message?: any, ...optionalParams: any[]): void;\r\n log = (fname: string, a?, b?, c?, d?, e?, f?, g?, h?) => {\r\n showConsoleInfo && console.log(\r\n `System Base - ${fname} => Name : ${this.props.name} | Prop Value : ${this.props.value} | State Value : ${this.state.value} | IsValid : ${this.state.isValid}`, this.state.validators, a, b, c, d, e, f, g, h)\r\n }\r\n}\r\n\r\n\r\n","import * as React from 'react'\r\nimport { SystemBase } from '../../library/common/SystemBase';\r\nimport { DatePicker } from '@progress/kendo-react-dateinputs';\r\ninterface ISystemDatePicker {\r\n min?: Date, // minimum length of the input\r\n max?: Date, // maximum length of the input\r\n}\r\n\r\n/**\r\n * Creates an Input with Label \r\n * */\r\nexport default class SystemDatePicker extends SystemBase\r\n{\r\n constructor(props: any) {\r\n super(props)\r\n }\r\n\r\n handleValueChange = (validate?: boolean) => {\r\n let value = null;\r\n try {\r\n if (this.props.value) {\r\n if (typeof this.props.value == \"string\")\r\n value = new Date(this.props.value as string);\r\n else value = this.props.value\r\n }\r\n } catch (e) {\r\n }\r\n this.setState({ value: value }, () => {\r\n if (validate) this.validate()\r\n })\r\n }\r\n\r\n\r\n clearDate = () => {\r\n this.setState({ value: null, isDirty: true }, () => {\r\n if (this.props.onChange) this.props.onChange(null, this.props.name, null);\r\n })\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n
\r\n \r\n {/**/}\r\n
\r\n \r\n );\r\n }\r\n}\r\n","import * as React from 'react'\r\nimport * as ReactDOM from 'react-dom';\r\nimport { Editor, EditorChangeEvent, EditorTools } from '@progress/kendo-react-editor';\r\nimport * as BaseControls from './../common/BaseControls';\r\nimport * as Base from 'library'\r\nimport { ISystemBase } from 'library/types/ISystemBase';\r\nimport { SystemBase } from 'library/common/SystemBase';\r\nimport { EditorUtils } from \"@progress/kendo-react-editor\";\r\n\r\ninterface ISystemtextEditor {\r\n insertText?: string,\r\n afterInsertText?():void\r\n}\r\n\r\ninterface ISystemTextEditorState {\r\n}\r\n\r\nconst {\r\n Bold, Italic, Underline, Strikethrough, Subscript, Superscript,\r\n AlignLeft, AlignCenter, AlignRight, AlignJustify,\r\n Indent, Outdent, OrderedList, UnorderedList,\r\n Undo, Redo, FontSize, FontName, FormatBlock,\r\n Link, Unlink, InsertImage, ViewHtml,\r\n InsertTable,\r\n AddRowBefore, AddRowAfter, AddColumnBefore, AddColumnAfter,\r\n DeleteRow, DeleteColumn, DeleteTable,\r\n MergeCells, SplitCell\r\n} = EditorTools;\r\n\r\nexport default class SystemTextEditor extends SystemBase{\r\n editor: React.Ref;\r\n\r\n constructor(props: any) {\r\n super(props);\r\n this.editor = React.createRef();\r\n }\r\n\r\n // Author : Vivek Gupta\r\n // Description : for handling change event of editor, \r\n // also removes
and
from the start and the end\r\n onChange = (event: EditorChangeEvent) => {\r\n var html = event.html;\r\n if (html) {\r\n var content = html.substring(3, html.length - 4);\r\n this.handleChange(event, content, content);\r\n } else this.handleChange(event, \"\", \"\");\r\n }\r\n\r\n // Author : Vivek Gupta\r\n // Description : checks any changes to insertText\r\n // Task Id : 15945 - Insert functinality\r\n componentDidUpdate = (prevProps:any) => {\r\n super.componentDidUpdate(prevProps);\r\n if (prevProps.insertText != this.props.insertText && this.props.insertText != '') {\r\n this.insertText(this.props.insertText)\r\n }\r\n }\r\n\r\n // Author : Vivek Gupta\r\n // Description : function to insert text at the current position in the Editor\r\n // Task Id : 15945 - Insert functinality\r\n insertText = (text?: string) => {\r\n if (!text) return;\r\n\r\n // get the current editor\r\n if (this.editor && this.editor.current) {\r\n let view = this.editor.current.view;\r\n // select the node\r\n const nodeType = view && view.state.schema.nodes['text'];\r\n // check whether we can insert text\r\n const canInsert = view && EditorUtils.canInsert(view.state, nodeType);\r\n // insert the text in the editor and raise event afterInsertText\r\n if (canInsert) {\r\n EditorUtils.insertNode(view, view.state.schema.text(text))\r\n this.props.afterInsertText && this.props.afterInsertText();\r\n }\r\n }\r\n }\r\n\r\n render() {\r\n\r\n // tools to be shown on the editor\r\n const tools = [\r\n [Bold, Italic, Underline, Strikethrough],\r\n [Subscript, Superscript],\r\n [AlignLeft, AlignCenter, AlignRight, AlignJustify],\r\n [Indent, Outdent],\r\n [OrderedList, UnorderedList],\r\n FontSize, FontName, FormatBlock,\r\n [Undo, Redo],\r\n [Link, Unlink, InsertImage, ViewHtml],\r\n [InsertTable],\r\n [AddRowBefore, AddRowAfter, AddColumnBefore, AddColumnAfter],\r\n [DeleteRow, DeleteColumn, DeleteTable],\r\n [MergeCells, SplitCell]\r\n ];\r\n\r\n return (\r\n \r\n {this.props.isControlledMode\r\n ? \r\n : \r\n }\r\n \r\n );\r\n }\r\n}","import * as React from 'react'\r\nimport { SystemBase } from '../../library/common/SystemBase';\r\nimport httpRequest from './../../service/httpService';\r\nimport { IDynamicList } from '../../library/types/IDynamicList'\r\nimport { ComboBox, ComboBoxFilterChangeEvent, ComboBoxProps, MultiColumnComboBox, MultiColumnComboBoxProps, MultiSelect as KendoMultiSelect, MultiSelectChangeEvent, MultiSelectFilterChangeEvent } from '@progress/kendo-react-dropdowns';\r\nimport { filterBy, FilterDescriptor } from '@progress/kendo-data-query';\r\nimport { getLookupValue } from '../../service/userService';\r\n\r\ninterface ISystemDropDownState {\r\n listItems?: any[],\r\n filteredItems?: any[],\r\n selectedItems?: any[],\r\n isLoading?: boolean,\r\n nextDataSource?: string,\r\n nextSearchText?: string,\r\n ref?: any,\r\n}\r\nexport abstract class SystemBaseList
extends SystemBase {\r\n\r\n ref: any = null;\r\n constructor(props: any) {\r\n super(props)\r\n this.state = {\r\n ...this.state,\r\n listItems: [],\r\n filteredItems: [],\r\n selectedItems: [],\r\n isLoading: false,\r\n text: ''\r\n }\r\n this.ref = React.createRef();\r\n }\r\n static defaultProps = {\r\n ...SystemBase.defaultProps,\r\n autoDisable: true,\r\n isMultiColumn: false,\r\n fetchOnFilter: false,\r\n textField: \"Text\",\r\n dataItemKey: \"Value\",\r\n placeholder: \"- Please Select -\",\r\n className: \"input_feild\",\r\n minFilterLength: 3,\r\n columns: [],\r\n smartSearch: false,\r\n filterable: true,\r\n LookupName: ''\r\n } as IDynamicList;\r\n\r\n static cachePrefix = 'lib-lookup-';\r\n static cacheDataSet = (lookupname?: string, data?: any[]) => sessionStorage.setItem(`${SystemBaseList.cachePrefix}${lookupname}`, JSON.stringify(data))\r\n static cacheDataGet = (lookupname?: string) => JSON.parse(sessionStorage.getItem(`${SystemBaseList.cachePrefix}${lookupname}`) || '[]');\r\n\r\n idField: any = this.props.idField || this.props.dataItemKey || 'id';\r\n textField: any = this.props.displayField || this.props.textField || 'text';\r\n getValue = (item: any) => item && item[this.idField] || '';\r\n getText = (item: any) => item && item[this.textField] || '';\r\n separator: string = ',';\r\n\r\n getItem = (listItems: any, value: any): any => {\r\n var item: any | undefined = undefined;\r\n\r\n if (listItems && listItems.length > 0 && value != undefined && value != null)\r\n item = listItems.find((item: any) => item[this.idField] == value)\r\n\r\n return item;\r\n }\r\n\r\n setValue = (value: any, callback?: () => void) => {\r\n let item = this.getItem(this.state.filteredItems, value);\r\n this.setState({ valueObject: item, value: value }, callback);\r\n this.props.onTextChanged && this.props.onTextChanged(this.getText(item));\r\n }\r\n\r\n componentDidMount = () => {\r\n this.setupValidators();\r\n this.fetchData(this.props.dataSource, this.props.searchText)\r\n }\r\n\r\n async componentDidUpdate(prevProps: any) {\r\n if (prevProps.dataSource != this.props.dataSource || prevProps.searchText != this.props.searchText) {\r\n if (this.state.isLoading) {\r\n this.setState({ nextDataSource: this.props.dataSource, nextSearchText: this.props.searchText })\r\n }\r\n else await this.fetchData(this.props.dataSource, this.props.searchText)\r\n }\r\n this.handleDidUpdate(prevProps);\r\n }\r\n\r\n\r\n filterData = (filter: FilterDescriptor) => {\r\n return filterBy(this.state.listItems, filter);\r\n };\r\n\r\n setFocus = () => {\r\n console.log(\"ref\", this.ref);\r\n\r\n this.ref.current.focus();\r\n }\r\n\r\n onFilterChange = async (event: ComboBoxFilterChangeEvent | MultiSelectFilterChangeEvent) => {\r\n let filter = { ...event.filter };\r\n if (this.props.smartSearch) {\r\n console.log('dropdown multi column event', event);\r\n if (this.props.minFilterLength && filter.value.length >= this.props.minFilterLength) {\r\n await this.fetchData(this.props.dataSource, filter.value)\r\n this.setFocus();\r\n }\r\n\r\n else {\r\n //this.fetchData(this.props.dataSource, '')\r\n this.setState({ listItems: [], filteredItems: [] });\r\n if (filter.value == \"\" || filter.value == undefined) {\r\n this.handleChange(event, filter.value, event.target.name)\r\n }\r\n }\r\n\r\n } else {\r\n if (!this.props.minFilterLength || filter.value.length >= this.props.minFilterLength)\r\n this.setState({ filteredItems: this.filterData(filter) });\r\n else\r\n this.setState({ filteredItems: this.state.listItems });\r\n }\r\n }\r\n\r\n fetchData = async (datasource: any, filter?: string) => {\r\n var listItems: any[] = [];\r\n var response: any;\r\n this.setState({ isLoading: true })\r\n /** \r\n * Sandeep: If lookupName is provided, get values from cache. \r\n * Else call the api and get the values.\r\n * \r\n */\r\n if (this.props.lookupName) {\r\n listItems = getLookupValue(this.props.lookupName);\r\n }\r\n else if (datasource) {\r\n try {\r\n if (filter && datasource.substr(datasource.length - 1, 1) == '?')\r\n response = await httpRequest.get(datasource + \"searchText=\" + filter);\r\n else\r\n response = await httpRequest.get(datasource + (filter ? ('/' + filter) : ''));\r\n /**\r\n * Sandeep: set data or empty array, try to load kendo datasource first, then array, then empty array, \r\n * also filters null and undefined text values\r\n */\r\n \r\n listItems = (response.data.Data || response.data || []).filter((item: any, index: any, array: any) => {\r\n let isNonEmpty = item[this.textField] != undefined && item[this.textField] != null\r\n let isActive = (item[\"IsActive\"] == undefined || item[\"IsActive\"] == true)\r\n && (item[\"Active\"] == undefined || item[\"Active\"] == true);\r\n\r\n let isDistinct = (index === array.findIndex((f: any) => JSON.stringify(f) === JSON.stringify(item)));\r\n return isNonEmpty && isActive && isDistinct\r\n });\r\n } catch (e) {\r\n listItems = [];\r\n }\r\n }\r\n // if there is any other data source in pipeline to be fetched \r\n if (this.state.nextDataSource) {\r\n // to stop infinite loop we have to set nextdataSource to empty\r\n var nextDataSource = this.state.nextDataSource;\r\n this.setState({ nextDataSource: '' }, () => this.fetchData(nextDataSource));\r\n } else this.setState({ listItems: listItems || [], filteredItems: listItems || [] }, () => this.handleValueChange());\r\n this.setState({ isLoading: false })\r\n }\r\n\r\n getCurrentItemText = () => this.props.multiSelect\r\n ? (this.state.selectedItems ? this.state.selectedItems.map((items: any) => items[this.textField]).join(\",\") : '')\r\n : this.getText(this.getItem(this.state.listItems, this.props.value))\r\n\r\n\r\n handleValueChange = (validate?: boolean) => {\r\n let currItem = this.getItem(this.state.listItems, this.props.value)\r\n let selectedItems = this.props.multiSelect ? this.getItemsFromCSV(this.state.listItems, typeof this.props.value === 'string' && this.props.value || '') : [];\r\n let text = this.props.multiSelect\r\n ? selectedItems.map((items) => items[this.textField]).join(\",\")\r\n : this.getText(currItem)\r\n let value: any = this.props.allowCustom ? text : this.props.value\r\n\r\n //this.props.onChange && this.props.onChange(event, this.props.name, this.props.value, text);\r\n this.props.onAfterListUpdated && this.props.onAfterListUpdated(this.state.listItems, value, text)\r\n this.props.onTextChanged && this.props.onTextChanged(text);\r\n\r\n this.setState({ value: value, selectedItems }, () => validate && this.validate())\r\n }\r\n\r\n\r\n // for multi select\r\n getItemsFromCSV = (items: any[], value: string) => {\r\n let selectedItems: any[] = [];\r\n\r\n // create list of selected values\r\n if (typeof value === 'string' && value && value.split(this.separator).length > 0 && items && items.length > 0) {\r\n value.split(this.separator).map((id: any) => {\r\n let itemFound = items.find((t: any) => t[this.idField] == id);\r\n if (itemFound) selectedItems.push({ [this.idField]: itemFound[this.idField], [this.textField]: itemFound[this.textField] });\r\n })\r\n\r\n }\r\n return selectedItems;\r\n }\r\n\r\n // for multiselect\r\n getCSVFromItems = (items: any[]): string => {\r\n let result: string = \"\";\r\n items.map((item: any, index: any) => result += item[this.idField] + (index != items.length - 1 ? this.separator : ''));\r\n return result;\r\n }\r\n\r\n onMultiSelectChange = (event: MultiSelectChangeEvent) => {\r\n this.handleChange(event, this.getCSVFromItems(event.target.value), '');\r\n }\r\n\r\n handleDropDownChange = (event: any) => {\r\n this.handleChange(event, this.getValue(event.target.value), this.getText(event.target.value))\r\n\r\n }\r\n}\r\n\r\nexport default class SystemDropDown extends SystemBaseList {\r\n constructor(props: any) {\r\n super(props)\r\n }\r\n\r\n render() {\r\n\r\n let multiSelect = this.props.multiSelect\r\n let multiColumn = !multiSelect && this.props.isMultiColumn && this.props.columns && this.props.columns.length > 0;\r\n let simpleDropDown = !multiSelect && !multiColumn;\r\n\r\n let isEmpty = !(this.state.filteredItems && this.state.filteredItems.length > 0)\r\n let isDisabled = this.props.disabled || this.state.isLoading;// || (!this.props.smartSearch && !this.props.multiSelect && this.props.autoDisable && isEmpty);\r\n let value = this.state.value == null || this.state.value == undefined || this.state.value == ''\r\n ? null\r\n : (this.props.multiSelect\r\n ? this.state.selectedItems\r\n : this.getItem(this.state.filteredItems, this.state.value));\r\n\r\n let text = \"\"\r\n try {\r\n text = this.props.smartSearch ? this.props.searchText : this.getCurrentItemText();\r\n } catch (e) {\r\n\r\n }\r\n\r\n\r\n return (\r\n \r\n \r\n {\r\n /* A MULTI SELECT SINGLE COLUMN DROP DOWN COMPONENT */\r\n multiSelect &&\r\n \r\n }\r\n {\r\n /* A SINGLE SELECT MULTI COLUMN DROP DOWN COMPONENT */\r\n multiColumn &&\r\n \r\n }\r\n {\r\n /* A SINGLE SELECT SIMPLE DROP DOWN COMPONENT */\r\n simpleDropDown &&\r\n \r\n }\r\n \r\n \r\n );\r\n }\r\n}\r\n\r\nexport const SmartSearch = (props: any) => \r\nexport const MultiColumn = (props: any) => \r\nexport const MultiSelect = (props: any) => \r\n","\r\nimport * as React from 'react'\r\n\r\ninterface ISystemButton {\r\n btnType?: any,\r\n className: string,\r\n iconName?: string,\r\n title: string,\r\n btnTitle: string,\r\n handleClick?: any\r\n disabled?: boolean\r\n}\r\n\r\nexport const SystemButton = (props: ISystemButton) => {\r\n const buttonType = props.btnType || 'button';\r\n\r\n return (\r\n \r\n )\r\n}\r\n\r\n","import * as React from 'react';\r\nimport * as ReactDOM from 'react-dom';\r\nimport { Dialog, DialogActionsBar } from '@progress/kendo-react-dialogs';\r\n//import { Parser } from 'html-to-react';\r\n\r\n\r\ninterface ISystemPopup {\r\n popupWidth?: any,\r\n className: string,\r\n popupHeight?: any,\r\n popupTitle?: string,\r\n btnTitle?: string,\r\n children?: any\r\n showButton?: boolean\r\n}\r\n\r\ninterface ISystemDialogProps {\r\n title?: any;\r\n onYes?(): void;\r\n onNo?(): void;\r\n onAbort?(): void;\r\n onCancel?(): void;\r\n onClose?(): void;\r\n message?: string\r\n visible: boolean\r\n isHtml?: boolean\r\n showActionButton?: boolean\r\n showYes?: boolean\r\n showNo?: boolean\r\n showCancel?: boolean\r\n showAbort?: boolean\r\n showClose?: boolean\r\n}\r\n\r\nexport default class SystemDialog extends React.Component {\r\n static defaultProps = {\r\n showYes: true,\r\n showNo: true,\r\n showCancel: false,\r\n showAbort: false,\r\n showClose: false\r\n }\r\n\r\n onYes = () => this.props.onYes && this.props.onYes();\r\n onAbort = () => this.props.onAbort && this.props.onAbort();\r\n onNo = () => this.props.onNo && this.props.onNo();\r\n onCancel = () => this.props.onCancel && this.props.onCancel();\r\n onClose = () => this.props.onClose && this.props.onClose();\r\n \r\n\r\n\r\n render() {\r\n return (\r\n
\r\n {\r\n this.props.visible &&\r\n }\r\n
\r\n );\r\n }\r\n}","import * as React from 'react'\r\nimport * as ReactDOM from 'react-dom';\r\n\r\nexport default class LoadingPanel extends React.Component {\r\n render() {\r\n const loadingPanel = (\r\n
\r\n Loading...\r\n \r\n \r\n
\r\n );\r\n\r\n\r\n const gridContent = this.props.node && this.props.node.querySelector('.k-grid-content');\r\n return gridContent ? ReactDOM.createPortal(loadingPanel, gridContent) : loadingPanel;\r\n }\r\n}","\r\nimport * as React from 'react'\r\nimport { SystemGrid, DateCell, DateTimeCell, SystemPanel } from './../../../library'\r\nimport { GridColumn as Column, GridCellProps, GridRowClickEvent } from '@progress/kendo-react-grid'\r\nimport { DownloadFile } from '../../helpers/utils';\r\n\r\nexport default class AuditGrid extends React.Component{\r\n\r\n DetailComponent = (props: any) => {\r\n\r\n const dataItem = props.dataItem;\r\n if (dataItem.AuditType != \"Update\") return null;\r\n return (\r\n \r\n \r\n \r\n \r\n )\r\n }\r\n downloadTemplate = async () => {\r\n // DownloadFile(config.apiEndpoint + `/Audit/DownloadAuditDump/` + this.props.Schema + '/' + this.props.Table + '/' + this.props.primaryKey + '/' + this.props.secondarySchema + '/' + this.props.secondaryTable + '/' + this.props.secondaryKey)\r\n }\r\n render() {\r\n return (\r\n Export to Excel]} >\r\n \r\n \r\n \r\n \r\n \r\n \r\n );\r\n }\r\n}\r\n\r\n//export default AuditGrid","import * as React from 'react';\r\nimport {SystemPopup } from '../../../library';\r\nimport AuditGrid from './AuditGrid'\r\ninterface IAuditFormProps {\r\n visible: boolean, table: string, schema: string,\r\n secondaryTable: string, secondarySchema: string,\r\n onClose(): void, primaryKeyEncrypted: string, secondaryKeyEncrypted: string\r\n}\r\n\r\ninterface IAuditFormState {\r\n ContextId: string,\r\n\r\n}\r\nexport default class AuditForm extends React.Component {\r\n constructor(props: any) {\r\n super(props);\r\n this.state = { ContextId: '' }\r\n\r\n\r\n }\r\n\r\n onRowClick = (data: any) => {\r\n if (data && data.ContextId) {\r\n this.setState({ ContextId: data.ContextId })\r\n }\r\n }\r\n render() { \r\n return \r\n\r\n \r\n\r\n \r\n }\r\n}\r\n\r\n","import { IPermission, IUserDetail } from '../../library/types/ISecurity'\r\nimport { CrudHelper, EditModes, SystemPanel } from '..';\r\nimport { getPermission, getUserId } from '../../service/userService';\r\nimport { localToUTC } from '../helpers/utils';\r\n\r\n\r\nexport interface ISystemFormHelper {\r\n securityObject?: string\r\n //readUrl?: string,\r\n url?: string,\r\n primaryKeyEncrypted?: string\r\n onProcessBegin?(): void,\r\n onProcessEnd?(): void,\r\n showCrudMessages?: boolean,\r\n onPrepare?(): any,\r\n onRead?(): void,\r\n onLoad?(data?: any, mode?: EditModes): void;\r\n onAdd?(): void,\r\n onRecordUpdated?(mode: EditModes, response: any, closeForm?: boolean): void,\r\n onError?(error?: any, mode?: EditModes, key?: string): void,\r\n onEdit?(): void,\r\n onDelete?(): void,\r\n clearOnSave?: boolean,\r\n clearOnDelete?: boolean,\r\n onClear?(): void,\r\n onInitialize?(): any,\r\n AddUrl?: string\r\n\r\n}\r\n\r\nconst showConsoleInfo = false;\r\n\r\nexport default class SystemFormHelper {\r\n\r\n public static defaultPermission: IPermission = { AddPermission: true, ReadPermission: true, EditPermission: true, DeletePermission: true }\r\n\r\n public static onReadAsync = (options: ISystemFormHelper): Promise => {\r\n let permission = getPermission(options.securityObject) || SystemFormHelper.defaultPermission;\r\n\r\n return new Promise((resolve, reject) => {\r\n if (!permission || permission.ReadPermission == undefined) {\r\n reject(new Error(\"Permissions not found\"));\r\n return;\r\n }\r\n\r\n if (!(permission.ReadPermission || permission.EditPermission)) {\r\n // toast.warning(\"You dont have read permissions for this form\")\r\n reject(new Error(\"You dont have permission to perform READ this object\"));\r\n return;\r\n }\r\n\r\n if (!options.url) {\r\n reject(new Error(\"URL Not found / provided\"));\r\n return;\r\n }\r\n\r\n if (!options.primaryKeyEncrypted) {\r\n reject(new Error(\"Primary key not provided\"));\r\n return;\r\n }\r\n\r\n CrudHelper(\r\n {\r\n url: (options.url) + \"/\" + options.primaryKeyEncrypted,\r\n mode: EditModes.Read,\r\n key: options.primaryKeyEncrypted,\r\n onSuccess: (response) => resolve(response),\r\n onError: (error) => reject(error),\r\n showMessage: (options.showCrudMessages ? options.showCrudMessages : true)\r\n })\r\n });\r\n }\r\n\r\n /** */\r\n public static onAddAsync = (options: ISystemFormHelper): Promise => {\r\n let permission = getPermission(options.securityObject) || SystemFormHelper.defaultPermission;\r\n\r\n return new Promise((resolve, reject) => {\r\n if (!permission || permission.AddPermission == undefined) {\r\n reject(new Error(\"Permissions not found\"));\r\n return;\r\n }\r\n\r\n if (!permission.AddPermission) {\r\n // toast.warning(\"You dont have add permissions for this form\")\r\n reject(new Error(\"You dont have permission to perform ADD on this object\"));\r\n return;\r\n }\r\n\r\n if (!options.url) {\r\n reject(new Error(\"URL Not found / provided\"));\r\n return;\r\n }\r\n\r\n\r\n\r\n CrudHelper({\r\n url: (options.AddUrl || options.url),\r\n mode: EditModes.Create,\r\n data: options.onPrepare ? { ...options.onPrepare(), CreatedBy: getUserId(), CreatedDateTime: localToUTC(new Date()) } : null,\r\n onSuccess: (response) => resolve(response),\r\n onError: (error) => reject(error),\r\n showMessage: (options.showCrudMessages ? options.showCrudMessages : true)\r\n })\r\n });\r\n }\r\n\r\n /** */\r\n public static onEditAsync = (options: ISystemFormHelper): Promise => {\r\n let permission = getPermission(options.securityObject) || SystemFormHelper.defaultPermission;\r\n return new Promise((resolve, reject) => {\r\n if (!permission || permission.EditPermission == undefined) {\r\n reject(new Error(\"Permissions not found\"));\r\n return;\r\n }\r\n\r\n if (!permission.EditPermission) {\r\n // toast.warning(\"You dont have edit permissions for this form\")\r\n reject(new Error(\"You dont have permission to perform EDIT on this object\"));\r\n return;\r\n }\r\n\r\n if (!options.url) {\r\n reject(new Error(\"URL Not found / provided\"));\r\n return;\r\n }\r\n\r\n if (!options.primaryKeyEncrypted) {\r\n reject(new Error(\"Primary key not provided\"));\r\n return;\r\n }\r\n CrudHelper({\r\n url: (options.url),\r\n mode: EditModes.Update,\r\n data: options.onPrepare ? { ...options.onPrepare(), ModifiedBy: getUserId(), ModifiedDateTime: localToUTC(new Date()) } : null,\r\n key: options.primaryKeyEncrypted,\r\n onSuccess: (response) => resolve(response),\r\n onError: (error) => reject(error),\r\n showMessage: (options.showCrudMessages ? options.showCrudMessages : true)\r\n })\r\n });\r\n }\r\n\r\n /** */\r\n public static onDeleteAsync = (options: ISystemFormHelper): Promise => {\r\n let permission = getPermission(options.securityObject) || SystemFormHelper.defaultPermission;\r\n return new Promise((resolve, reject) => {\r\n if (!permission || permission.DeletePermission == undefined) {\r\n reject(new Error(\"Permissions not found\"));\r\n return;\r\n }\r\n\r\n if (!permission.DeletePermission) {\r\n // toast.warning(\"You dont have delete permissions for this form\")\r\n reject(new Error(\"You dont have permission to perform DELETE on this object\"));\r\n return;\r\n }\r\n\r\n if (!options.url) {\r\n reject(new Error(\"URL Not found / provided\"));\r\n return;\r\n }\r\n\r\n if (!options.primaryKeyEncrypted) {\r\n reject(new Error(\"Primary key not provided\"));\r\n return;\r\n }\r\n\r\n CrudHelper({\r\n url: ((options.url) + \"/\" + options.primaryKeyEncrypted),\r\n mode: EditModes.Delete,\r\n key: options.primaryKeyEncrypted,\r\n onSuccess: (response) => resolve(response),\r\n onError: (error) => reject(error),\r\n showMessage: (options.showCrudMessages ? options.showCrudMessages : true)\r\n })\r\n });\r\n }\r\n\r\n /** */\r\n public static onRead = (options: ISystemFormHelper) => {\r\n if (options.onRead) options.onRead();\r\n else if (options.url && options.primaryKeyEncrypted) {\r\n options.onProcessBegin && options.onProcessBegin();\r\n SystemFormHelper.onReadAsync(options)\r\n .then((response) => options.onLoad && options.onLoad(response.data))\r\n .catch((error) => options.onError && options.onError(error, EditModes.Read, \"\"))\r\n .finally(() => options.onProcessEnd && options.onProcessEnd());\r\n }\r\n }\r\n\r\n /** */\r\n public static onAdd = (options: ISystemFormHelper, closeForm?: boolean) => {\r\n if (options.onAdd) options.onAdd();\r\n else if (options.url) {\r\n options.onProcessBegin && options.onProcessBegin();\r\n SystemFormHelper.onAddAsync(options)\r\n .then((response) => options.onRecordUpdated && options.onRecordUpdated(EditModes.Create, response, closeForm))\r\n .catch((error) => options.onError && options.onError(error, EditModes.Create, \"\"))\r\n .finally(() => options.onProcessEnd && options.onProcessEnd());\r\n }\r\n }\r\n\r\n /** */\r\n public static onEdit = (options: ISystemFormHelper, closeForm?: boolean) => {\r\n if (options.onEdit) options.onEdit();\r\n else if (options.url && options.primaryKeyEncrypted) {\r\n options.onProcessBegin && options.onProcessBegin();\r\n SystemFormHelper.onEditAsync(options)\r\n .then((response) => options.onRecordUpdated && options.onRecordUpdated(EditModes.Update, response, closeForm))\r\n .catch((error) => options.onError && options.onError(error, EditModes.Update, options.primaryKeyEncrypted))\r\n .finally(() => options.onProcessEnd && options.onProcessEnd());\r\n }\r\n }\r\n\r\n /** */\r\n public static onDelete = (options: ISystemFormHelper, closeForm?: boolean) => {\r\n if (options.onDelete) options.onDelete();\r\n else if (options.url && options.primaryKeyEncrypted) {\r\n options.onProcessBegin && options.onProcessBegin();\r\n SystemFormHelper.onDeleteAsync(options)\r\n .then((response) => options.onRecordUpdated && options.onRecordUpdated(EditModes.Delete, response, closeForm))\r\n .catch((error) => options.onError && options.onError(error, EditModes.Delete, options.primaryKeyEncrypted))\r\n .finally(() => options.onProcessEnd && options.onProcessEnd());\r\n }\r\n }\r\n}","import * as React from 'react';\r\nimport * as ReactDOM from 'react-dom'\r\nimport 'react-toastify/dist/ReactToastify.css';\r\nimport { SystemButton } from '../tools/SystemButton';\r\nimport SystemDialog from '../tools/SystemDialog';\r\nimport { CrudHelper, EditModes, SystemPanel } from '..';\r\nimport LoadingPanel from '../common/SystemLoadingPanel';\r\nimport { IPermission, IUserDetail } from '../../library/types/ISecurity'\r\nimport { getPermission } from '../../service/userService'\r\nimport AuditForm from '../form/audit/AuditForm'\r\nimport SystemFormHelper, { ISystemFormHelper } from '../inputs/SystemFormHelper'\r\nimport { SuperAdminInfo } from '../common/ShowAdminInfo';\r\n\r\nconst showConsoleInfo = false;\r\n\r\nexport enum IPlacement {\r\n TopLeft, TopCenter, TopRight,\r\n BottomLeft, BottomCenter, BottomRight,\r\n MiddleRight, MiddleCenter, MiddleLeft\r\n}\r\n\r\nexport interface ISystemFormProps {\r\n id?: string;\r\n name?: string;\r\n label?: string; // title of the form\r\n\r\n primaryKeyEncrypted?: string;\r\n secondaryKeyEncrypted?: string;\r\n\r\n children?: any; // child components of the form\r\n\r\n securityObject?: string; // contains authentication information of the user and the actions the user can perform \r\n\r\n // crud permissions\r\n canSave?: boolean;\r\n canCreate?: boolean; // allows the form to create\r\n canRead?: boolean; // allows the form to read \r\n canUpdate?: boolean; // allows the form to update\r\n canDelete?: boolean; // allows to form to delete\r\n disableSave?: boolean;\r\n // buttons to show\r\n canClear?: boolean; // allows to form to delete\r\n canReview?: boolean; // allows to form to delete\r\n showValidate?: boolean; // allows a form to validate\r\n showSearch?: boolean;\r\n showClear?: boolean;\r\n showAdd?: boolean;\r\n showSaveAndClose?: boolean;\r\n showSave?: boolean;\r\n showReview?: boolean;\r\n showTitle?: boolean;\r\n showTopOrBottomToolTip?: boolean\r\n ToolTipPosition?: string\r\n /** event raised on Add Button click (use this event to clear up the form and setup initial values) */\r\n onAdd?(): void;\r\n onSave?(): void; // event raised on save\r\n onSaveAndClose?(): void; // event raised on save\r\n onEdit?(): void;\r\n onCancel?(): void; // event raised on save\r\n onDelete?(): boolean;\r\n\r\n onAfterDelete?(response?: any): void;\r\n onAfterUpdate?(response?: any): void;\r\n onAfterCreate?(response?: any): void;\r\n onAfterRead?(response?: any): void;\r\n /** event raised on search */\r\n onSearch?(): void;\r\n\r\n /** event raised on clear click */\r\n onClear?(): void;\r\n onHideTile?(): void;\r\n onReview?(): void; // \r\n onRead?(): void;\r\n onSaveAndClose?(): void;\r\n\r\n /** Validates a form - return true if validation is successfull */\r\n onValidate?(): boolean; // event raised on validate\r\n onValidateAsync?(): Promise; // event raised on validate\r\n\r\n /** fires after save success */\r\n onAfterUpdate?(response: any): void;\r\n\r\n defaultOpenState?: boolean; // default open state of the form\r\n\r\n collapsable?: boolean; // whether this form can be collapsable\r\n\r\n url?: string; // endpoint url performs all operations\r\n onInitialize?(): any;\r\n onPrepare?(): any;\r\n onLoad?(data?: any, mode?: EditModes): void;\r\n /** Event raised after a successfull operation\r\n * response: the data returned from the operation\r\n * mode: the CRUD mode of the operation\r\n * closeForm: close the form automatically after success\r\n * -------------------------------------------------------------\r\n * return TRUE to fire the onLoad (load the data from the server) function\r\n */\r\n onRecordUpdated?(response?: any, mode?: EditModes, key?: string, closeForm?: boolean): boolean;\r\n /** event raised on error */\r\n onError?(error?: any, mode?: EditModes, key?: string): void,\r\n showCrudMessages?: boolean\r\n\r\n /** table to be reviewed */\r\n table?: string\r\n /** schema to be reviewed */\r\n schema?: string\r\n secondaryTable?: string,\r\n secondarySchema?: string,\r\n clearOnSave?: boolean\r\n clearOnDelete?: boolean,\r\n\r\n AddUrl?: string,\r\n EditUrl?: string,\r\n ReadUrl?: string,\r\n DeleteUrl?: string,\r\n showPanel?: boolean,\r\n isDirty?: boolean,\r\n toolbar?: any[],\r\n classAdd?: boolean\r\n}\r\n\r\nexport interface ISystemFormState {\r\n /** specifies if form is in create mode */\r\n isNew: boolean;\r\n /** specifies if the any form field has been edited */\r\n isDirty: boolean;\r\n /** specifies if the form is valid or not */\r\n isValid: boolean;\r\n /** specifies if the form is in a collapse state or not */\r\n isFormOpen: boolean;\r\n\r\n editMode?: EditModes; // current edit state\r\n\r\n /** specifies if the form is doing any background task */\r\n isLoading: boolean;\r\n /** allows the form to create */\r\n canCreate?: boolean;\r\n /** allows the form to read */\r\n canRead?: boolean;\r\n /** allows the form to update */\r\n canUpdate?: boolean;\r\n /** allows to form to delete */\r\n canDelete: boolean;\r\n /** allows to view review */\r\n canReview: boolean;\r\n\r\n /** shows a delete confirmation before a delete operation */\r\n showDeleteConfirmation: boolean;\r\n\r\n isReadOnly?: boolean;\r\n\r\n node?: any\r\n\r\n permission: IPermission\r\n\r\n isAuditFormVisible: boolean\r\n}\r\n\r\nexport default class SystemForm extends React.Component {\r\n\r\n static defaultProps = {\r\n id: '',\r\n name: '',\r\n url: '',\r\n primaryKeyEncrypted: '',\r\n showCrudMessages: true,\r\n canRead: true,\r\n canCreate: true,\r\n canUpdate: true,\r\n canDelete: true,\r\n canReview: true,\r\n canClear: true,\r\n showSave: true,\r\n showReview: true,\r\n showTitle: true,\r\n showClear: true,\r\n showTopOrBottomToolTip: true,\r\n ToolTipPosition: 'right'\r\n }\r\n\r\n fieldContainer: React.RefObject = React.createRef();\r\n submitButton: any = React.createRef();\r\n formObject: any = React.createRef();\r\n children: any;\r\n // default state of the form\r\n defaultPermission: IPermission = { AddPermission: true, ReadPermission: true, EditPermission: true, DeletePermission: true }\r\n\r\n constructor(props: ISystemFormProps) {\r\n super(props);\r\n const permission = getPermission(props.securityObject) || this.defaultPermission;\r\n\r\n this.state = {\r\n isFormOpen: true,\r\n editMode: EditModes.Read,\r\n isLoading: false,\r\n canRead: true,\r\n canCreate: true,\r\n canUpdate: true,\r\n canDelete: true,\r\n canReview: true,\r\n showDeleteConfirmation: false,\r\n isReadOnly: false,\r\n isNew: true,\r\n node: null,\r\n isValid: true,\r\n isDirty: false,\r\n isAuditFormVisible: false,\r\n permission: { ...permission }\r\n } as ISystemFormState\r\n }\r\n\r\n onProcessBegin = () => this.setState({ ...this.state, isLoading: true });\r\n onProcessEnd = () => this.setState({ ...this.state, isLoading: false });\r\n\r\n\r\n /**\r\n * Calls after a record has been added or edited\r\n * reloads the form data, return false if you want to skip loading\r\n * clears the form if clearonsave = true\r\n * @param mode : mode add or edit\r\n * @param response :response from the operation\r\n * @param closeForm\r\n */\r\n onRecordUpdated = (mode: EditModes, response: any, closeForm: boolean = false) => {\r\n //if (mode == EditModes.Update && closeForm == false && this.props.loadData) this.props.loadData(response.data); // need correction\r\n if (this.props.onRecordUpdated) {\r\n if (!this.props.onRecordUpdated(response, mode, this.props.primaryKeyEncrypted, closeForm))\r\n if (this.props.onLoad) this.props.onLoad(response.data, mode);\r\n }\r\n else if (this.props.onLoad) this.props.onLoad(response.data, mode);\r\n\r\n if (this.props.clearOnSave || (mode == EditModes.Delete && this.props.clearOnDelete)) this.handleClearButton();\r\n\r\n if (mode == EditModes.Delete && this.props.onAfterDelete) this.props.onAfterDelete(response);\r\n if (mode == EditModes.Create && this.props.onAfterCreate) this.props.onAfterCreate(response);\r\n if (mode == EditModes.Read && this.props.onAfterRead) this.props.onAfterRead(response);\r\n if (mode == EditModes.Update && this.props.onAfterUpdate) this.props.onAfterUpdate(response);\r\n // this.props.onSave && this.props.onSave()\r\n }\r\n\r\n crudOptions = (): ISystemFormHelper => {\r\n return {\r\n primaryKeyEncrypted: this.props.primaryKeyEncrypted,\r\n showCrudMessages: this.props.showCrudMessages,\r\n securityObject: this.props.securityObject,\r\n onProcessBegin: this.onProcessBegin,\r\n onProcessEnd: this.onProcessEnd,\r\n onLoad: this.props.onLoad,\r\n onPrepare: this.props.onPrepare,\r\n onRecordUpdated: this.onRecordUpdated,\r\n onError: this.props.onError,\r\n //permission: this.state.permission\r\n } as ISystemFormHelper;\r\n }\r\n\r\n componentDidMount = () => {\r\n if (this.props.onLoad) this.props.onLoad();\r\n\r\n this.setState({\r\n node: ReactDOM.findDOMNode(this)\r\n }, () => this.ensureDataLoaded())\r\n }\r\n\r\n componentDidUpdate = (prevProps: ISystemFormProps) => {\r\n if (prevProps.primaryKeyEncrypted != this.props.primaryKeyEncrypted) {\r\n this.ensureDataLoaded();\r\n }\r\n }\r\n\r\n ensureDataLoaded = () => {\r\n if (this.props.primaryKeyEncrypted) {\r\n this.onRead();\r\n } else {\r\n this.props.onInitialize && this.props.onInitialize();\r\n }\r\n }\r\n\r\n /** */\r\n onClear = () => this.props.onInitialize && this.props.onInitialize();\r\n onRead = () => SystemFormHelper.onRead({ url: this.props.ReadUrl || this.props.url, ...this.crudOptions() });\r\n onEdit = () => SystemFormHelper.onEdit({ url: this.props.EditUrl || this.props.url, ...this.crudOptions() });\r\n onDelete = async () => {\r\n if (this.props.onDelete) {\r\n if (!await this.props.onDelete()) return;\r\n }\r\n SystemFormHelper.onDelete({ url: this.props.DeleteUrl || this.props.url, ...this.crudOptions() });\r\n }\r\n onAdd = () => SystemFormHelper.onAdd({ url: this.props.AddUrl || this.props.url, ...this.crudOptions() });\r\n onError = (error: any, mode: EditModes, primaryKey: string) => this.props.onError && this.props.onError(error, mode, primaryKey);\r\n\r\n handleSearchButton = () => this.props.onSearch && this.props.onSearch();\r\n\r\n handleClearButton = () => {\r\n if (this.props.onClear) this.props.onClear();\r\n else if (this.props.onInitialize) this.props.onInitialize();\r\n }\r\n\r\n // Event handlers\r\n handleCollapseButton = () => this.setState({ ...this.state, isFormOpen: !this.state.isFormOpen });\r\n handleReviewButton = () => this.setState({ isAuditFormVisible: true })\r\n handleReviewClose = () => this.setState({ isAuditFormVisible: false })\r\n handleDelete = () => this.setState({ ...this.state, showDeleteConfirmation: true })\r\n onDeleteNo = () => this.setState({ ...this.state, showDeleteConfirmation: false })\r\n onDeleteYes = () => this.setState({ ...this.state, showDeleteConfirmation: false }, () => this.onDelete());\r\n handleEdit = () => this.setState({ ...this.state, editMode: EditModes.Update });\r\n\r\n\r\n // handles save button click\r\n handleSaveAndClose = async () => {\r\n await this.handleSave()\r\n if (this.props.onSaveAndClose) this.props.onSaveAndClose()\r\n }\r\n\r\n ///** Validate the form */\r\n onValidate = async (): Promise => {\r\n let validate: boolean = true;\r\n\r\n if (this.props.onValidate) validate = this.props.onValidate();\r\n if (validate && this.props.onValidateAsync) validate = await this.props.onValidateAsync();\r\n\r\n return validate;\r\n }\r\n\r\n handleSave = async (): Promise => {\r\n let validate: boolean = await this.onValidate();\r\n\r\n if (validate) {\r\n if (this.props.onSave) this.props.onSave();\r\n else this.props.primaryKeyEncrypted ? this.onEdit() : this.onAdd();\r\n }\r\n\r\n return validate;\r\n }\r\n\r\n createNestedObject = (obj: any, path: any, value: any) => {\r\n var parent = obj;\r\n var names = path.split(\".\");\r\n for (var i = 0; i < names.length; i++) {\r\n if (i == names.length - 1) obj = obj[names[i]] = value\r\n else obj = obj[names[i]] = obj[names[i]] || {};\r\n }\r\n return parent;\r\n }\r\n\r\n createObjectFromForm = (formData: any) => {\r\n var obj = {};\r\n formData.forEach((value: any, key: any) => obj = this.createNestedObject(obj, key, value));\r\n return obj;\r\n }\r\n\r\n createDataFromForm = (form: HTMLFormElement) => {\r\n const formData = new FormData(form);\r\n return this.createObjectFromForm(formData);\r\n }\r\n // calls when submit button clicked\r\n handleSubmit = (event: React.FormEvent) => {\r\n event.preventDefault();\r\n // code to do the submit\r\n }\r\n\r\n handleReload = () => this.onRead()\r\n\r\n\r\n // creates toolbar of the form\r\n\r\n render() {\r\n\r\n // conditions\r\n const isNew = !this.props.primaryKeyEncrypted;\r\n const defaultDisable = this.state.isReadOnly || this.state.isLoading || !this.state.permission\r\n const disableAdd = defaultDisable || !this.state.permission.AddPermission;\r\n const disableUpdate = defaultDisable || !this.state.permission.EditPermission;\r\n const disableDelete = defaultDisable || !this.state.permission.DeletePermission;\r\n const disableRead = disableAdd || disableUpdate;\r\n const disableSave = disableAdd || disableUpdate || this.props.disableSave || false;\r\n\r\n // buttons\r\n const TitleText = this.props.showTitle && this.props.url && this.props.label && ((isNew ? \"Add \" : \"Edit \") + this.props.label);\r\n const Title =
);\r\n}\r\n\r\nexport class DateCell extends React.Component {\r\n //isValidDate = (d : any) => {\r\n //return d instanceof Date && !isNaN(d);\r\n //}\r\n\r\n isValidDate = (dateObject: any) => new Date(dateObject).toString() !== 'Invalid Date';\r\n\r\n render() {\r\n let value = this.props.dataItem[this.props.field as string];\r\n let text = '';\r\n if (value != null && value != undefined && this.isValidDate(value)) text = formatDate(new Date(value), setting.dateFormat)\r\n\r\n return (
{text}
);\r\n }\r\n}\r\n\r\n\r\nexport class PasswordCell extends React.Component {\r\n render() {\r\n let value = this.props.dataItem[this.props.field as string];\r\n let text = '';\r\n var lengthvalue = value.length;\r\n\r\n for (var i = 0; i < value.length; i++) {\r\n text = text + '*';\r\n }\r\n //if (value != null && value != undefined && this.isValidDate(value)) text = formatDate(new Date(value), setting.dateFormat)\r\n\r\n return (
{text}
);\r\n }\r\n}\r\n\r\nexport class DateTimeCell extends React.Component {\r\n render() {\r\n const value = this.props.dataItem[this.props.field as string];\r\n if (value != \"\" && value != undefined) {\r\n return (
{UTCToLocalDateTime(value)}
);\r\n }\r\n else {\r\n return (
{\"\"}
);\r\n\r\n }\r\n }\r\n}\r\nexport class DateCellOnly extends React.Component {\r\n render() {\r\n const value = this.props.dataItem[this.props.field as string];\r\n if (value != \"\" && value != undefined) {\r\n return (
{UTCToLocalDate(value)}
);\r\n }\r\n else {\r\n return (
{\"\"}
);\r\n\r\n }\r\n }\r\n}\r\n\r\ninterface ISwitchCellProps {\r\n url?: string\r\n PrimaryKey?: string\r\n FieldName?: string\r\n onValueChanged?(response: any): void\r\n}\r\nlet _this: object;\r\nexport class SwitchCell extends React.Component {\r\n\r\n constructor(props: any) {\r\n super(props);\r\n this.onChange = this.onChange.bind(this);\r\n _this = this;\r\n }\r\n onChange = (event: any) => {\r\n if (this.props.url) {\r\n let value = event.target.value;\r\n let data = {\r\n PrimaryKeyEncrypted: this.props.PrimaryKey,\r\n FieldName: this.props.FieldName,\r\n FieldValue: value\r\n };\r\n var response = httpService.post(this.props.url, data);\r\n this.props.onValueChanged && this.props.onValueChanged(response)\r\n }\r\n }\r\n\r\n render() {\r\n const value = this.props.dataItem[this.props.field as string];\r\n return (
\r\n \r\n \r\n \r\n );\r\n }\r\n}\r\n\r\nexport default withRouter(Layout);","import * as React from 'react';\r\nimport { Routes } from './Routes';\r\nimport 'jquery/dist/jquery.min.js'\r\nimport 'bootstrap/dist/js/bootstrap.bundle.min.js';\r\nimport 'bootstrap/dist/css/bootstrap.min.css';\r\nimport '@progress/kendo-theme-bootstrap/dist/all.css';\r\nimport { initilizeUserInfo, isUserVerified } from 'service/userService'\r\nimport { registerInactivityService, unregisterInactivityService } from 'service/inactivityService'\r\nimport { msalInstance } from '.';\r\nimport UnauthorizedAccess from './Components/Authentication/UnauthorizedAccess';\r\nimport Layout from './Components/Layout';\r\nimport ProfileValidate from './Components/Authentication/ProfileValidate';\r\nimport { AuthenticationResult, EventMessage, EventType, LogLevel, PublicClientApplication } from \"@azure/msal-browser\";\r\n\r\n/**\r\n * Sandeep: Initilize user info and set the cache for the user by utilizing the received access token.\r\n */\r\nclass App extends React.Component {\r\n\r\n constructor(props: any) {\r\n super(props)\r\n }\r\n\r\n state = {\r\n initilized: false,\r\n authorized: true,\r\n authorizedToHome: true,\r\n }\r\n\r\n /**\r\n * Sandeep: Get and cache user information in local storage for UI use.\r\n * we are ensuring all keys to be encrypted while getting the information.\r\n */\r\n componentDidMount = async () => {\r\n await initilizeUserInfo(this.initRender);\r\n registerInactivityService();\r\n }\r\n\r\n componentWillUnmount() {\r\n unregisterInactivityService();\r\n }\r\n\r\n /**\r\n * Sandeep: Callback method to render the UI after the token is received and set to cache.\r\n */\r\n initRender = (status: string) => {\r\n if (status == '200')\r\n this.setState({ initilized: true });\r\n else if (status == '401')\r\n this.setState({ authorized: false });\r\n }\r\n\r\n //SS: Log out unauthorize user and display prompt.\r\n logOutUnauthorizedUser = () => {\r\n msalInstance.logout();\r\n }\r\n\r\n /**\r\n * Render the UI.\r\n * @returns\r\n */\r\n render() {\r\n return <>\r\n {\r\n (this.state.initilized ?\r\n :\r\n this.state.authorized ?
\r\n Trailboss\r\n
:\r\n )\r\n }\r\n \r\n }\r\n};\r\n\r\nexport default App;\r\n","import * as React from 'react';\r\nimport * as ReactDOM from 'react-dom';\r\nimport { createBrowserHistory } from 'history';\r\nimport App from './App';\r\nimport { Router } from 'react-router';\r\nimport { PublicClientApplication, InteractionType, } from \"@azure/msal-browser\";\r\nimport { loginRequest, msalConfig ,initilizeMsal} from \"./azure/authConfig\";\r\nimport { MsalAuthenticationTemplate, MsalProvider } from \"@azure/msal-react\";\r\n\r\n/**\r\n * Sandeep: Azure B2C configuration.\r\n */\r\nexport const msalInstance = new PublicClientApplication(msalConfig);\r\ninitilizeMsal(msalInstance);\r\nconst baseUrl = document.getElementsByTagName('base')[0].getAttribute('href') as string;\r\nconst history = createBrowserHistory({ basename: baseUrl });\r\n\r\nReactDOM.render(\r\n \r\n \r\n \r\n \r\n \r\n \r\n ,\r\n\r\n document.getElementById('root'));"],"sourceRoot":""}