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

added answer users

Browse Source
This commit is contained in:
kuwsh1n
2024-03-16 15:30:40 +03:00
parent 90aec8fad0
commit 59033edfde
9 changed files with 118 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/components/GeneratingFormFields.jsx
View File

@ -1,7 +1,7 @@
import React, { useState } from "react";
import classes from "../assets/styles/generatingFormFields.module.scss";
const GeneratingFormFields = ({newForm, listTypeAnswer}) => {
const GeneratingFormFields = ({newForm, listTypeAnswer, answers, updateAnswersForm}) => {
return (
newForm.map((item, i) =>
<div className={classes.item} key={i}>
@ -11,7 +11,13 @@ const GeneratingFormFields = ({newForm, listTypeAnswer}) => {
</div>
<div className={classes.item__answer}>
{
listTypeAnswer.find(type => type.id === item.typeAnswer).typeTag({postfix: i, answers: item.optionAnswer})
listTypeAnswer.find(type => type.id === item.typeAnswer).typeTag({
postfix: i,
optionAnswer: item.optionAnswer,
answers: answers ? answers : false,
id: i,
updateAnswersForm: updateAnswersForm ? updateAnswersForm : false
})
}
</div>
</div>

2
src/components/typeAnswer/DropDownList.jsx
View File

@ -10,7 +10,7 @@ const DropDownList = (props) => {
)}
</select> */}
<select>
{props.answers.map((item, i) =>
{props.optionAnswer.map((item, i) =>
<option value={item.id} key={i}>{item.text}</option>
)}
</select>

2
src/components/typeAnswer/InputMultipleRadio.jsx
View File

@ -4,7 +4,7 @@ import classes from "../../assets/styles/components/typeAnswer/inputMultiple.mod
const InputMultipleRadio = (props) => {
return (
<div className={classes.main}>
{props.answers.map((item, i) =>
{props.optionAnswer.map((item, i) =>
<div class="form-check" key={i}>
<input class="form-check-input" type="checkbox" name={`inputMultiple_${props.postfix}`} id={`inputMultiple_${props.postfix}`}/>
<label class="form-check-label" for={`inputMultiple_${props.postfix}`}>{item.text}</label>

11
src/components/typeAnswer/InputRadio.jsx
View File

@ -4,9 +4,16 @@ import classes from "../../assets/styles/components/typeAnswer/inputRadio.module
const InputRadio = (props) => {
return (
<div className={classes.main}>
{props.answers.map((item, i) =>
{props.optionAnswer.map((item, i) =>
<div class="form-check" key={i}>
<input class="form-check-input" type="radio" name={`inputRadio_${props.postfix}`} id={`choice_${item.id}`}/>
<input
class="form-check-input"
type="radio"
name={`inputRadio_${props.postfix}`}
id={`choice_${item.id}`}
value={i}
checked={props.answers ? props.answers[props.id].answer === i : false}
onChange={props.updateAnswersForm ? (e) => props.updateAnswersForm(Number(e.target.value), props.id) : () => {}}/>
<label class="form-check-label" for={`inputRadio_${props.postfix}`}>{item.text}</label>
</div>
)}

6
src/components/typeAnswer/InputText.jsx
View File

@ -4,7 +4,11 @@ import classes from "../../assets/styles/components/typeAnswer/inputText.module.
const InputText = (props) => {
return (
<div className={classes.main}>
<input type="text" placeholder={"Ответ..."}/>
<input
type="text"
placeholder={"Ответ..."}
value={props.answers ? props.answers[props.id].answer : ""}
onChange={props.updateAnswersForm ? (e) => props.updateAnswersForm(e.target.value, props.id) : () => {}}/>
</div>
)
}

6
src/components/typeAnswer/TextArea.jsx
View File

@ -4,7 +4,11 @@ import classes from "../../assets/styles/components/typeAnswer/textArea.module.s
const TextArea = (props) => {
return (
<div className={classes.main}>
<textarea placeholder={"Ответ..."}></textarea>
<textarea
placeholder={"Ответ..."}
value={props.answers ? props.answers[props.id].answer : ""}
onChange={props.updateAnswersForm ? (e) => props.updateAnswersForm(e.target.value, props.id) : () => {}}
></textarea>
</div>
)
}