KRBL/MinervaFrontend
6
0
Fork 0
Code Issues 7 Pull Requests Actions Packages Projects Releases Wiki Activity

create ViewForm page

Browse Source
This commit is contained in:
kuwsh1n
2024-03-12 01:11:28 +03:00
parent 16a82736a4
commit 90aec8fad0
12 changed files with 204 additions and 55 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
src/components/GeneratingFormFields.jsx Normal file
View File

@ -0,0 +1,22 @@
import React, { useState } from "react";
import classes from "../assets/styles/generatingFormFields.module.scss";
const GeneratingFormFields = ({newForm, listTypeAnswer}) => {
return (
newForm.map((item, i) =>
<div className={classes.item} key={i}>
<div className={classes.item__question}>
<p className={classes.item__question__text}>{i + 1}) {item.question}</p>
<p className={classes.item__question__comment}>{item.comment}</p>
</div>
<div className={classes.item__answer}>
{
listTypeAnswer.find(type => type.id === item.typeAnswer).typeTag({postfix: i, answers: item.optionAnswer})
}
</div>
</div>
)
)
}
export default GeneratingFormFields;

18
src/components/PreviewModal.jsx
View File

@ -1,10 +1,8 @@
import React from "react";
import classes from "../assets/styles/components/previewModal.module.scss";
import GeneratingFormFields from "./GeneratingFormFields.jsx";
const PreviewModal = ({newForm, listTypeAnswer}) => {
// const [file, setFile] = useState('');
// const [value, setValue] = useState('');
return (
<div class="modal fade modal-lg" className={classes.myModal} id="previewModal" tabIndex="-1" aria-labelledby="exampleModalLabel" data-bs-backdrop="static" aria-hidden="true">
<div class="modal-dialog" className={classes.myModal__dialog}>
@ -14,19 +12,7 @@ const PreviewModal = ({newForm, listTypeAnswer}) => {
<i class="fa-solid fa-xmark" data-bs-dismiss="modal" aria-label="Close"></i>
</div>
<div class="modal-body" className={classes.myModal__dialog__content__body}>
{newForm.map((item, i) =>
<div className={classes.myModal__dialog__content__body__item} key={i}>
<div className={classes.myModal__dialog__content__body__item__question}>
<p className={classes.myModal__dialog__content__body__item__question__text}>{i + 1}) {item.question}</p>
<p className={classes.myModal__dialog__content__body__item__question__comment}>{item.comment}</p>
</div>
<div className={classes.myModal__dialog__content__body__item__answer}>
{
listTypeAnswer.find(type => type.id === item.typeAnswer).typeTag({postfix: i, answers: item.optionAnswer})
}
</div>
</div>
)}
<GeneratingFormFields newForm={newForm} listTypeAnswer={listTypeAnswer}/>
</div>
<div class="modal-footer" className={classes.myModal__dialog__content__footer}>