\n Your account request has been sent for approval. You will be notified via email when your account has\n been approved and created.\n
\nPlease enter the username and email associated with your account.
\n \n {alert}\nPlease enter the email associated with your new account.
\n \n {alert}\nPlease enter new password and confirm.
\n\n {editable ? (\n \n \n {(form) => {\n form.setFieldsValue(record);\n return this.props.editOptions && this.props.editOptions.useIconButtons ? (\n this.save(form, record, index)}\n style={{ marginRight: 5 }}\n >\n Done\n \n );\n }\n }\n \n {this.props.editOptions && this.props.editOptions.useIconButtons ? (\n \n ) : this.props.editOptions && this.props.editOptions.useIconButtons ? (\n
\n );\n },\n });\n }\n } else {\n if (this.props.onRowClick) {\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n tableProps.onRow = (record: T, index?: number) => ({\n onClick: () => (this.props.onRowClick ? this.props.onRowClick(record) : undefined),\n });\n }\n }\n\n let compact = this.props.styleOptions ? this.props.styleOptions.compact : false;\n compact = false; // DISABLING THIS FOR NOW\n\n columns = columns.map((col) => {\n if (!col.editOptions) {\n return col;\n }\n\n if (!col.editOptions.editable) {\n return col;\n }\n\n return {\n ...col,\n onCell: (record: T) => ({\n record,\n inputType: col.editOptions ? col.editOptions.type : '',\n dataIndex: col.dataIndex,\n title: col.title as any,\n // editing: this.isEditing(index),\n inputStyle: col.editOptions ? col.editOptions.inputStyle : {},\n inputClass: col.editOptions ? col.editOptions.inputClass : '',\n inputSize: compact ? 'small' : undefined,\n decimalPrecision: col.editOptions ? col.editOptions.decimalPrecision : undefined,\n placeholder: col.editOptions ? col.editOptions.placeholder : undefined,\n customEditor: col.editOptions ? col.editOptions.customEditor : null,\n additional: col.editOptions ? col.editOptions.additional : null,\n disabled: col.editOptions ? col.editOptions.disabled : false,\n required: col.editOptions ? col.editOptions.required : false,\n onChange: (col.editOptions ? col.editOptions.onChange : null) as any,\n onEnter: this.save,\n onEscape: this.cancel,\n renderDataTransform: col.renderDataTransform,\n }),\n };\n });\n\n tableProps.columns = columns.map((column) => {\n const columnProps = { ...column } as ColumnProps{render2 ? render2(value, record, index) : value}
\n );\n }\n\n if (this.state.sorter) {\n if (columnProps.sorter === true && !this.props.serverSide) {\n switch (column.columnType) {\n case ColumnType.Date:\n columnProps.sorter = (a: T, b: T) => {\n const aVal = (a as any)[columnProps.dataIndex as any];\n const bVal = (b as any)[columnProps.dataIndex as any];\n if (!aVal && !bVal) {\n return 0;\n }\n if (aVal && !bVal) {\n return 1;\n }\n if (bVal && !aVal) {\n return -1;\n }\n if (aVal && bVal) {\n if (moment(aVal).isAfter(moment(bVal))) {\n return 1;\n }\n if (moment(bVal).isAfter(moment(aVal))) {\n return -1;\n }\n }\n return 0;\n };\n break;\n case ColumnType.Text:\n //sort text ignoring the upper/lower case\n columnProps.sorter = (a: T, b: T) => {\n const aVal: string = (a as any)[columnProps.dataIndex as any];\n const bVal: string = (b as any)[columnProps.dataIndex as any];\n return ((aVal?.toUpperCase() || '') > (bVal?.toUpperCase() || '') ? 1 : -1);\n };\n break;\n default:\n columnProps.sorter = (a: T, b: T) => {\n return columnProps.dataIndex\n ? [(a as any)[columnProps.dataIndex as any], (b as any)[columnProps.dataIndex as any]].sort()[0] ===\n (a as any)[columnProps.dataIndex as any]\n ? 1\n : -1\n : 0;\n };\n\n // a[dataIndex].localeCompare(b[dataIndex]);\n };\n }\n columnProps.sortOrder = this.state.sorter.columnKey\n ? this.state.sorter.columnKey === columnProps.dataIndex && this.state.sorter.order\n : columnProps.sortOrder;\n }\n\n (columnProps.children || []).forEach((childCol: ColumnProps\n {(this.props.title || this.props.buttonBar || this.props.globalSearch) ? (\n )} />\n \n );\n }\n\n private getRowKey(record: T, index: number) {\n return typeof this.props.tableProps.rowKey === 'function'\n ? this.props.tableProps.rowKey(record, index)\n : `${this.getObjectValueByPath(record, `${this.props.tableProps.rowKey || 'id'}`)}`;\n }\n\n private getObjectValueByPath = (o: any, s: string) => {\n s = s.replace(/\\[(\\w+)\\]/g, '.$1'); // convert indexes to properties\n s = s.replace(/^\\./, ''); // strip a leading dot\n const a = s.split('.');\n for (let i = 0, n = a.length; i < n; ++i) {\n const k = a[i];\n if (k in o) {\n o = o[k];\n } else {\n return;\n }\n }\n return o;\n };\n\n private getSelectColumn() {\n // Update selectedrowIds, removing lines can cause odd behavior of title checkbox, make sure all ids are still in the dataset\n this.selectedRowIds = this.selectedRowIds.filter((key) =>\n (this.state.filteredData || this.state.data).some((a, i) => this.getRowKey(a, i) === key)\n );\n\n const checkedCount = this.selectedRowIds.length;\n const dataCount = (this.state.filteredData || this.state.data).length;\n\n return {\n columnProps: {\n title: (\n
\n {this.props.title} \n {this.getGlobalSearch()}\n {this.props.buttonBar ? (\n
\n ) : null}\n \n {this.props.buttonBar.map((button) => {\n // eslint-disable-next-line\n const { dataTableButtonType, 'export': exp, to, ...buttonProps } = button as any;\n switch (dataTableButtonType) {\n case DataTableButtonType.Export:\n buttonProps.onClick = () => {\n (button as ExportButton).export(\n this.getTableStateDTO(pagination, filters, sorter, this.state.globalFilter)\n );\n };\n break;\n case DataTableButtonType.Reset:\n buttonProps.onClick = () => this.resetTable();\n break;\n case DataTableButtonType.Link:\n buttonProps.onClick = () => {\n HistoryUtil.push(to);\n };\n break;\n default:\n break;\n }\n\n return (\n \n {button.label}\n \n );\n })}\n
\n ) : null}\n