mirror of
https://github.com/Ai-hack-MAGNUM-OPUS/frontend.git
synced 2024-11-10 19:56:41 +03:00
add score
This commit is contained in:
parent
12900998c8
commit
0a3bf71358
|
@ -6,15 +6,15 @@ import 'antd/dist/antd.css';
|
|||
|
||||
interface ErrorViewerIE{
|
||||
errText:string;
|
||||
paragraph: string[];
|
||||
paragraph: [number, string][];
|
||||
variants?: string[];
|
||||
num: number;
|
||||
correct:boolean
|
||||
correct:boolean;
|
||||
}
|
||||
|
||||
export const ErrorViewer : React.FC<ErrorViewerIE> = (props) =>{
|
||||
const [open, setOpen] = useState(false)
|
||||
|
||||
console.log(props.paragraph)
|
||||
|
||||
return(
|
||||
<div className={styles.viewer}>
|
||||
|
@ -41,8 +41,9 @@ export const ErrorViewer : React.FC<ErrorViewerIE> = (props) =>{
|
|||
{
|
||||
props.paragraph.map(
|
||||
(value, index)=><div className={styles.paragraph}>
|
||||
<div>№{index+1}</div>
|
||||
<div className={styles.paragraph}>{value}</div>
|
||||
<div><strong>№{index+1}</strong></div>
|
||||
<div className={styles.paragraph}>{value[0]}</div>
|
||||
<div><strong>Score:{value[1]}</strong></div>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
|
|
@ -2,6 +2,7 @@ import React, { useState } from "react";
|
|||
import { Button, message, Upload } from "antd"
|
||||
import Icon, { UploadOutlined } from '@ant-design/icons';
|
||||
import 'antd/dist/antd.css';
|
||||
import { host } from "../../pages/api/consts";
|
||||
|
||||
|
||||
interface FileUploaderIE{
|
||||
|
@ -12,7 +13,7 @@ export const FileUploader:React.FC<FileUploaderIE> = (data) =>{
|
|||
|
||||
const props = {
|
||||
name: 'file',
|
||||
action: 'http://192.168.9.152:8000/api/docx/',
|
||||
action: host + '/api/site/docx/',
|
||||
headers: {
|
||||
authorization: 'authorization-text',
|
||||
},
|
||||
|
|
89
pages/files.tsx
Normal file
89
pages/files.tsx
Normal file
|
@ -0,0 +1,89 @@
|
|||
import type { NextPage } from 'next'
|
||||
import Head from 'next/head'
|
||||
import { ErrorViewer } from '../Components/ErrorViewer'
|
||||
import { FileUploader } from '../Components/FileUploader'
|
||||
import { Header } from '../Components/header'
|
||||
import styles from '../styles/Home.module.css'
|
||||
import 'antd/dist/antd.css';
|
||||
import { ItemSelect, SelectItemIE } from '../Components/ItemSelect'
|
||||
import { useState } from 'react'
|
||||
import { get } from './api/fetch'
|
||||
import { host } from './api/consts'
|
||||
import { PulseLoader } from 'react-spinners'
|
||||
import axios from 'axios'
|
||||
|
||||
|
||||
|
||||
const Home: NextPage = () => {
|
||||
|
||||
let files = JSON.parse(localStorage.getItem("files") as string)
|
||||
const [file, setFile] = useState(files[0].uuid)
|
||||
const [data,setData] = useState("")
|
||||
let i = 1;
|
||||
let cards = new Array<JSX.Element>()
|
||||
|
||||
const getData = () =>{
|
||||
if (data == ""){
|
||||
axios.get(host+"/api/site/docx/" + file).then(res => {
|
||||
setData(res.data)
|
||||
})
|
||||
}
|
||||
}
|
||||
const onFileChange = (newFile:any) =>{
|
||||
setData("")
|
||||
axios.get(host+"/api/site/docx/" + newFile).then(res => {
|
||||
setData(res.data)
|
||||
})
|
||||
setFile(newFile)
|
||||
}
|
||||
|
||||
setTimeout(getData, 2000);
|
||||
if (data != ""){
|
||||
for(var name in data as any) {
|
||||
cards.push(
|
||||
<ErrorViewer
|
||||
num={i}
|
||||
paragraph={(data as any)[name][0]==undefined? [["Выявлено отсутсвие данного модуля"]]:(data as any)[name]}
|
||||
errText={name}
|
||||
correct={(data as any)[name][0]==undefined? false:true}
|
||||
></ErrorViewer>
|
||||
)
|
||||
i++
|
||||
}
|
||||
}
|
||||
|
||||
let select = new Array<SelectItemIE>()
|
||||
files.forEach((value : any) => {
|
||||
select.push(
|
||||
{
|
||||
name: value.file.slice(48, value.uuid.lenght),
|
||||
value: value.uuid
|
||||
} as SelectItemIE
|
||||
)
|
||||
});
|
||||
|
||||
return (
|
||||
<div className={styles.container}>
|
||||
<Head>
|
||||
<title>Загрузите файл</title>
|
||||
<meta name="description" content="Generated by create next app" />
|
||||
<link rel="icon" href="/favicon.ico" />
|
||||
</Head>
|
||||
<main className={styles.main}>
|
||||
<Header></Header>
|
||||
|
||||
<div className={styles.selector}>
|
||||
<ItemSelect
|
||||
onChange={(val)=>onFileChange(val as any)}
|
||||
items={select}
|
||||
></ItemSelect>
|
||||
</div>
|
||||
<div className={styles.pagination}>
|
||||
{data == ""? <PulseLoader color={"#13377D"}></PulseLoader>:cards}
|
||||
</div>
|
||||
</main>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
||||
export default Home
|
|
@ -20,12 +20,13 @@ const History: NextPage = () => {
|
|||
const [data, setData] = useState("")
|
||||
let router = useRouter()
|
||||
if (data == ""){
|
||||
axios.get(host+"/api/docx").then(res => {
|
||||
axios.get(host+"/api/site/docx/").then(res => {
|
||||
setData(res.data)
|
||||
})
|
||||
}
|
||||
if (data != ""){
|
||||
(data as any).forEach((value:any) => {
|
||||
localStorage.setItem(value.uuid, value.file)
|
||||
files.push(
|
||||
<div className={styles.fileCard} onClick={()=>router.push("/view/" + value.uuid)}>
|
||||
{value.file.slice(48, value.file.lenght)}
|
||||
|
|
|
@ -7,83 +7,36 @@ import styles from '../styles/Home.module.css'
|
|||
import 'antd/dist/antd.css';
|
||||
import { ItemSelect, SelectItemIE } from '../Components/ItemSelect'
|
||||
import { useState } from 'react'
|
||||
import { get } from './api/fetch'
|
||||
import { host } from './api/consts'
|
||||
import { PulseLoader } from 'react-spinners'
|
||||
import axios from 'axios'
|
||||
import { useRouter } from 'next/router'
|
||||
|
||||
|
||||
|
||||
const Home: NextPage = () => {
|
||||
const Upload: NextPage = () => {
|
||||
const [files, setFiles] = useState(new Array())
|
||||
let router = useRouter()
|
||||
|
||||
const onNext = () =>{
|
||||
localStorage.setItem("files", JSON.stringify(files))
|
||||
router.push("/files")
|
||||
}
|
||||
|
||||
let files = JSON.parse(localStorage.getItem("files") as string)
|
||||
const [file, setFile] = useState(files[0].uuid)
|
||||
const [data,setData] = useState("")
|
||||
let i = 1;
|
||||
let cards = new Array<JSX.Element>()
|
||||
|
||||
const getData = () =>{
|
||||
if (data == ""){
|
||||
axios.get(host+"/api/docx/" + file).then(res => {
|
||||
setData(res.data)
|
||||
})
|
||||
}
|
||||
}
|
||||
const onFileChange = (newFile:any) =>{
|
||||
setData("")
|
||||
axios.get(host+"/api/docx/" + newFile).then(res => {
|
||||
setData(res.data)
|
||||
})
|
||||
setFile(newFile)
|
||||
}
|
||||
|
||||
setTimeout(getData, 2000);
|
||||
if (data != ""){
|
||||
for(var name in data as any) {
|
||||
cards.push(
|
||||
<ErrorViewer
|
||||
num={i}
|
||||
paragraph={(data as any)[name][0]==undefined? ["Выявлено отсутсвие данного модуля"]:(data as any)[name]}
|
||||
errText={name}
|
||||
correct={(data as any)[name][0]==undefined? false:true}
|
||||
></ErrorViewer>
|
||||
)
|
||||
i++
|
||||
}
|
||||
}
|
||||
|
||||
let select = new Array<SelectItemIE>()
|
||||
files.forEach((value : any) => {
|
||||
select.push(
|
||||
{
|
||||
name: value.file.slice(48, value.uuid.lenght),
|
||||
value: value.uuid
|
||||
} as SelectItemIE
|
||||
)
|
||||
});
|
||||
|
||||
return (
|
||||
<div className={styles.container}>
|
||||
<Head>
|
||||
<title>Загрузите файл</title>
|
||||
<title>Create Next App</title>
|
||||
<meta name="description" content="Generated by create next app" />
|
||||
<link rel="icon" href="/favicon.ico" />
|
||||
</Head>
|
||||
<main className={styles.main}>
|
||||
<Header></Header>
|
||||
|
||||
<div className={styles.selector}>
|
||||
<ItemSelect
|
||||
onChange={(val)=>onFileChange(val as any)}
|
||||
items={select}
|
||||
></ItemSelect>
|
||||
</div>
|
||||
<div className={styles.pagination}>
|
||||
{data == ""? <PulseLoader color={"#13377D"}></PulseLoader>:cards}
|
||||
</div>
|
||||
<div className={styles.upload}>
|
||||
<FileUploader onResponse={(file)=>setFiles([...files, file])}></FileUploader>
|
||||
<div className={styles.btn} onClick={()=>onNext()}>Далее</div>
|
||||
</div>
|
||||
|
||||
</main>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
||||
export default Home
|
||||
export default Upload
|
||||
|
|
|
@ -1,42 +0,0 @@
|
|||
import type { NextPage } from 'next'
|
||||
import Head from 'next/head'
|
||||
import { ErrorViewer } from '../Components/ErrorViewer'
|
||||
import { FileUploader } from '../Components/FileUploader'
|
||||
import { Header } from '../Components/header'
|
||||
import styles from '../styles/Home.module.css'
|
||||
import 'antd/dist/antd.css';
|
||||
import { ItemSelect, SelectItemIE } from '../Components/ItemSelect'
|
||||
import { useState } from 'react'
|
||||
import { useRouter } from 'next/router'
|
||||
|
||||
|
||||
|
||||
const Upload: NextPage = () => {
|
||||
const [files, setFiles] = useState(new Array())
|
||||
let router = useRouter()
|
||||
|
||||
const onNext = () =>{
|
||||
localStorage.setItem("files", JSON.stringify(files))
|
||||
router.push("/")
|
||||
}
|
||||
|
||||
return (
|
||||
<div className={styles.container}>
|
||||
<Head>
|
||||
<title>Create Next App</title>
|
||||
<meta name="description" content="Generated by create next app" />
|
||||
<link rel="icon" href="/favicon.ico" />
|
||||
</Head>
|
||||
<main className={styles.main}>
|
||||
<Header></Header>
|
||||
<div className={styles.upload}>
|
||||
<FileUploader onResponse={(file)=>setFiles([...files, file])}></FileUploader>
|
||||
<div className={styles.btn} onClick={()=>onNext()}>Далее</div>
|
||||
</div>
|
||||
|
||||
</main>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
||||
export default Upload
|
|
@ -24,7 +24,7 @@ const View: NextPage = () => {
|
|||
|
||||
const getData = () =>{
|
||||
if (data == ""){
|
||||
axios.get(host+"/api/docx/" + uuid).then(res => {
|
||||
axios.get(host+"/api/site/docx/" + uuid).then(res => {
|
||||
setData(res.data)
|
||||
})
|
||||
}
|
||||
|
@ -35,7 +35,7 @@ const View: NextPage = () => {
|
|||
cards.push(
|
||||
<ErrorViewer
|
||||
num={i}
|
||||
paragraph={(data as any)[name][0]==undefined? ["Выявлено отсутсвие данного модуля"]:(data as any)[name]}
|
||||
paragraph={(data as any)[name][0]==undefined? [["Выявлено отсутсвие данного модуля"]]:(data as any)[name]}
|
||||
errText={name}
|
||||
correct={(data as any)[name][0]==undefined? false:true}
|
||||
></ErrorViewer>
|
||||
|
@ -54,8 +54,16 @@ const View: NextPage = () => {
|
|||
</Head>
|
||||
<main className={styles.main}>
|
||||
<Header></Header>
|
||||
|
||||
|
||||
<div className={styles.uploader}>
|
||||
<div>
|
||||
<div onClick={()=>router.back()}>
|
||||
<img style={{transform:"rotate(90deg)", cursor:"pointer"}}src="/images/arrow.svg"></img>
|
||||
</div>
|
||||
<div>
|
||||
{localStorage.getItem(uuid)?.slice(48,localStorage.getItem(uuid)?.length)}
|
||||
</div>
|
||||
</div>
|
||||
{data == ""? <PulseLoader color={"#13377D"}></PulseLoader>:cards}
|
||||
</div>
|
||||
</main>
|
||||
|
|
Loading…
Reference in New Issue
Block a user