geonizeli/progress-test
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

add question card

Browse Source
This commit is contained in:
WindowsCrashed
2023-08-05 23:41:12 -03:00
parent 0d0aaf4f7b
commit eb33921b20
3 changed files with 73 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

59
app/javascript/pages/assessment/components/QuestionCard.tsx Normal file
View File

@@ -0,0 +1,59 @@
import React, { FC } from "react";
import { Button, Card } from "../../../components";
interface Props {
title: string
}
export const QuestionCard: FC<Props> = ({ title }) => {
return (
<Card title={title} className="mb-5">
<div>
<div className="grid grid-cols-2 gap-2">
<div>
<span className="text-gray-700">Grau de Dificuldade: </span>
<span>Media</span>
</div>
<div>
<span className="text-gray-700">Categoria: </span>
<span>Modelagem</span>
</div>
<div>
<span className="text-gray-700">Eixo de Formacao: </span>
<span>Infra Sistemas</span>
</div>
<div>
<span className="text-gray-700">Assunto: </span>
<span>Fisica</span>
</div>
<div>
<span className="text-gray-700">Habilidade Cogn: </span>
<span>Compreender</span>
</div>
<div>
<span className="text-gray-700">Ano: </span>
<span>2023</span>
</div>
<div>
<span className="text-gray-700">Autoria: </span>
<span>UNIFESO</span>
</div>
<div className="col-span-2">
<span className="text-gray-700">Enunciado:</span>
<div>
ijodsjidsoifidfsiojsdfiojdsfiodfs ijdf iodsf iosd iojdf sijodsf iojdsf ioj sdfiojdf sioj dfsiojsdf iojdfs ijodsfijoidfsijodfsijdfsijo dsiofd ijosdfjiofdsidsfio
</div>
</div>
</div>
<div className="mt-6">
<hr className="h-4"/>
<div className="flex justify-end">
<Button type="primary">
Adicionar
</Button>
</div>
</div>
</div>
</Card>
)
}

8
app/javascript/pages/assessment/components/SideBar.tsx
View File

@@ -2,15 +2,11 @@ import React, { FC, PropsWithChildren } from "react";
interface Props extends PropsWithChildren {
bgColor?: string;
border?: 'l' | 'r'
}
export const SideBar: FC<Props> = ({ bgColor, border, children }) => {
export const SideBar: FC<Props> = ({ bgColor, children }) => {
return (
<div className={`
${border ? `border-${border}-2 ` : ''}
border-gray-500 ${bgColor ?? ""}
`}>
<div className={`border-gray-500 ${bgColor ?? ""}`}>
<div className="mx-2">
{children}
</div>