\n
\n
\n Benchmark: {props.location.state.name} ({props.location.state.benchmark})\n
\n
\n
\n Inference : {completedInference}/{images.length}
\n OCR : {completedOcr}/{images.length}
\n Annotation : {completedAnnotations}/{images.length}
\n \n
\n
\n
}\n onClick={handleGoBack}\n variant='contained'\n color='primary'\n >\n Go back\n \n
\n
}\n onClick={refreshData}\n variant=\"contained\"\n color=\"primary\"\n >\n Refresh\n \n
\n
}\n onClick={() => handleClickOpen('folder')}\n variant='contained'\n color='primary'\n >\n Upload Folder\n \n
\n
}\n onClick={() => handleClickOpen('files')}\n variant='contained'\n color='primary'\n >\n Upload Images\n \n
\n
annotationFlagType === 'annotation' ? handleAnnotationFlagged('') : handleAnnotationFlagged('annotation')}\n variant=\"contained\"\n color=\"primary\"\n >\n {annotationFlagType === 'annotation' ? 'View All' : 'Flagged Annotation'}\n \n \n responseFlagType === 'response' ? handleResponseFlagged('') : handleResponseFlagged('response')}\n variant=\"contained\"\n color=\"primary\"\n >\n {responseFlagType === 'response' ? 'View All' : 'Flagged Response'}\n \n \n \n {props.location.state.benchmarkType === 'project' && type !== 'validation' ? <>\n \n Set Default Model\n \n \n : ''}\n \n RUN INFERENCE\n \n {props.location.state.benchmarkType === 'project' ?\n <> \n \n EDIT BENCHMARK CONFIG\n \n : ''}\n \n \n RUN BENCHMARK\n \n \n \n VIEW RESULTS\n \n \n \n VIEW QC\n \n \n \n \n {loading ? \n \n : images.length === 0\n ? 'No Existing images'\n : <>\n {currentPageData}\n \n }\n \n \n {Object.keys(results).length || Object.keys(validationResult).length ? \n \n \n \n : ''\n }\n \n Edit Benchmark Config\n \n {benchmarkConfig &&\n Object.keys(benchmarkConfig).map((field) => (\n \n \n \n handleConfigThreshold(event, field)}\n />\n \n handleConfigCharacters(event, field)}\n />\n \n handleConfigEditDistance(event, field)}\n label='Edit Distance'\n style={{ width: 250 }}\n >\n \n \n \n \n \n \n \n handleConfigSpaces(event, field)}\n inputProps={{ 'aria-label': 'primary checkbox' }}\n required\n />\n }\n label='Remove Spaces'\n />\n \n
\n ))}\n \n \n \n Cancel\n \n \n Confirm\n \n \n \n \n \n Enter model
\n handleModelName(event)}\n label=\"Model Name\"\n style={{ width: 500 }}\n />\n \n \n \n Save\n \n \n \n \n \n \n \n \n \n \n {Object.keys(ocrTypes).map((ocrType) => (\n \n ))}\n \n \n \n {props.location.state.benchmarkCategory === 'project' ? \n \n \n \n \n : ''}\n\n \n \n Create\n \n
\n \n Your Benchmarks\n \n \n \n {benchmarks.length === 0\n ? 'No Benchmarks'\n : benchmarks.map((benchmark, index) => (\n \n \n \n \n {benchmark.name}\n \n \n OCR Type: {benchmark.ocrType}\n \n \n Benchmark ID: {benchmark._id}\n \n \n Project ID: {benchmark.id} {benchmark.id === props.location.state.id ? '' : '🚩'}\n \n \n \n \n handleClick(\n benchmark.name,\n benchmark._id,\n benchmark.id,\n benchmark.benchmarkType,\n benchmark.ocrType,\n benchmark.status,\n props.location.state.docType,\n )\n }\n >\n Open\n \n \n handleClone(benchmark._id)\n }\n >\n Clone\n \n \n \n \n ))}\n \n
\n \n \n );\n}\n\nexport default BenchmarkList;\n","import React, { useEffect } from \"react\";\nimport LabelStudio from \"label-studio\";\nimport axios from \"axios\";\n\nfunction Annotate(props) {\n useEffect(() => {\n axios\n .post(\"/api/benchmarks/tasks/view\", {\n benchmark: props.location.state.benchmark,\n imageId: props.location.state.imageId,\n imageKey: props.location.state.imageKey,\n benchmarkType: props.location.state.benchmarkType,\n id: props.location.state.id,\n })\n .then(function (response) {\n let final = \"\";\n let config = '';\n let validationConfig = {};\n let { imageId, image, text } = response.data.inferenceData;\n if (props.location.state.projectType !== 'validation') {\n config = response.data.config;\n }\n if (props.location.state.projectType !== 'extraction') {\n validationConfig = Object.keys(response.data.validationConfig);\n }\n const colors = [\n \"orange\",\n \"red\",\n \"blue\",\n \"green\",\n \"black\",\n \"yellow\",\n \"orange\",\n \"red\",\n \"blue\",\n \"green\",\n \"black\",\n \"yellow\",\n \"blue\",\n \"green\",\n \"black\",\n \"yellow\",\n \"orange\",\n \"red\",\n \"blue\",\n \"green\",\n \"black\",\n \"yellow\",\n \"blue\",\n \"green\",\n \"black\",\n \"yellow\",\n \"orange\",\n \"red\",\n \"blue\",\n \"green\",\n \"black\",\n \"yellow\",\n \"blue\",\n \"green\",\n \"black\",\n \"yellow\",\n ];\n if (props.location.state.benchmarkType === \"project\") {\n let first = `\n \n \n \n \n `;\n\n let second = ``;\n config.forEach((field, i) => {\n second += `\n \n `;\n\n let fourth = ``;\n if (config.length) {\n config.forEach((field, i) => {\n third += ` \n ![\"logo\"](\"/logo.png\"){kind=logo}
\n 