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

закомментированы настройки вопросов (фичи на будущее)

Browse Source
This commit is contained in:
Nastya 2023-12-14 13:37:45 +03:00
parent 0c704d3723
commit 938fffa481
12 changed files with 52 additions and 36 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -68,15 +68,15 @@ export default function ButtonsOptions({
title: "Настройки",
value: "setting",
},
{
icon: (
<Clue
color={switchState === "help" ? "#ffffff" : theme.palette.grey3.main}
/>
),
title: "Подсказка",
value: "help",
},
// {
// icon: (
// <Clue
// color={switchState === "help" ? "#ffffff" : theme.palette.grey3.main}
// />
// ),
// title: "Подсказка",
// value: "help",
// },
{
icon: (
<Branching

4
src/pages/Questions/DataOptions/settingData.tsx
View File

@ -29,7 +29,7 @@ export default function SettingsData({ question }: SettingsDataProps) {
flexDirection: isWrappColumn ? "column" : null,
}}
>
<Box
{/* <Box
sx={{
pt: "20px",
pb: isMobile ? "25px" : "20px",
@ -67,7 +67,7 @@ export default function SettingsData({ question }: SettingsDataProps) {
});
}}
/>
</Box>
</Box> */}
<Box
sx={{
pt: isMobile ? "0px" : "20px",

4
src/pages/Questions/DropDown/settingDropDown.tsx
View File

@ -58,7 +58,7 @@ export default function SettingDropDown({ question }: SettingDropDownProps) {
maxWidth: isFigmaTablte ? "297px" : "360px",
}}
>
<Typography
{/* <Typography
sx={{
height: isMobile ? "18px" : "auto",
fontWeight: "500",
@ -79,7 +79,7 @@ export default function SettingDropDown({ question }: SettingDropDownProps) {
question.content.multi = target.checked;
})
}
/>
/> */}
<Box
sx={{
display: isMobile ? "none" : "block",

6
src/pages/Questions/Emoji/settingEmoji.tsx
View File

@ -30,7 +30,7 @@ export default function SettingEmoji({ question }: SettingEmojiProps) {
flexDirection: isWrappColumn ? "column" : "none",
}}
>
<Box
{/* <Box
sx={{
pt: isMobile ? "25px" : "20px",
pb: isMobile ? "25px" : "20px",
@ -66,12 +66,12 @@ export default function SettingEmoji({ question }: SettingEmojiProps) {
question.content.own = target.checked;
})}
/>
</Box>
</Box> */}
<Box
sx={{
pt: isMobile ? "0px" : "20px",
pb: "20px",
pl: isTablet ? "20px" : "",
pl: "20px",
pr: isFigmaTablte ? "30px" : "20px",
display: "flex",
flexDirection: "column",

8
src/pages/Questions/OptionsPicture/settingOpytionsPict.tsx
View File

@ -64,7 +64,7 @@ export default function SettingOpytionsPict({ question }: SettingOpytionsPictPro
marginRight: isFigmaTablte ? (isMobile ? "0" : "0px") : "30px",
}}
>
<Box
{/* <Box
sx={{
pt: isMobile ? "25px" : "20px",
pb: isMobile ? "25px" : "20px",
@ -148,7 +148,7 @@ export default function SettingOpytionsPict({ question }: SettingOpytionsPictPro
})
}
/>
</Box>
</Box> */}
<Box
sx={{
pt: isMobile ? "25px" : "20px",
@ -161,7 +161,7 @@ export default function SettingOpytionsPict({ question }: SettingOpytionsPictPro
width: "100%",
}}
>
<Box
{/* <Box
sx={{
marginBottom: "5px",
opacity: question.content.xy !== "1:1" ? 1 : 0,
@ -202,7 +202,7 @@ export default function SettingOpytionsPict({ question }: SettingOpytionsPictPro
isActive={question.content.format === "masonry"}
Icon={FormatIcon1}
/>
</Box>
</Box> */}
<Typography
sx={{ fontWeight: "500", fontSize: "18px", color: " #4D4D4D" }}
>

8
src/pages/Questions/OwnTextField/settingTextField.tsx
View File

@ -54,7 +54,7 @@ export default function SettingTextField({
marginRight: isFigmaTablte ? "0px" : "32px",
}}
>
<Box
{/* <Box
sx={{
pt: isMobile ? "25px" : "20px",
pb: isMobile ? "25px" : "20px",
@ -126,7 +126,7 @@ export default function SettingTextField({
});
}}
/>
</Box>
</Box> */}
<Box
sx={{
pt: isMobile ? "0px" : "20px",
@ -148,7 +148,7 @@ export default function SettingTextField({
>
Настройки вопросов
</Typography>
<CustomCheckbox
{/* <CustomCheckbox
sx={{
display: isMobile ? "flex" : "block",
mr: isMobile ? "0px" : "16px",
@ -161,7 +161,7 @@ export default function SettingTextField({
question.content.autofill = target.checked;
});
}}
/>
/> */}
<CustomCheckbox
sx={{
display: isMobile ? "flex" : "block",

4
src/pages/Questions/UploadFile/settingUpload.tsx
View File

@ -40,7 +40,7 @@ export default function SettingsUpload({ question }: SettingsUploadProps) {
}}
>
<Typography>Настройки вопроса</Typography>
<CustomCheckbox
{/* <CustomCheckbox
sx={{
display: isMobile ? "flex" : "block",
mr: isMobile ? "0px" : "16px",
@ -52,7 +52,7 @@ export default function SettingsUpload({ question }: SettingsUploadProps) {
question.content.autofill = target.checked;
});
}}
/>
/> */}
<CustomCheckbox
sx={{
display: isMobile ? "flex" : "block",

4
src/pages/Questions/answerOptions/responseSettings.tsx
View File

@ -57,7 +57,7 @@ export default function ResponseSettings({ question }: Props) {
>
Настройки ответов
</Typography>
<CustomCheckbox
{/* <CustomCheckbox
sx={{ mr: isMobile ? "0px" : "16px" }}
label={"Длинный текстовый ответ"}
checked={question.content.largeCheck}
@ -68,7 +68,7 @@ export default function ResponseSettings({ question }: Props) {
question.content.largeCheck = target.checked;
});
}}
/>
/> */}
<CustomCheckbox
sx={{ mr: isMobile ? "0px" : "16px" }}
label={"Можно несколько"}

3
src/pages/ViewPublicationPage/index.tsx
View File

@ -39,9 +39,6 @@ useEffect(() => {
const [visualStartPage, setVisualStartPage] = useState<boolean>();
console.log("quiz ", quiz)
console.log("quiz.config ", quiz?.config)
console.log("quiz.config.noStartPage ", quiz?.config.noStartPage)
useEffect(() => {
const link = document.querySelector('link[rel="icon"]');

4
src/pages/ViewPublicationPage/questions/Variant.tsx
View File

@ -139,6 +139,10 @@ const VariantItem = ({
maxWidth: "685px",
justifyContent: "space-between",
width: "100%",
"&.MuiFormControl-root": {
width: "100%",
}
}}
value={index}
labelPlacement="start"

25
src/pages/ViewPublicationPage/questions/Varimg.tsx
View File

@ -7,6 +7,8 @@ import {
useTheme,
} from "@mui/material";
import gag from "./gag.png"
import { useQuizViewStore, updateAnswer, deleteAnswer } from "@root/quizView";
import RadioCheck from "@ui_kit/RadioCheck";
@ -29,6 +31,8 @@ export const Varimg = ({ currentQuestion }: VarimgProps) => {
({ id }) => answer === id
);
console.log(currentQuestion)
return (
<Box>
<Typography variant="h5">{currentQuestion.title}</Typography>
@ -79,26 +83,37 @@ export const Varimg = ({ currentQuestion }: VarimgProps) => {
))}
</Box>
</RadioGroup>
{(variant?.extendedText || currentQuestion.content.back) && (
{/* {(variant?.extendedText || currentQuestion.content.back) && ( */}
<Box
sx={{
maxWidth: "450px",
width: "100%",
height: "450px",
border: "1px solid #E3E3E3",
border: "1px solid #9A9AAF",
borderRadius: "12px",
overflow: "hidden",
display: "flex",
alignItems: "center",
justifyContent: "center",
backgroundColor: "#9A9AAF12",
color: "#9A9AAF"
}}
>
<img
{
answer ?
<img
src={
answer ? variant?.extendedText : currentQuestion.content.back
variant?.extendedText || gag
}
style={{ width: "100%", height: "100%", objectFit: "cover" }}
alt=""
/>
:
(variant?.extendedText || "Выберите вариант ответа слева")
}
</Box>
)}
{/* )} */}
</Box>
</Box>
);

BIN
src/pages/ViewPublicationPage/questions/gag.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 5.9 KiB