SQuiz/frontPanel
2
0
Fork 0
Code Issues 10 Pull Requests Actions Packages Projects Releases Wiki Activity

ещё иконки + отрисока поля ввода(всё еще не работает)

Browse Source
This commit is contained in:
Tamara 2023-07-06 21:48:39 +03:00
parent bb6b5d3cdf
commit 373dd51197
12 changed files with 47 additions and 49 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/assets/icons/questionsPage/CopyIcon.tsx
View File

@ -1,11 +1,11 @@
import { Box } from "@mui/material"; import { Box } from "@mui/material";
// interface Props { interface Props {
// color: string; color: string;
// } }
export default function CopyIcon() { export default function CopyIcon({color}: Props) {
return ( return (
<Box <Box
@ -18,8 +18,8 @@ export default function CopyIcon() {
}} }}
> >
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M15.75 15.75H20.25V3.75H8.25V8.25" stroke="#4D4D4D" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M15.75 15.75H20.25V3.75H8.25V8.25" stroke={color} strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round"/>
<path d="M15.75 8.25H3.75V20.25H15.75V8.25Z" stroke="#4D4D4D" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M15.75 8.25H3.75V20.25H15.75V8.25Z" stroke={color} strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round"/>
</svg> </svg>
</Box> </Box>
); );

18
src/assets/icons/questionsPage/deleteIcon.tsx
View File

@ -1,11 +1,11 @@
import { Box } from "@mui/material"; import { Box } from "@mui/material";
// interface Props { interface Props {
// color: string; color: string;
// } }
export default function DeleteIcon() { export default function DeleteIcon({color}: Props) {
return ( return (
<Box <Box
@ -18,11 +18,11 @@ export default function DeleteIcon() {
}} }}
> >
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M20.25 5.25H3.75" stroke="#4D4D4D" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M20.25 5.25H3.75" stroke={color} strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round"/>
<path d="M9.75 9.75V15.75" stroke="#4D4D4D" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M9.75 9.75V15.75" stroke={color} strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round"/>
<path d="M14.25 9.75V15.75" stroke="#4D4D4D" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M14.25 9.75V15.75" stroke={color} strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round"/>
<path d="M18.75 5.25V19.5C18.75 19.6989 18.671 19.8897 18.5303 20.0303C18.3897 20.171 18.1989 20.25 18 20.25H6C5.80109 20.25 5.61032 20.171 5.46967 20.0303C5.32902 19.8897 5.25 19.6989 5.25 19.5V5.25" stroke="#4D4D4D" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M18.75 5.25V19.5C18.75 19.6989 18.671 19.8897 18.5303 20.0303C18.3897 20.171 18.1989 20.25 18 20.25H6C5.80109 20.25 5.61032 20.171 5.46967 20.0303C5.32902 19.8897 5.25 19.6989 5.25 19.5V5.25" stroke={color} strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round"/>
<path d="M15.75 5.25V3.75C15.75 3.35218 15.592 2.97064 15.3107 2.68934C15.0294 2.40804 14.6478 2.25 14.25 2.25H9.75C9.35218 2.25 8.97064 2.40804 8.68934 2.68934C8.40804 2.97064 8.25 3.35218 8.25 3.75V5.25" stroke="#4D4D4D" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M15.75 5.25V3.75C15.75 3.35218 15.592 2.97064 15.3107 2.68934C15.0294 2.40804 14.6478 2.25 14.25 2.25H9.75C9.35218 2.25 8.97064 2.40804 8.68934 2.68934C8.40804 2.97064 8.25 3.35218 8.25 3.75V5.25" stroke={color} strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round"/>
</svg> </svg>
</Box> </Box>
); );

14
src/assets/icons/questionsPage/hideIcon.tsx
View File

@ -1,11 +1,11 @@
import { Box } from "@mui/material"; import { Box } from "@mui/material";
// interface Props { interface Props {
// color: string; color: string;
// } }
export default function HideIcon() { export default function HideIcon({color}: Props) {
return ( return (
<Box <Box
@ -18,9 +18,9 @@ export default function HideIcon() {
}} }}
> >
<svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <svg width="25" height="24" viewBox="0 0 25 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M14.7218 18.4322C13.8897 18.6339 12.9835 18.75 12 18.75C4.5 18.75 1.5 12 1.5 12C1.5 12 4.5 5.25 12 5.25C19.5 5.25 22.5 12 22.5 12C22.5 12 21.7941 14.0139 19 16" stroke="#4D4D4D" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round"/> <path d="M14.7218 18.4322C13.8897 18.6339 12.9835 18.75 12 18.75C4.5 18.75 1.5 12 1.5 12C1.5 12 4.5 5.25 12 5.25C19.5 5.25 22.5 12 22.5 12C22.5 12 21.7941 14.0139 19 16" stroke={color} strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round"/>
<path d="M24 16L19.5 20L15 16" stroke="#4D4D4D" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round"/> <path d="M24 16L19.5 20L15 16" stroke={color} strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round"/>
<path d="M12 15.75C14.0711 15.75 15.75 14.0711 15.75 12C15.75 9.92893 14.0711 8.25 12 8.25C9.92893 8.25 8.25 9.92893 8.25 12C8.25 14.0711 9.92893 15.75 12 15.75Z" stroke="#4D4D4D" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round"/> <path d="M12 15.75C14.0711 15.75 15.75 14.0711 15.75 12C15.75 9.92893 14.0711 8.25 12 8.25C9.92893 8.25 8.25 9.92893 8.25 12C8.25 14.0711 9.92893 15.75 12 15.75Z" stroke={color} strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round"/>
</svg> </svg>
</Box> </Box>
); );

