\n {\n Object.entries(rowData).map(function (pair: any, index: number) {\n function handleClick(file: any) {\n console.log('The link was clicked.');\n console.log(file);\n //var URL = \"https://www.google.com/\";\n //var URL = \"file:\\\\\\\\192.168.0.220\\\\iso-qs\\\\10027R7.pdf\";\n //var URL = \"http://192.168.0.220/iso-qs/10027R7.pdf\";\n //var URL = \"http://192.168.0.220/iso-qs/10131R1.pdf\";\n var PATH = \"http:\\\\\\\\192.168.0.220\\\\iso-qs\\\\10131R1.pdf\";\n window.open(PATH)\n //window.open(file);\n return (file);\n }\n\n function deleteItem(id: number) {\n console.log('Delete button clicked.', `${id}`);\n //await axios call\n }\n\n async function getLatestPartNumberDetail(partNumber: number) {\n await axios.get(`/api/application/getLatestRevision/${partNumber}`)\n .then(res => {\n const { designSpecId, partNumber, revisionLevel } = res.data.items;\n return location.href = (`/dspecs/kits/form/${designSpecId}/${partNumber}/${revisionLevel}`)\n })\n .catch(err => {\n alert('Couldn\\'t find any revisions for that part number')\n console.error(err)\n })\n }\n\n // Exclude Statements\n const tablesToExcludeDesignSpecId: string[] = [\"general\", \"motor\", \"remote\", \"kits\", \"fittings\", \"workinstruction\"]\n if (tablesToExcludeDesignSpecId.includes(tableType) && (pair[0] === \"designSpecId\" || pair[0] === \"dsId\")) {\n return;\n }\n if (tableType === \"fittings\" && pair[0] === \"revisionLevel\") return;\n if (tableType === \"productionmaterial\" && pair[0] === \"id\") return;\n if (tableType === \"productionmaterial\" && pair[0] === \"roleId\") return;\n if (tableType === \"applications\" && pair[0] === \"id\") return;\n switch (tableType.toUpperCase()) {\n // GENERAL LINK GENERATION\n case 'GENERAL':\n if (pair[0] == 'partNumber')\n return | {pair[1]} | ;\n if (pair[0] == 'revisionLevel')\n return {pair[1]} | ;\n break;\n // MOTOR LINK GENERATION\n case 'MOTOR':\n if (pair[0] == 'partNumber')\n return {pair[1]} | \n if (pair[0] == 'revisionLevel')\n return {pair[1]} | ;\n break;\n // REMOTE LINK GENERATION\n case 'REMOTE':\n if (pair[0] == 'partNumberId')\n return {pair[1]} | ;\n if (pair[0] == 'revisionLevel')\n return {pair[1]} | ;\n break;\n // KIT LINK GENERATION\n case 'KITS':\n if (pair[0] == 'partNumberId')\n return {pair[1]} | \n if (pair[0] == 'revisionLevel')\n return {pair[1]} | ;\n break;\n // REVISION LINK GENERATION\n case 'REVISION':\n if (pair[0] == 'revisionLevel')\n return {pair[1]} | ;\n if (pair[0] == 'id')\n return {pair[1]} | ;\n break;\n // APPLICATIONS LINK GENERATION\n case 'APPLICATIONS':\n if (pair[0] == 'partNumber')\n return getLatestPartNumberDetail(rowData.partNumber)}>{pair[1]} | \n if (pair[0] == 'action')\n return \n | \n break;\n // REQUEST FOR DEVIATION LINK GENERATION\n case 'RFD':\n if (pair[0] == 'partNumber')\n return {pair[1]} | \n break;\n // WORK INSTRUCTION LINK GENERATION\n case 'WORKINSTRUCTION':\n if (pair[0] == 'partNumberId')\n return {pair[1]} | \n if (pair[0] == 'fileName')\n return {pair[1]} | \n break;\n // GENERAL LINK GENERATION\n case 'FITTINGS':\n if (pair[0] == 'partNumberId')\n return {pair[1]} | ;\n if (pair[0] == 'revisionLevel') return;\n break;\n case 'DOCUMENTS':\n if (pair[0] == 'file')\n return {pair[1]} | \n if (pair[0] == 'action')\n return \n | \n break;\n case 'PRODUCTIONMATERIAL':\n if (pair[0] == 'action')\n return \n | \n break;\n default:\n if (pair[0] == 'id') {\n return {pair[1]} | \n }\n if (pair[0] == 'designSpecId') {\n return {pair[1]} | \n }\n }\n // HANDLE THE BASIC TEXT\n return {pair[1]} | \n })\n }\n
\n ), this)\n }\n // Modal Controlls\n openModalForEdit = (rowData: any, tableType: string): void => {\n switch (tableType) {\n case 'applications':\n this.setState({\n show: true,\n modalMode: 'Edit',\n rowId: rowData.id,\n applicationModalState: this.props.rows.find(r => r.id == rowData.id)\n });\n break;\n case 'productionmaterial':\n this.setState({\n show: true,\n modalMode: 'Edit',\n rowId: rowData.id,\n productionModalState: this.props.rows.find(r => r.id == rowData.id)\n })\n break;\n }\n }\n\n openModalForNew = (): void => {\n this.setState({\n show: true,\n modalMode: 'New',\n rowId: null\n });\n }\n\n handleChange(e: any, modalKind: \"applications\" | \"productionmaterial\") {\n const target = e.target;\n const name = target.name;\n const value = target.value;\n switch (modalKind) {\n case 'applications':\n this.setState({\n applicationModalState: {\n ...this.state.applicationModalState,\n [name]: value\n }\n });\n break;\n case 'productionmaterial':\n this.setState({\n productionModalState: {\n ...this.state.productionModalState,\n [name]: value\n }\n })\n break;\n }\n }\n\n\n\n modalOpen() {\n this.setState({ show: true });\n }\n\n modalClose = () => {\n // Reset the modal related items.\n this.setState({\n show: false,\n rowId: null,\n modalMode: undefined,\n applicationModalState: emptyApplicationModal,\n productionModalState: emptyProductionModal\n });\n }\n\n applicationRenderer(formState: ApplicationsDto) {\n return (\n \n
\n
\n
\n this.handleChange(e, 'applications')} />\n
\n
\n
\n
\n
\n
\n
\n
\n
\n \n
\n\n
\n \n
\n
\n \n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n \n
\n
\n \n
\n
\n this.handleChange(e, 'applications')} />\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n \n
\n
this.handleChange(e, 'applications')} />
\n
\n \n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n \n
\n
this.handleChange(e, 'applications')} pattern=\"\\d+(\\.\\d{1,2})?\" />
\n
this.handleChange(e, 'applications')} />
\n
\n
\n
\n
\n
this.handleChange(e, 'applications')} />
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n \n\n
\n
this.handleChange(e, 'productionmaterial')} />
\n
\n
\n
\n
\n
this.handleChange(e, 'productionmaterial')} />
\n
\n
\n
\n
\n
\n
Clear All Filters\n {rows.length === 0 ? `This query returned 0 results` : null}
\n\n {\n !tablesWithoutCreateButton.includes(tableType) ?\n \n : null\n }\n\n {\n ![\"general\", \"motor\", \"remote\", \"kits\", \"rfd\", \"workinstruction\", \"fittings\", \"revision\", \"users\"].includes(tableType) ?\n // this.modalOpen()}> Create \n \n : null\n }\n\n \n\n
\n \n \n {\n this.buildRowsWithLinks(tableType, visibleRows, this.openModalForEdit)\n }\n \n
\n\n
\n
\n\n {/* { this.state.show ?
: null } */}\n {this.state.show ?
this.modalClose()} className=\"modal-wrapper\">
: null}\n\n
\n {tableType == \"applications\" && this.applicationRenderer(this.state.applicationModalState)}\n {tableType == \"productionmaterial\" && this.productionMaterialRenderer(this.state.productionModalState)}\n \n\n