6
src/pages/Questions/ButtonsOptions.tsx
View File

@ -76,13 +76,13 @@ export default function ButtonsOptions({ SSHC, switchState, totalIndex }: Props)
}} }}
> >
<IconButton sx={{ borderRadius: "6px", padding: "2px" }}> <IconButton sx={{ borderRadius: "6px", padding: "2px" }}>
<HideIcon /> <HideIcon color={"#4D4D4D"}/>
</IconButton> </IconButton>
<IconButton sx={{ borderRadius: "6px", padding: "2px" }}> <IconButton sx={{ borderRadius: "6px", padding: "2px" }}>
<CopyIcon /> <CopyIcon color={"#4D4D4D"}/>
</IconButton> </IconButton>
<IconButton sx={{ borderRadius: "6px", padding: "2px" }} onClick={() => removeQuestion(params, totalIndex)}> <IconButton sx={{ borderRadius: "6px", padding: "2px" }} onClick={() => removeQuestion(params, totalIndex)}>
<DeleteIcon /> <DeleteIcon color={"#4D4D4D"}/>
</IconButton> </IconButton>
</Box> </Box>
</Box> </Box>

6
src/pages/Questions/ButtonsOptionsAndPict.tsx
View File

@ -92,13 +92,13 @@ export default function ButtonsOptionsAndPict({ SSHC, switchState, totalIndex }:
}} }}
> >
<IconButton sx={{ borderRadius: "6px", padding: "2px" }}> <IconButton sx={{ borderRadius: "6px", padding: "2px" }}>
<HideIcon /> <HideIcon color={"#4D4D4D"}/>
</IconButton> </IconButton>
<IconButton sx={{ borderRadius: "6px", padding: "2px" }}> <IconButton sx={{ borderRadius: "6px", padding: "2px" }}>
<CopyIcon /> <CopyIcon color={"#4D4D4D"}/>
</IconButton> </IconButton>
<IconButton sx={{ borderRadius: "6px", padding: "2px" }} onClick={() => removeQuestion(params, totalIndex)}> <IconButton sx={{ borderRadius: "6px", padding: "2px" }} onClick={() => removeQuestion(params, totalIndex)}>
<DeleteIcon /> <DeleteIcon color={"#4D4D4D"}/>
</IconButton> </IconButton>
</Box> </Box>
</Box> </Box>

6
src/pages/Questions/QuestionPageCard.tsx
View File

@ -166,7 +166,7 @@ export default function QuestionsPageCard({totalIndex, DeleteClick}: Props) {
<FormControlLabel <FormControlLabel
control={ control={
<Checkbox <Checkbox
icon={<HideIcon/>} icon={<HideIcon color={"#7E2AEA"}/>}
checkedIcon={<CrossedEyeIcon />} checkedIcon={<CrossedEyeIcon />}
/>} />}
label={""} label={""}
@ -178,9 +178,9 @@ export default function QuestionsPageCard({totalIndex, DeleteClick}: Props) {
}} }}
/> />
<IconButton><CopyIcon/></IconButton> <IconButton><CopyIcon color={"white"}/></IconButton>
<IconButton sx={{ borderRadius: "6px", padding: "2px" }} onClick={DeleteClick}> <IconButton sx={{ borderRadius: "6px", padding: "2px" }} onClick={DeleteClick}>
<DeleteIcon /> <DeleteIcon color={"white"}/>
</IconButton> </IconButton>
</Box> </Box>

18
src/pages/Questions/answerOptions/AnswerOptions.tsx
View File

@ -60,17 +60,15 @@ export default function AnswerOptions({totalIndex}: Props) {
>или нажмите Enter</Typography> >или нажмите Enter</Typography>
<EnterIcon/> <EnterIcon/>
</Box> </Box>
{/*{listAnswer.length === 0 ?*/} {listAnswer.length === 0 && listAnswer[params] !== undefined &&
{/*<></>*/} <Box>
{/* :*/} {Object.values(listAnswer[params][totalIndex]).map((e, index) => (
{/* <Box>*/} <CustomTextField key={index} placeholder={'Добавьте ответ'} />
{/* {Object.values(listAnswer[params][totalIndex]).map((e, index) => (*/} )
{/* <CustomTextField key={index} placeholder={'Добавьте ответ'} />*/} )}
{/* )*/} </Box>
{/* )}*/}
{/* </Box>*/}
{/*}*/} }
</Box> </Box>
<ButtonsOptionsAndPict switchState={switchState} SSHC={SSHC} totalIndex={totalIndex}/> <ButtonsOptionsAndPict switchState={switchState} SSHC={SSHC} totalIndex={totalIndex}/>

2
src/pages/Questions/branchingQuestions.tsx
View File

@ -168,7 +168,7 @@ export default function BranchingQuestions() {
<Box sx={{ display: "flex", justifyContent: "space-between", alignItems: "center", pb: "14px" }}> <Box sx={{ display: "flex", justifyContent: "space-between", alignItems: "center", pb: "14px" }}>
<Typography>Условие 1</Typography> <Typography>Условие 1</Typography>
<IconButton sx={{ borderRadius: "6px", padding: "2px" }}> <IconButton sx={{ borderRadius: "6px", padding: "2px" }}>
<DeleteIcon /> <DeleteIcon color={"#4D4D4D"}/>
</IconButton> </IconButton>
</Box> </Box>

6
src/pages/Result/DescriptionForm/ButtinsOptionsForm.tsx
View File

@ -72,13 +72,13 @@ export default function ButtonsOptionsForm({ SSHC, switchState }: Props) {
}} }}
> >
<IconButton sx={{ borderRadius: "6px", padding: "2px" }}> <IconButton sx={{ borderRadius: "6px", padding: "2px" }}>
<HideIcon /> <HideIcon color={"#4D4D4D"}/>
</IconButton> </IconButton>
<IconButton sx={{ borderRadius: "6px", padding: "2px" }}> <IconButton sx={{ borderRadius: "6px", padding: "2px" }}>
<CopyIcon /> <CopyIcon color={"#4D4D4D"}/>
</IconButton> </IconButton>
<IconButton sx={{ borderRadius: "6px", padding: "2px" }}> <IconButton sx={{ borderRadius: "6px", padding: "2px" }}>
<DeleteIcon /> <DeleteIcon color={"#4D4D4D"}/>
</IconButton> </IconButton>
</Box> </Box>
</Box> </Box>

4
src/pages/Result/DescriptionForm/DescriptionForm.tsx
View File

@ -80,7 +80,7 @@ export const DescriptionForm = () => {
Призыв к действию Призыв к действию
</Typography> </Typography>
<IconButton sx={{ borderRadius: "6px", padding: "2px" }}> <IconButton sx={{ borderRadius: "6px", padding: "2px" }}>
<DeleteIcon /> <DeleteIcon color={"#4D4D4D"}/>
</IconButton> </IconButton>
</Box> </Box>
<Box sx={{ display: "flex" }}> <Box sx={{ display: "flex" }}>
@ -124,7 +124,7 @@ export const DescriptionForm = () => {
Переадресация Переадресация
</Typography> </Typography>
<IconButton sx={{ borderRadius: "6px", padding: "2px" }}> <IconButton sx={{ borderRadius: "6px", padding: "2px" }}>
<DeleteIcon /> <DeleteIcon color={"#4D4D4D"}/>
</IconButton> </IconButton>
<Info /> <Info />
</Box> </Box>

2
src/pages/Result/DescriptionForm/DiscountButtons.tsx
View File

@ -10,7 +10,7 @@ export default function DiscountButtons() {
Скидка Скидка
</Typography> </Typography>
<IconButton sx={{ borderRadius: "6px", padding: "2px" }}> <IconButton sx={{ borderRadius: "6px", padding: "2px" }}>
<DeleteIcon /> <DeleteIcon color={"#4D4D4D"}/>
</IconButton> </IconButton>
</Box> </Box>
<Box component="div" sx={{ mb: "20px" }}> <Box component="div" sx={{ mb: "20px" }}>

2
src/pages/Result/DescriptionForm/PriceButton.tsx
View File

@ -67,7 +67,7 @@ export default function PriceButtons({ ButtonsActive, priceButtonsActive }: Prop
Стоимость Стоимость
</Typography> </Typography>
<IconButton sx={{ borderRadius: "6px", padding: "2px" }}> <IconButton sx={{ borderRadius: "6px", padding: "2px" }}>
<DeleteIcon /> <DeleteIcon color={"#4D4D4D"}/>
</IconButton> </IconButton>
</Box> </Box>
<Box component="div" sx={{ mb: "20px" }}> <Box component="div" sx={{ mb: "20px" }}>