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-12-30 23:31:49 +03:00
parent 4953686ed6
commit 80efd95de1
42 changed files with 563 additions and 581 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/model/quizSettings.ts
View File

@ -13,7 +13,7 @@ export const quizSetupSteps = [
{ stepperText: "Настройте авторезультаты", sidebarText: "Результаты", sidebarIcon: ChartPieIcon },
// { stepperText: "Оценка графа карты вопросов", sidebarText: "Карта вопросов", sidebarIcon: QuestionsMapIcon },
{ stepperText: "Настройте форму контактов", sidebarText: "Форма контактов", sidebarIcon: ContactBookIcon },
{ stepperText: "Установите квиз", sidebarText: "Установка квиза", sidebarIcon: FlowArrowIcon },
{ stepperText: "Установите quiz", sidebarText: "Установка quiz", sidebarIcon: FlowArrowIcon },
// { stepperText: "Запустите рекламу", sidebarText: "Запуск рекламы", sidebarIcon: MegaphoneIcon },
] as const;

2
src/pages/ContactFormPage/ContactFormPage.tsx
View File

@ -86,7 +86,7 @@ export default function ContactFormPage() {
<ArrowLeft />
</Button>
<Button variant="contained" sx={{ padding: "10px 20px" }} onClick={incrementCurrentStep}>
Установка квиза
Установка quiz
</Button>
</Box>
</Box>

3
src/pages/DesignPage/DesignFilling.tsx
View File

@ -27,7 +27,8 @@ export const DesignFilling = () => {
]
return (
<Box sx={{width: "100%", padding: "25px"}}>
<Typography variant="h5" sx={{marginBottom: "40px"}}>Дизайн</Typography>
<Typography variant="h5" sx={{marginBottom: "40px", color: "#333647"}}>Дизайн</Typography>
<Typography sx={{marginBottom: "30px", color: "#333647"}}>Выберите цветовую схему для вашего опроса</Typography>
<Paper sx={{
padding: "20px",
maxWidth: "796px",

8
src/pages/InstallQuiz/AutoOpenInstall.tsx
View File

@ -63,12 +63,12 @@ export default function AutoOpenInstall () {
border: "1px dashed #7E2AEA"
}}>
<Typography sx={{color: theme.palette.brightPurple.main}}>
Квиз будет открываться через указанное время
Quiz будет открываться через указанное время
</Typography>
</Box>
</Box>
</Box>
<Typography sx={{fontSize: '14px', color: theme.palette.grey2.main}}>Если квиз уже установлен на
<Typography sx={{fontSize: '14px', color: theme.palette.grey2.main}}>Если quiz уже установлен на
сайт, и вы что-то здесь изменили,
код на сайте нужно будет поменять. Настройки в этом конструкторе не сохраняются.
</Typography>
@ -76,11 +76,11 @@ export default function AutoOpenInstall () {
{/*правая часть*/}
<Box sx={{display: "flex", flexDirection: "column", gap: "15px"}}>
<Box sx={{display: "flex", alignItems: "center"}}>
<CustomCheckbox label={"Автооткрытие квиза"} checked={checked[0]} handleChange={handleChange1}/>
<CustomCheckbox label={"Автооткрытие quiz"} checked={checked[0]} handleChange={handleChange1}/>
<InfoIcon/>
</Box>
<Box sx={{display: "flex", alignItems: "center"}} >
<CustomCheckbox label={"Открывать квиз при попытке уйти с сайта"} checked={checked[1]} handleChange={handleChange2}/>
<CustomCheckbox label={"Открывать quiz при попытке уйти с сайта"} checked={checked[1]} handleChange={handleChange2}/>
<InfoIcon/>
</Box>
{checked[0] ?

8
src/pages/InstallQuiz/BannerInstall.tsx
View File

@ -44,7 +44,7 @@ export default function BannerInstall () {
<img src={BannerImg}/>
<Typography sx={{fontSize: '14px', color: theme.palette.grey2.main}}>
Если квиз уже установлен на сайт, и вы что-то здесь изменили, код на сайте нужно будет поменять.
Если quiz уже установлен на сайт, и вы что-то здесь изменили, код на сайте нужно будет поменять.
Настройки в этом конструкторе не сохраняются.
</Typography>
</Box>
@ -53,8 +53,8 @@ export default function BannerInstall () {
<Box sx={{display: "flex", flexDirection: "column", gap: "15px"}}>
<Typography sx={{color: theme.palette.grey2.main}}>Текст-призыв</Typography>
<CustomTextField placeholder={"Пройти тест"}/>
<Typography sx={{color: theme.palette.grey2.main}}>Заголовок квиза</Typography>
<CustomTextField placeholder={"Заголовок квиза"}/>
<Typography sx={{color: theme.palette.grey2.main}}>Заголовок quiz</Typography>
<CustomTextField placeholder={"Заголовок quiz"}/>
<Box sx={{display: "flex", gap: "10px", alignItems: "center"}}>
<Typography sx={{color: theme.palette.grey2.main}}>Показывать через</Typography>
<FormControl
@ -192,7 +192,7 @@ export default function BannerInstall () {
textDecorationColor: theme.palette.brightPurple.main,
textAlign: 'left',
padding: "15px 0",
}}>+ Автооткрытие квиза</Link>
}}>+ Автооткрытие quiz</Link>
</Box>
</InstallQzOnSiteParent>
)

10
src/pages/InstallQuiz/ButtonSocial.tsx
View File

@ -161,7 +161,7 @@ export default function ButtonSocial () {
background: theme.palette.background.default,
}}
>
<Typography sx={{color: theme.palette.grey2.main}}>Добавить квиз в Tiktok</Typography>
<Typography sx={{color: theme.palette.grey2.main}}>Добавить quiz в Tiktok</Typography>
</Box>
<Box sx={{
padding: '20px',
@ -174,7 +174,7 @@ export default function ButtonSocial () {
gap: '20px',
flexDirection: 'column'
}}>
<Typography>1. Скопируйте ссылку на квиз</Typography>
<Typography>1. Скопируйте ссылку на quiz</Typography>
<FormControl sx={{ m: 1, width: '100%' }} variant="outlined">
<OutlinedInput
@ -211,8 +211,8 @@ export default function ButtonSocial () {
}}>
<Typography >2. Зайдите в аккаунт Tiktok</Typography>
<Typography sx={{color: theme.palette.grey2.main}}>
Кликните по кнопке “Изменить профиль”. В поле Веб-сайт вставьте скопированную ссылку на квиз.
Готово! Квиз вставлен в аккаунт Tiktok.
Кликните по кнопке “Изменить профиль”. В поле Веб-сайт вставьте скопированную ссылку на quiz.
Готово! Quiz вставлен в аккаунт Tiktok.
</Typography>
<Link
component='button'
@ -265,7 +265,7 @@ export default function ButtonSocial () {
background: theme.palette.background.default,
}}
>
<Typography sx={{color: theme.palette.grey2.main}}>QR-код для перехода в квиз</Typography>
<Typography sx={{color: theme.palette.grey2.main}}>QR-код для перехода в quiz</Typography>
</Box>
<Box sx={{
padding: '20px',

8
src/pages/InstallQuiz/InBodyInstall.tsx
View File

@ -54,14 +54,14 @@ export default function InBodyInstall () {
border: "1px dashed #7E2AEA"
}}>
<Typography sx={{color: theme.palette.brightPurple.main, maxWidth: "365px"}}>
Квиз будет открыть прямо в том месте, где вы установите код на сайте
Quiz будет открыть прямо в том месте, где вы установите код на сайте
</Typography>
</Box>
<Typography sx={{maxWidth: "414px", fontSize: "14px"}}>В мобильной версии будет показана кнопка, открывающая квиз в модальном окне</Typography>
<Typography sx={{maxWidth: "414px", fontSize: "14px"}}>В мобильной версии будет показана кнопка, открывающая quiz в модальном окне</Typography>
</Box>
</Box>
<Typography sx={{fontSize: '14px', color: theme.palette.grey2.main}}>Если квиз уже установлен на сайт, и вы что-то здесь изменили,
<Typography sx={{fontSize: '14px', color: theme.palette.grey2.main}}>Если quiz уже установлен на сайт, и вы что-то здесь изменили,
код на сайте нужно будет поменять. Настройки в этом конструкторе не сохраняются.
</Typography>
</Box>
@ -116,7 +116,7 @@ export default function InBodyInstall () {
color: theme.palette.brightPurple.main,
textDecorationColor: theme.palette.brightPurple.main,
textAlign: 'left'
}}>+ Автооткрытие квиза</Link>
}}>+ Автооткрытие quiz</Link>
</Box>
</Box>
</InstallQzOnSiteParent>

48
src/pages/InstallQuiz/InstallQuiz.tsx
View File

@ -93,16 +93,16 @@ export default function InstallQuiz() {
>
<Box sx={{ display: "flex", alignItems: "center", gap: "10px" }}>
<LinkIcon color={theme.palette.brightPurple.main} bgcolor={"#EEE4FC"} />
<Typography>Ссылка на квиз</Typography>
<Typography>Ссылка на quiz</Typography>
<Tooltip
title="Скопируйте или укажите свою ссылку на квиз. Ссылка должна быть от 4 до 20 символов включительно, может содержать латинские буквы, цифры, тире '-' и нижнее подчеркивание '_'."
placement="top"
>
<Box>
<InfoIcon />
</Box>
</Tooltip>
{/*<Tooltip*/}
{/* title="Скопируйте или укажите свою ссылку на quiz. Ссылка должна быть от 4 до 20 символов включительно, может содержать латинские буквы, цифры, тире '-' и нижнее подчеркивание '_'."*/}
{/* placement="top"*/}
{/*>*/}
{/* <Box>*/}
{/* <InfoIcon />*/}
{/* </Box>*/}
{/*</Tooltip>*/}
<FormControl
fullWidth
size="small"
@ -171,19 +171,19 @@ export default function InstallQuiz() {
>
Стандартная
</MenuItem>
<MenuItem
value={2}
sx={{
display: "flex",
alignItems: "center",
gap: "20px",
p: "4px",
borderRadius: "5px",
color: theme.palette.grey2.main,
}}
>
На поддомене
</MenuItem>
{/*<MenuItem*/}
{/* value={2}*/}
{/* sx={{*/}
{/* display: "flex",*/}
{/* alignItems: "center",*/}
{/* gap: "20px",*/}
{/* p: "4px",*/}
{/* borderRadius: "5px",*/}
{/* color: theme.palette.grey2.main,*/}
{/* }}*/}
{/*>*/}
{/* На поддомене*/}
{/*</MenuItem>*/}
</Select>
</FormControl>
</Box>
@ -241,10 +241,10 @@ export default function InstallQuiz() {
sx={{
display: "flex",
alignItems: "center",
justifyContent: "space-between",
justifyContent: "flex-end",
}}
>
<ButtonSocial />
{/*<ButtonSocial />*/}
<Typography sx={{ color: "#FC712F" }}>{quiz?.status === "start" ? "Опубликован" : "Не опубликован"}</Typography>
</Box>

10
src/pages/InstallQuiz/InstallQzCode.tsx
View File

@ -55,7 +55,7 @@ export default function InstallQzCode() {
</Box>
<Box sx={{ maxWidth: "520px", width: "100%", display: "flex", flexDirection: "column", gap: "20px"}}>
<Typography>2. Код кнопки</Typography>
<Typography sx={{color: theme.palette.grey2.main}}>Установите код в то место, где должна быть кнопка открытия квиза</Typography>
<Typography sx={{color: theme.palette.grey2.main}}>Установите код в то место, где должна быть кнопка открытия quiz</Typography>
<TextField
id="outlined-multiline-static"
multiline
@ -104,7 +104,7 @@ export default function InstallQzCode() {
<Box sx={{ maxWidth: "520px", width: "100%"}}>
<Typography>3. Проверьте правильность установки</Typography>
<Typography sx={{color: theme.palette.grey2.main}}>Введите полный адрес страницы, где вы установили квиз и нажмите "проверить"</Typography>
<Typography sx={{color: theme.palette.grey2.main}}>Введите полный адрес страницы, где вы установили quiz и нажмите "проверить"</Typography>
</Box>
<Box sx={{
background: "#EEE4FC",
@ -117,11 +117,11 @@ export default function InstallQzCode() {
marginBottom: "20px"
}}>
<Typography>
Код нужно вставить один раз. Изменения в самом квизе будут отображаться автоматически после сохранения.
Код нужно вставить один раз. Изменения в самом quiz будут отображаться автоматически после сохранения.
</Typography>
<Typography>
Для добавления нескольких квизов на одну страницу, код инициализации достаточно добавить один раз с любого квиза,
а затем вставить кнопки открытия с нужных квизов
Для добавления нескольких quiz на одну страницу, код инициализации достаточно добавить один раз с любого quiz,
а затем вставить кнопки открытия с нужных quiz
</Typography>
</Box>
</InstallQzOnSiteParent>

2
src/pages/InstallQuiz/InstallQzOnSiteParent.tsx
View File

@ -23,7 +23,7 @@ export default function InstallQzOnSiteParent ({outerContainerSx: sx, children}:
boxShadow: '0px 100px 309px rgba(210, 208, 225, 0.24), 0px 41.7776px 129.093px rgba(210, 208, 225, 0.172525), 0px 22.3363px 69.0192px rgba(210, 208, 225, 0.143066), 0px 12.5216px 38.6916px rgba(210, 208, 225, 0.12), 0px 6.6501px 20.5488px rgba(210, 208, 225, 0.0969343), 0px 2.76726px 8.55082px rgba(210, 208, 225, 0.0674749)'
}}>
<Box sx={{display:'flex', alignItems: 'center'}}>
<Typography variant='h5' sx={{paddingRight: '30px'}}>Установка квизов на сайте</Typography>
<Typography variant='h5' sx={{paddingRight: '30px'}}>Установка quiz на сайте</Typography>
<OneIconBorder color={theme.palette.brightPurple.main}/>
<Typography sx={{color: theme.palette.brightPurple.main}}>Способ установки</Typography>
<NumberTwo color={'#FC712F'}/>

4
src/pages/InstallQuiz/OnButtonInstall.tsx
View File

@ -48,7 +48,7 @@ export default function OnButtonInstall () {
<Button variant='contained'>Пройти тест</Button>
</Box>
</Box>
<Typography sx={{fontSize: '14px', color: theme.palette.grey2.main}}>Если квиз уже установлен на сайт, и вы что-то здесь изменили,
<Typography sx={{fontSize: '14px', color: theme.palette.grey2.main}}>Если quiz уже установлен на сайт, и вы что-то здесь изменили,
код на сайте нужно будет поменять. Настройки в этом конструкторе не сохраняются.
</Typography>
</Box>
@ -95,7 +95,7 @@ export default function OnButtonInstall () {
color: theme.palette.brightPurple.main,
textDecorationColor: theme.palette.brightPurple.main,
textAlign: 'left'
}}>+ Автооткрытие квиза</Link>
}}>+ Автооткрытие quiz</Link>
</Box>
</InstallQzOnSiteParent>
</>

4
src/pages/InstallQuiz/VidjetInstall.tsx
View File

@ -37,7 +37,7 @@ export default function VidjetInstall () {
<Box sx={{maxWidth: '560px'}}>
<img src={VidjetImg}/>
<Typography sx={{fontSize: '14px', color: theme.palette.grey2.main}}>
Если квиз уже установлен на сайт, и вы что-то здесь изменили, код на сайте нужно будет поменять.
Если quiz уже установлен на сайт, и вы что-то здесь изменили, код на сайте нужно будет поменять.
Настройки в этом конструкторе не сохраняются.
</Typography>
</Box>
@ -159,7 +159,7 @@ export default function VidjetInstall () {
</FormControl>
<Typography sx={{color: theme.palette.grey2.main}}>секунд</Typography>
</Box>
<Typography sx={{color: theme.palette.grey2.main, fontSize: "14px"}}>Время, через которое квиз автоматически откроется</Typography>
<Typography sx={{color: theme.palette.grey2.main, fontSize: "14px"}}>Время, через которое quiz автоматически откроется</Typography>
</Box>
:
<></>

2
src/pages/Questions/BranchingMap/CsComponent.tsx
View File

@ -160,7 +160,7 @@ function CsComponent({
}
} else {
enqueueSnackbar("Квиз не найден")
enqueueSnackbar("Quiz не найден")
}
}

4
src/pages/Questions/BranchingMap/FirstNodeField.tsx
View File

@ -38,7 +38,7 @@ export const FirstNodeField = ({ setOpenedModalQuestions, modalQuestionTargetCon
createResult(quiz?.backendId, dragQuestionContentId)
}
} else {
enqueueSnackbar("Нет информации о взятом опроснике")
enqueueSnackbar("Нет информации о взятом опросе")
}
}
@ -61,7 +61,7 @@ export const FirstNodeField = ({ setOpenedModalQuestions, modalQuestionTargetCon
createResult(quiz?.backendId, modalQuestionTargetContentId)
}
} else {
enqueueSnackbar("Нет информации о взятом опроснике")
enqueueSnackbar("Нет информации о взятом опросе")
}
}, [modalQuestionTargetContentId])

2
src/pages/Questions/BranchingModal/BranchingQuestionsModal.tsx
View File

@ -106,7 +106,7 @@ export default function BranchingQuestions() {
<Box sx={{ color: "#4d4d4d" }}>
<Typography component="span">{targetQuestion.title}</Typography>
</Box>
<Tooltip title="Настройте условия, при которых данный вопрос будет отображаться в квизе." placement="top">
<Tooltip title="Настройте условия, при которых данный вопрос будет отображаться в quiz." placement="top">
<Box>
<InfoIcon />
</Box>

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

@ -114,38 +114,38 @@ export default function ButtonsOptionsAndPict({
/>
{isIconMobile ? null : "Настройки"}
</MiniButtonSetting>
<MiniButtonSetting
onMouseEnter={() => setButtonHover("help")}
onMouseLeave={() => setButtonHover("")}
onClick={() => {
SSHC("help");
}}
sx={{
minWidth: isIconMobile ? "30px" : "64px",
maxWidth: "102px",
height: "30px",
backgroundColor:
switchState === "help"
? theme.palette.brightPurple.main
: "transparent",
color:
switchState === "help" ? "#ffffff" : theme.palette.grey3.main,
"&:hover": {
color: switchState === "help" ? theme.palette.grey3.main : null,
},
}}
>
<Clue
color={
buttonHover === "help"
? theme.palette.grey3.main
: switchState === "help"
? "#ffffff"
: theme.palette.grey3.main
}
/>
{isIconMobile ? null : "Подсказка"}
</MiniButtonSetting>
{/*<MiniButtonSetting*/}
{/* onMouseEnter={() => setButtonHover("help")}*/}
{/* onMouseLeave={() => setButtonHover("")}*/}
{/* onClick={() => {*/}
{/* SSHC("help");*/}
{/* }}*/}
{/* sx={{*/}
{/* minWidth: isIconMobile ? "30px" : "64px",*/}
{/* maxWidth: "102px",*/}
{/* height: "30px",*/}
{/* backgroundColor:*/}
{/* switchState === "help"*/}
{/* ? theme.palette.brightPurple.main*/}
{/* : "transparent",*/}
{/* color:*/}
{/* switchState === "help" ? "#ffffff" : theme.palette.grey3.main,*/}
{/* "&:hover": {*/}
{/* color: switchState === "help" ? theme.palette.grey3.main : null,*/}
{/* },*/}
{/* }}*/}
{/*>*/}
{/* <Clue*/}
{/* color={*/}
{/* buttonHover === "help"*/}
{/* ? theme.palette.grey3.main*/}
{/* : switchState === "help"*/}
{/* ? "#ffffff"*/}
{/* : theme.palette.grey3.main*/}
{/* }*/}
{/* />*/}
{/* {isIconMobile ? null : "Подсказка"}*/}
{/*</MiniButtonSetting>*/}
<>
{/* <Tooltip
arrow

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

@ -93,41 +93,41 @@ export default function SettingsData({ question }: SettingsDataProps) {
});
}}
/>
<Box
sx={{
width: isMobile ? "93%" : "auto",
display: "flex",
alignItems: "center",
}}
>
<CustomCheckbox
sx={{
mr: isMobile ? "0px" : "16px",
height: isMobile ? "100%" : "26px",
alignItems: isMobile ? "flex-start" : "center",
}}
label={"Внутреннее название вопроса"}
checked={question.content.innerNameCheck}
handleChange={({ target }) => {
updateQuestion<QuizQuestionDate>(question.id, question => {
question.content.innerNameCheck = target.checked;
question.content.innerName = target.checked ? question.content.innerName : "";
});
}}
/>
<Tooltip title="Будет отображаться как заголовок вопроса в приходящих заявках." placement="top">
<Box>
<InfoIcon />
</Box>
</Tooltip>
</Box>
{question.content.innerNameCheck && (
<CustomTextField
placeholder={"Развёрнутое описание вопроса"}
text={question.content.innerName}
onChange={({ target }) => setInnerName(target.value || " ")}
/>
)}
{/*<Box*/}
{/* sx={{*/}
{/* width: isMobile ? "93%" : "auto",*/}
{/* display: "flex",*/}
{/* alignItems: "center",*/}
{/* }}*/}
{/*>*/}
{/* <CustomCheckbox*/}
{/* sx={{*/}
{/* mr: isMobile ? "0px" : "16px",*/}
{/* height: isMobile ? "100%" : "26px",*/}
{/* alignItems: isMobile ? "flex-start" : "center",*/}
{/* }}*/}
{/* label={"Внутреннее название вопроса"}*/}
{/* checked={question.content.innerNameCheck}*/}
{/* handleChange={({ target }) => {*/}
{/* updateQuestion<QuizQuestionDate>(question.id, question => {*/}
{/* question.content.innerNameCheck = target.checked;*/}
{/* question.content.innerName = target.checked ? question.content.innerName : "";*/}
{/* });*/}
{/* }}*/}
{/* />*/}
{/* <Tooltip title="Будет отображаться как заголовок вопроса в приходящих заявках." placement="top">*/}
{/* <Box>*/}
{/* <InfoIcon />*/}
{/* </Box>*/}
{/* </Tooltip>*/}
{/*</Box>*/}
{/*{question.content.innerNameCheck && (*/}
{/* <CustomTextField*/}
{/* placeholder={"Развёрнутое описание вопроса"}*/}
{/* text={question.content.innerName}*/}
{/* onChange={({ target }) => setInnerName(target.value || " ")}*/}
{/* />*/}
{/*)}*/}
</Box>
</Box>
);

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

@ -135,27 +135,27 @@ export default function SettingDropDown({ question }: SettingDropDownProps) {
});
}}
/>
<Box sx={{ position: "relative", display: "flex", alignItems: "flex-start" }}>
<CustomCheckbox
sx={{ height: isMobile ? "100%" : "26px", alignItems: isMobile ? "flex-start" : "center" }}
label={"Внутреннее название вопроса"}
checked={question.content.innerNameCheck}
handleChange={({ target }) => {
updateQuestion<QuizQuestionSelect>(question.id, question => {
question.content.innerNameCheck = target.checked;
question.content.innerName = target.checked ? question.content.innerName : "";
});
}}
/>
<Tooltip
title="Будет отображаться как заголовок вопроса в приходящих заявках."
placement="top"
>
<Box>
<InfoIcon />
</Box>
</Tooltip>
</Box>
{/*<Box sx={{ position: "relative", display: "flex", alignItems: "flex-start" }}>*/}
{/* <CustomCheckbox*/}
{/* sx={{ height: isMobile ? "100%" : "26px", alignItems: isMobile ? "flex-start" : "center" }}*/}
{/* label={"Внутреннее название вопроса"}*/}
{/* checked={question.content.innerNameCheck}*/}
{/* handleChange={({ target }) => {*/}
{/* updateQuestion<QuizQuestionSelect>(question.id, question => {*/}
{/* question.content.innerNameCheck = target.checked;*/}
{/* question.content.innerName = target.checked ? question.content.innerName : "";*/}
{/* });*/}
{/* }}*/}
{/* />*/}
{/* <Tooltip*/}
{/* title="Будет отображаться как заголовок вопроса в приходящих заявках."*/}
{/* placement="top"*/}
{/* >*/}
{/* <Box>*/}
{/* <InfoIcon />*/}
{/* </Box>*/}
{/* </Tooltip>*/}
{/*</Box>*/}
<Box
sx={{
width: "100%",
@ -180,13 +180,13 @@ export default function SettingDropDown({ question }: SettingDropDownProps) {
onChange={({ target }) => debounceAnswer(target.value)}
/>
</Box>
{question.content.innerNameCheck && (
<CustomTextField
placeholder={"Развёрнутое описание вопроса"}
text={question.content.innerName}
onChange={({ target }) => debounced(target.value || " ")}
/>
)}
{/*{question.content.innerNameCheck && (*/}
{/* <CustomTextField*/}
{/* placeholder={"Развёрнутое описание вопроса"}*/}
{/* text={question.content.innerName}*/}
{/* onChange={({ target }) => debounced(target.value || " ")}*/}
{/* />*/}
{/*)}*/}
</Box>
</Box>
</>

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

@ -92,39 +92,39 @@ export default function SettingEmoji({ question }: SettingEmojiProps) {
question.content.required = !target.checked;
})}
/>
<Box
sx={{
width: isMobile ? "90%" : "auto",
display: "flex",
alignItems: "center",
}}
>
<CustomCheckbox
sx={{
mr: isMobile ? "0px" : "16px",
height: isMobile ? "100%" : "26px",
alignItems: isMobile ? "flex-start" : "center",
}}
label={"Внутреннее название вопроса"}
checked={question.content.innerNameCheck}
handleChange={({ target }) => updateQuestion<QuizQuestionEmoji>(question.id, question => {
question.content.innerNameCheck = target.checked;
question.content.innerName = target.checked ? question.content.innerName : "";
})}
/>
<Tooltip title="Будет отображаться как заголовок вопроса в приходящих заявках." placement="top">
<Box>
<InfoIcon />
</Box>
</Tooltip>
</Box>
{question.content.innerNameCheck && (
<CustomTextField
placeholder={"Развёрнутое описание вопроса"}
text={question.content.innerName}
onChange={({ target }) => setInnerName(target.value)}
/>
)}
{/*<Box*/}
{/* sx={{*/}
{/* width: isMobile ? "90%" : "auto",*/}
{/* display: "flex",*/}
{/* alignItems: "center",*/}
{/* }}*/}
{/*>*/}
{/* <CustomCheckbox*/}
{/* sx={{*/}
{/* mr: isMobile ? "0px" : "16px",*/}
{/* height: isMobile ? "100%" : "26px",*/}
{/* alignItems: isMobile ? "flex-start" : "center",*/}
{/* }}*/}
{/* label={"Внутреннее название вопроса"}*/}
{/* checked={question.content.innerNameCheck}*/}
{/* handleChange={({ target }) => updateQuestion<QuizQuestionEmoji>(question.id, question => {*/}
{/* question.content.innerNameCheck = target.checked;*/}
{/* question.content.innerName = target.checked ? question.content.innerName : "";*/}
{/* })}*/}
{/* />*/}
{/* <Tooltip title="Будет отображаться как заголовок вопроса в приходящих заявках." placement="top">*/}
{/* <Box>*/}
{/* <InfoIcon />*/}
{/* </Box>*/}
{/* </Tooltip>*/}
{/*</Box>*/}
{/*{question.content.innerNameCheck && (*/}
{/* <CustomTextField*/}
{/* placeholder={"Развёрнутое описание вопроса"}*/}
{/* text={question.content.innerName}*/}
{/* onChange={({ target }) => setInnerName(target.value)}*/}
{/* />*/}
{/*)}*/}
</Box>
</Box>
);

52
src/pages/Questions/OptionsAndPicture/SettingOptionsAndPict.tsx
View File

@ -118,32 +118,32 @@ export default function SettingOptionsAndPict({ question }: SettingOptionsAndPic
question.content.required = !target.checked;
})}
/>
<Box sx={{ display: "flex", alignItems: "center" }}>
<CustomCheckbox
sx={{
width: isMobile ? "90%" : "auto",
mr: isMobile ? "0px" : "16px",
}}
label={"Внутреннее название вопроса"}
checked={question.content.innerNameCheck}
handleChange={({ target }) => updateQuestion<QuizQuestionVarImg>(question.id, question => {
question.content.innerNameCheck = target.checked;
question.content.innerName = "";
})}
/>
<Tooltip title="Будет отображаться как заголовок вопроса в приходящих заявках." placement="top">
<Box>
<InfoIcon />
</Box>
</Tooltip>
</Box>
{question.content.innerNameCheck && (
<CustomTextField
placeholder={"Развёрнутое описание вопроса"}
text={question.content.innerName}
onChange={({ target }) => setDescription(target.value)}
/>
)}
{/*<Box sx={{ display: "flex", alignItems: "center" }}>*/}
{/* <CustomCheckbox*/}
{/* sx={{*/}
{/* width: isMobile ? "90%" : "auto",*/}
{/* mr: isMobile ? "0px" : "16px",*/}
{/* }}*/}
{/* label={"Внутреннее название вопроса"}*/}
{/* checked={question.content.innerNameCheck}*/}
{/* handleChange={({ target }) => updateQuestion<QuizQuestionVarImg>(question.id, question => {*/}
{/* question.content.innerNameCheck = target.checked;*/}
{/* question.content.innerName = "";*/}
{/* })}*/}
{/* />*/}
{/* <Tooltip title="Будет отображаться как заголовок вопроса в приходящих заявках." placement="top">*/}
{/* <Box>*/}
{/* <InfoIcon />*/}
{/* </Box>*/}
{/* </Tooltip>*/}
{/*</Box>*/}
{/*{question.content.innerNameCheck && (*/}
{/* <CustomTextField*/}
{/* placeholder={"Развёрнутое описание вопроса"}*/}
{/* text={question.content.innerName}*/}
{/* onChange={({ target }) => setDescription(target.value)}*/}
{/* />*/}
{/*)}*/}
{isWrappColumn && (
<>
<Typography

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

@ -219,44 +219,44 @@ export default function SettingOpytionsPict({ question }: SettingOpytionsPictPro
})
}
/>
<Box
sx={{
width: isMobile ? "90%" : "auto",
display: "flex",
alignItems: "center",
}}
>
<CustomCheckbox
sx={{
height: isMobile ? "100%" : "26px",
alignItems: isMobile ? "flex-start" : "center",
}}
label={"Внутреннее название вопроса"}
checked={question.content.innerNameCheck}
handleChange={({ target }) => updateQuestion(question.id, question => {
if (question.type !== "images") return;
{/*<Box*/}
{/* sx={{*/}
{/* width: isMobile ? "90%" : "auto",*/}
{/* display: "flex",*/}
{/* alignItems: "center",*/}
{/* }}*/}
{/*>*/}
{/* <CustomCheckbox*/}
{/* sx={{*/}
{/* height: isMobile ? "100%" : "26px",*/}
{/* alignItems: isMobile ? "flex-start" : "center",*/}
{/* }}*/}
{/* label={"Внутреннее название вопроса"}*/}
{/* checked={question.content.innerNameCheck}*/}
{/* handleChange={({ target }) => updateQuestion(question.id, question => {*/}
{/* if (question.type !== "images") return;*/}
question.content.innerNameCheck = target.checked;
question.content.innerName = "";
})
}
/>
<Tooltip
title="Будет отображаться как заголовок вопроса в приходящих заявках."
placement="top"
>
<Box>
<InfoIcon />
</Box>
</Tooltip>
</Box>
{question.content.innerNameCheck && (
<CustomTextField
placeholder={"Внутреннее описание вопроса"}
text={question.content.innerName}
onChange={({ target }) => debounced(target.value)}
/>
)}
{/* question.content.innerNameCheck = target.checked;*/}
{/* question.content.innerName = "";*/}
{/* })*/}
{/* }*/}
{/* />*/}
{/* <Tooltip*/}
{/* title="Будет отображаться как заголовок вопроса в приходящих заявках."*/}
{/* placement="top"*/}
{/* >*/}
{/* <Box>*/}
{/* <InfoIcon />*/}
{/* </Box>*/}
{/* </Tooltip>*/}
{/*</Box>*/}
{/*{question.content.innerNameCheck && (*/}
{/* <CustomTextField*/}
{/* placeholder={"Внутреннее описание вопроса"}*/}
{/* text={question.content.innerName}*/}
{/* onChange={({ target }) => debounced(target.value)}*/}
{/* />*/}
{/*)}*/}
</Box>
</Box>
</>

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

@ -176,47 +176,47 @@ export default function SettingTextField({
});
}}
/>
<Box
sx={{
width: isMobile ? "90%" : "auto",
display: "flex",
alignItems: "center",
}}
>
<CustomCheckbox
sx={{
alignItems: isMobile ? "flex-start" : "center",
display: isMobile ? "flex" : "block",
mr: isMobile ? "0px" : "16px",
height: isMobile ? "100%" : "26px",
}}
label={"Внутреннее название вопроса"}
checked={question.content.innerNameCheck}
handleChange={({ target }) => {
updateQuestion<QuizQuestionText>(question.id, question => {
question.content.innerNameCheck = target.checked;
question.content.innerName = target.checked
? question.content.innerName
: "";
});
}}
/>
<Tooltip
title="Будет отображаться как заголовок вопроса в приходящих заявках."
placement="top"
>
<Box>
<InfoIcon />
</Box>
</Tooltip>
</Box>
{question.content.innerNameCheck && (
<CustomTextField
placeholder={"Развёрнутое описание вопроса"}
text={question.content.innerName}
onChange={({ target }) => debounced(target.value)}
/>
)}
{/*<Box*/}
{/* sx={{*/}
{/* width: isMobile ? "90%" : "auto",*/}
{/* display: "flex",*/}
{/* alignItems: "center",*/}
{/* }}*/}
{/*>*/}
{/* <CustomCheckbox*/}
{/* sx={{*/}
{/* alignItems: isMobile ? "flex-start" : "center",*/}
{/* display: isMobile ? "flex" : "block",*/}
{/* mr: isMobile ? "0px" : "16px",*/}
{/* height: isMobile ? "100%" : "26px",*/}
{/* }}*/}
{/* label={"Внутреннее название вопроса"}*/}
{/* checked={question.content.innerNameCheck}*/}
{/* handleChange={({ target }) => {*/}
{/* updateQuestion<QuizQuestionText>(question.id, question => {*/}
{/* question.content.innerNameCheck = target.checked;*/}
{/* question.content.innerName = target.checked*/}
{/* ? question.content.innerName*/}
{/* : "";*/}
{/* });*/}
{/* }}*/}
{/* />*/}
{/* <Tooltip*/}
{/* title="Будет отображаться как заголовок вопроса в приходящих заявках."*/}
{/* placement="top"*/}
{/* >*/}
{/* <Box>*/}
{/* <InfoIcon />*/}
{/* </Box>*/}
{/* </Tooltip>*/}
{/*</Box>*/}
{/*{question.content.innerNameCheck && (*/}
{/* <CustomTextField*/}
{/* placeholder={"Развёрнутое описание вопроса"}*/}
{/* text={question.content.innerName}*/}
{/* onChange={({ target }) => debounced(target.value)}*/}
{/* />*/}
{/*)}*/}
</Box>
</Box>
);

62
src/pages/Questions/PageOptions/SettingPageOptions.tsx
View File

@ -51,37 +51,37 @@ export default function SettingPageOptions({
>
Настройки вопроса
</Typography>
<Box sx={{ display: "flex", alignItems: "flex-start" }}>
<CustomCheckbox
sx={{
mr: isMobile ? "0px" : "16px",
height: isMobile ? "100%" : "26px",
}}
label={"Внутреннее название вопроса"}
checked={question.content.innerNameCheck}
handleChange={({ target }) =>
updateQuestion(question.id, question => {
question.content.innerNameCheck = target.checked;
question.content.innerName = "";
})
}
/>
<Tooltip
title="Будет отображаться как заголовок вопроса в приходящих заявках."
placement="top"
>
<Box>
<InfoIcon />
</Box>
</Tooltip>
</Box>
{question.content.innerNameCheck && (
<CustomTextField
placeholder={"Внутреннее описание вопроса"}
text={question.content.innerName}
onChange={({ target }) => setInnerName(target.value)}
/>
)}
{/*<Box sx={{ display: "flex", alignItems: "flex-start" }}>*/}
{/* <CustomCheckbox*/}
{/* sx={{*/}
{/* mr: isMobile ? "0px" : "16px",*/}
{/* height: isMobile ? "100%" : "26px",*/}
{/* }}*/}
{/* label={"Внутреннее название вопроса"}*/}
{/* checked={question.content.innerNameCheck}*/}
{/* handleChange={({ target }) =>*/}
{/* updateQuestion(question.id, question => {*/}
{/* question.content.innerNameCheck = target.checked;*/}
{/* question.content.innerName = "";*/}
{/* })*/}
{/* }*/}
{/* />*/}
{/* <Tooltip*/}
{/* title="Будет отображаться как заголовок вопроса в приходящих заявках."*/}
{/* placement="top"*/}
{/* >*/}
{/* <Box>*/}
{/* <InfoIcon />*/}
{/* </Box>*/}
{/* </Tooltip>*/}
{/*</Box>*/}
{/*{question.content.innerNameCheck && (*/}
{/* <CustomTextField*/}
{/* placeholder={"Внутреннее описание вопроса"}*/}
{/* text={question.content.innerName}*/}
{/* onChange={({ target }) => setInnerName(target.value)}*/}
{/* />*/}
{/*)}*/}
</Box>
);
}

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

@ -44,7 +44,7 @@ export default function QuestionsPage({ openBranchingPage, setOpenBranchingPage
margin: "60px 0 40px 0",
}}
>
<Typography variant={"h5"}>{quiz.name ? quiz.name : "Заголовок квиза"}</Typography>
<Typography variant={"h5"}>{quiz.name ? quiz.name : "Заголовок quiz"}</Typography>
<Button
sx={{
display: openBranchingPanel ? "none" : "flex",

64
src/pages/Questions/RatingOptions/settingRating.tsx
View File

@ -157,39 +157,39 @@ export default function SettingSlider({ question }: SettingSliderProps) {
});
}}
/>
<Box
sx={{
width: isMobile ? "90%" : "auto",
display: "flex",
alignItems: "center",
}}
>
<CustomCheckbox
sx={{ mr: isMobile ? "0px" : "16px" }}
label={"Внутреннее название вопроса"}
checked={question.content.innerNameCheck}
handleChange={({ target }) => {
updateQuestion(question.id, question => {
if (question.type !== "rating") return;
{/*<Box*/}
{/* sx={{*/}
{/* width: isMobile ? "90%" : "auto",*/}
{/* display: "flex",*/}
{/* alignItems: "center",*/}
{/* }}*/}
{/*>*/}
{/* <CustomCheckbox*/}
{/* sx={{ mr: isMobile ? "0px" : "16px" }}*/}
{/* label={"Внутреннее название вопроса"}*/}
{/* checked={question.content.innerNameCheck}*/}
{/* handleChange={({ target }) => {*/}
{/* updateQuestion(question.id, question => {*/}
{/* if (question.type !== "rating") return;*/}
question.content.innerNameCheck = target.checked;
question.content.innerName = target.checked ? question.content.innerName : "";
});
}}
/>
<Tooltip title="Будет отображаться как заголовок вопроса в приходящих заявках." placement="top">
<Box>
<InfoIcon />
</Box>
</Tooltip>
</Box>
{question.content.innerNameCheck && (
<CustomTextField
placeholder={"Развёрнутое описание вопроса"}
text={question.content.innerName}
onChange={({ target }) => setInnerName(target.value)}
/>
)}
{/* question.content.innerNameCheck = target.checked;*/}
{/* question.content.innerName = target.checked ? question.content.innerName : "";*/}
{/* });*/}
{/* }}*/}
{/* />*/}
{/* <Tooltip title="Будет отображаться как заголовок вопроса в приходящих заявках." placement="top">*/}
{/* <Box>*/}
{/* <InfoIcon />*/}
{/* </Box>*/}
{/* </Tooltip>*/}
{/*</Box>*/}
{/*{question.content.innerNameCheck && (*/}
{/* <CustomTextField*/}
{/* placeholder={"Развёрнутое описание вопроса"}*/}
{/* text={question.content.innerName}*/}
{/* onChange={({ target }) => setInnerName(target.value)}*/}
{/* />*/}
{/*)}*/}
</Box>
</Box>
);

72
src/pages/Questions/SliderOptions/settingSlider.tsx
View File

@ -87,43 +87,43 @@ export default function SettingSlider({ question }: SettingSliderProps) {
});
}}
/>
<Box
sx={{
width: isMobile ? "90%" : "auto",
display: "flex",
alignItems: "flex-start",
}}
>
<CustomCheckbox
sx={{
mr: isMobile ? "0px" : "16px",
height: isMobile ? "100%" : "auto",
alignItems: isMobile ? "flex-start" : "center",
}}
label={"Внутреннее название вопроса"}
checked={question.content.innerNameCheck}
handleChange={({ target }) => {
updateQuestion(question.id, question => {
if (question.type !== "number") return;
{/*<Box*/}
{/* sx={{*/}
{/* width: isMobile ? "90%" : "auto",*/}
{/* display: "flex",*/}
{/* alignItems: "flex-start",*/}
{/* }}*/}
{/*>*/}
{/* <CustomCheckbox*/}
{/* sx={{*/}
{/* mr: isMobile ? "0px" : "16px",*/}
{/* height: isMobile ? "100%" : "auto",*/}
{/* alignItems: isMobile ? "flex-start" : "center",*/}
{/* }}*/}
{/* label={"Внутреннее название вопроса"}*/}
{/* checked={question.content.innerNameCheck}*/}
{/* handleChange={({ target }) => {*/}
{/* updateQuestion(question.id, question => {*/}
{/* if (question.type !== "number") return;*/}
question.content.innerNameCheck = target.checked;
question.content.innerName = target.checked ? question.content.innerName : "";
});
}}
/>
<Tooltip title="Будет отображаться как заголовок вопроса в приходящих заявках." placement="top">
<Box>
<InfoIcon />
</Box>
</Tooltip>
</Box>
{question.content.innerNameCheck && (
<CustomTextField
placeholder={"Развёрнутое описание вопроса"}
text={question.content.innerName}
onChange={({ target }) => setInnerName(target.value)}
/>
)}
{/* question.content.innerNameCheck = target.checked;*/}
{/* question.content.innerName = target.checked ? question.content.innerName : "";*/}
{/* });*/}
{/* }}*/}
{/* />*/}
{/* <Tooltip title="Будет отображаться как заголовок вопроса в приходящих заявках." placement="top">*/}
{/* <Box>*/}
{/* <InfoIcon />*/}
{/* </Box>*/}
{/* </Tooltip>*/}
{/*</Box>*/}
{/*{question.content.innerNameCheck && (*/}
{/* <CustomTextField*/}
{/* placeholder={"Развёрнутое описание вопроса"}*/}
{/* text={question.content.innerName}*/}
{/* onChange={({ target }) => setInnerName(target.value)}*/}
{/* />*/}
{/*)}*/}
</Box>
</Box>
);

5
src/pages/Questions/SwitchBranchingPanel/QuestionsList.tsx
View File

@ -38,11 +38,6 @@ export const QuestionsList = () => {
return (
<Box sx={{ padding: "15px" }}>
<Typography
sx={{ fontSize: "12px", color: "#9A9AAF", marginBottom: "5px" }}
>
Перетащите вопросы в карту ветвления
</Typography>
<Box
sx={{
maxHeight: "400px",

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

@ -66,45 +66,45 @@ export default function SettingsUpload({ question }: SettingsUploadProps) {
});
}}
/>
<Box
sx={{
width: isMobile ? "90%" : "auto",
display: "flex",
alignItems: "center",
}}
>
<CustomCheckbox
sx={{
mr: isMobile ? "0px" : "16px",
height: isMobile ? "100%" : "26px",
alignItems: "flex-start",
}}
label={"Внутреннее название вопроса"}
checked={question.content.innerNameCheck}
handleChange={({ target }) => {
updateQuestion<QuizQuestionFile>(question.id, question => {
question.content.innerNameCheck = target.checked;
question.content.innerName = target.checked ? question.content.innerName : "";
});
}}
/>
<Tooltip
title="Будет отображаться как заголовок вопроса в приходящих заявках."
placement="top"
>
<Box>
<InfoIcon />
</Box>
</Tooltip>
</Box>
{question.content.innerNameCheck && (
<CustomTextField
placeholder={"Развёрнутое описание вопроса"}
text={question.content.innerName}
onChange={({ target }) => setInnerName(target.value)}
sx={{ paddingRight: "20px" }}
/>
)}
{/*<Box*/}
{/* sx={{*/}
{/* width: isMobile ? "90%" : "auto",*/}
{/* display: "flex",*/}
{/* alignItems: "center",*/}
{/* }}*/}
{/*>*/}
{/* <CustomCheckbox*/}
{/* sx={{*/}
{/* mr: isMobile ? "0px" : "16px",*/}
{/* height: isMobile ? "100%" : "26px",*/}
{/* alignItems: "flex-start",*/}
{/* }}*/}
{/* label={"Внутреннее название вопроса"}*/}
{/* checked={question.content.innerNameCheck}*/}
{/* handleChange={({ target }) => {*/}
{/* updateQuestion<QuizQuestionFile>(question.id, question => {*/}
{/* question.content.innerNameCheck = target.checked;*/}
{/* question.content.innerName = target.checked ? question.content.innerName : "";*/}
{/* });*/}
{/* }}*/}
{/* />*/}
{/* <Tooltip*/}
{/* title="Будет отображаться как заголовок вопроса в приходящих заявках."*/}
{/* placement="top"*/}
{/* >*/}
{/* <Box>*/}
{/* <InfoIcon />*/}
{/* </Box>*/}
{/* </Tooltip>*/}
{/*</Box>*/}
{/*{question.content.innerNameCheck && (*/}
{/* <CustomTextField*/}
{/* placeholder={"Развёрнутое описание вопроса"}*/}
{/* text={question.content.innerName}*/}
{/* onChange={({ target }) => setInnerName(target.value)}*/}
{/* sx={{ paddingRight: "20px" }}*/}
{/* />*/}
{/*)}*/}
</Box>
);
}

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

@ -128,49 +128,49 @@ export default function ResponseSettings({ question }: Props) {
});
}}
/>
<Box
sx={{
width: isMobile ? "90%" : "auto",
display: "flex",
alignItems: "center",
}}
>
<CustomCheckbox
sx={{
mr: isMobile ? "0px" : "9px",
height: isMobile ? "42px" : "26px",
alignItems: "start",
}}
label={"Внутреннее название вопроса"}
checked={question.content.innerNameCheck}
handleChange={({ target }) => {
updateQuestion<QuizQuestionVariant>(question.id, (question) => {
question.content.innerNameCheck = target.checked;
question.content.innerName = target.checked
? question.content.innerName
: "";
});
}}
/>
{isMobile && (
<Tooltip
title="Будет отображаться как заголовок вопроса в приходящих заявках."
placement="top"
>
<Box>
<InfoIcon />
</Box>
</Tooltip>
)}
</Box>
{question.content.innerNameCheck && (
<CustomTextField
sx={{ mr: isMobile ? "0px" : "16px" }}
placeholder={"Развёрнутое описание вопроса"}
text={question.content.innerName}
onChange={({ target }) => updateQuestionInnerName(target.value || " ")}
/>
)}
{/*<Box*/}
{/* sx={{*/}
{/* width: isMobile ? "90%" : "auto",*/}
{/* display: "flex",*/}
{/* alignItems: "center",*/}
{/* }}*/}
{/*>*/}
{/* <CustomCheckbox*/}
{/* sx={{*/}
{/* mr: isMobile ? "0px" : "9px",*/}
{/* height: isMobile ? "42px" : "26px",*/}
{/* alignItems: "start",*/}
{/* }}*/}
{/* label={"Внутреннее название вопроса"}*/}
{/* checked={question.content.innerNameCheck}*/}
{/* handleChange={({ target }) => {*/}
{/* updateQuestion<QuizQuestionVariant>(question.id, (question) => {*/}
{/* question.content.innerNameCheck = target.checked;*/}
{/* question.content.innerName = target.checked*/}
{/* ? question.content.innerName*/}
{/* : "";*/}
{/* });*/}
{/* }}*/}
{/* />*/}
{/* {isMobile && (*/}
{/* <Tooltip*/}
{/* title="Будет отображаться как заголовок вопроса в приходящих заявках."*/}
{/* placement="top"*/}
{/* >*/}
{/* <Box>*/}
{/* <InfoIcon />*/}
{/* </Box>*/}
{/* </Tooltip>*/}
{/* )}*/}
{/*</Box>*/}
{/*{question.content.innerNameCheck && (*/}
{/* <CustomTextField*/}
{/* sx={{ mr: isMobile ? "0px" : "16px" }}*/}
{/* placeholder={"Развёрнутое описание вопроса"}*/}
{/* text={question.content.innerName}*/}
{/* onChange={({ target }) => updateQuestionInnerName(target.value || " ")}*/}
{/* />*/}
{/*)}*/}
</Box>
</Box>
);

25
src/pages/ResultPage/FirstEntry.tsx
View File

@ -34,7 +34,7 @@ export const FirstEntry = () => {
}}
>
<Typography variant="h5" sx={{ marginBottom: "20px" }}>
Результаты квиза в зависимости от ответов
Результаты quiz в зависимости от ответов
</Typography>
<Box
sx={{
@ -46,19 +46,18 @@ export const FirstEntry = () => {
}}
>
<Typography sx={{ color: "#4D4D4D", width: "95%" }}>
Вы можете показывать разные результаты квиза (добавьте описание, изображение, стоимость и т.п.) разным
пользователям, нужно только их создать и проставить условия. Таким образом ваш квиз получится максимально
индивидуальным для каждого клиента. Показывайте картинку/видео вместо результата или переадресовывайте
пользователя по нужной ссылке.
</Typography>
<Typography
sx={{
color: "#9A9AAF",
width: "100%",
}}
>
Этот шаг - необязательный, квиз будет работать и без автоматических результатов.
Вы можете показывать разные результаты пользователям,
в зависимости от его ответов. Так же можно сделать 1 вариант,
если ваш quiz не подразумевает логики ветвления ответов
</Typography>
{/*<Typography*/}
{/* sx={{*/}
{/* color: "#9A9AAF",*/}
{/* width: "100%",*/}
{/* }}*/}
{/*>*/}
{/* Этот шаг - необязательный, quiz будет работать и без автоматических результатов.*/}
{/*</Typography>*/}
</Box>
</Box>
<img

114
src/pages/ResultPage/cards/ResultCard.tsx
View File

@ -104,7 +104,7 @@ const InfoView = ({ resultData }: { resultData: QuizQuestionResult }) => {
>
<Typography>
{resultData?.content.rule.parentId === "line"
? "Единый результат в конце прохождения опросника без ветвления"
? "Единый результат в конце прохождения опроса без ветвления"
: `Заголовок вопроса, после которого появится результат: "${
question?.title || "нет заголовка"
}"`}
@ -150,7 +150,7 @@ export const ResultCard = ({ resultContract, resultData }: Props) => {
>
<Typography sx={{ color: theme.palette.grey2.main, padding: "5px 20px" }}>
{resultData?.content.rule.parentId === "line"
? "Единый результат в конце прохождения опросника без ветвления"
? "Единый результат в конце прохождения опроса без ветвления"
: `Заголовок вопроса, после которого появится результат: "${
question?.title || "нет заголовка"
}"`}
@ -431,63 +431,63 @@ export const ResultCard = ({ resultContract, resultData }: Props) => {
background: "#F2F3F7",
}}
>
<Box
sx={{
padding: "20px",
display: "flex",
flexWrap: "wrap",
gap: "10px",
}}
>
<MiniButtonSetting
onClick={() => {
setResultCardSettings(!resultCardSettings);
}}
sx={{
backgroundColor: resultCardSettings
? theme.palette.brightPurple.main
: "transparent",
color: resultCardSettings
? "#ffffff"
: theme.palette.grey3.main,
"&:hover": {
backgroundColor: resultCardSettings
? "#581CA7"
: "#7E2AEA",
color: "white",
},
}}
>
<SettingIcon
color={
resultCardSettings ? "#ffffff" : theme.palette.grey3.main
}
/>
{!isTablet && "Настройки"}
</MiniButtonSetting>
</Box>
{/*<Box*/}
{/* sx={{*/}
{/* padding: "20px",*/}
{/* display: "flex",*/}
{/* flexWrap: "wrap",*/}
{/* gap: "10px",*/}
{/* }}*/}
{/*>*/}
{/* <MiniButtonSetting*/}
{/* onClick={() => {*/}
{/* setResultCardSettings(!resultCardSettings);*/}
{/* }}*/}
{/* sx={{*/}
{/* backgroundColor: resultCardSettings*/}
{/* ? theme.palette.brightPurple.main*/}
{/* : "transparent",*/}
{/* color: resultCardSettings*/}
{/* ? "#ffffff"*/}
{/* : theme.palette.grey3.main,*/}
{/* "&:hover": {*/}
{/* backgroundColor: resultCardSettings*/}
{/* ? "#581CA7"*/}
{/* : "#7E2AEA",*/}
{/* color: "white",*/}
{/* },*/}
{/* }}*/}
{/* >*/}
{/* <SettingIcon*/}
{/* color={*/}
{/* resultCardSettings ? "#ffffff" : theme.palette.grey3.main*/}
{/* }*/}
{/* />*/}
{/* {!isTablet && "Настройки"}*/}
{/* </MiniButtonSetting>*/}
{/*</Box>*/}
</Box>
</Box>
{resultCardSettings && (
<Box
sx={{
backgroundColor: "white",
p: "20px",
borderRadius: "0 0 12px 12px",
}}
>
<CustomTextField
placeholder={"Внутреннее описание вопроса"}
value={resultData.innerName}
onChange={({ target }: { target: HTMLInputElement }) =>
updateQuestion(
resultData.id,
(question) => (question.content.innerName = target.value)
)
}
/>
</Box>
)}
{/*{resultCardSettings && (*/}
{/* <Box*/}
{/* sx={{*/}
{/* backgroundColor: "white",*/}
{/* p: "20px",*/}
{/* borderRadius: "0 0 12px 12px",*/}
{/* }}*/}
{/* >*/}
{/* <CustomTextField*/}
{/* placeholder={"Внутреннее описание вопроса"}*/}
{/* value={resultData.innerName}*/}
{/* onChange={({ target }: { target: HTMLInputElement }) =>*/}
{/* updateQuestion(*/}
{/* resultData.id,*/}
{/* (question) => (question.content.innerName = target.value)*/}
{/* )*/}
{/* }*/}
{/* />*/}
{/* </Box>*/}
{/*)}*/}
</>
)}
</Paper>

2
src/pages/createQuize/ExpandableQuizBlock.tsx
View File

@ -64,7 +64,7 @@ export default function ExpandableQuizBlock({ name }: Props) {
color: theme.palette.grey3.main,
width: "100%"
}}
>Квизов нет</Button>
>Quiz нет</Button>
<Button
variant="contained"
sx={{

4
src/pages/createQuize/FirstQuiz.tsx
View File

@ -17,7 +17,7 @@ export default function FirstQuiz() {
mb: "70px",
}}
>
<ComplexNavText text1="Кабинет квизов" />
<ComplexNavText text1="Кабинет quiz" />
<Typography
variant="h4"
sx={{
@ -25,7 +25,7 @@ export default function FirstQuiz() {
mb: "30px",
}}
>
Создайте свой первый квиз
Создайте свой первый quiz
</Typography>
<Button
variant="contained"

4
src/pages/createQuize/MyQuizzesFull.tsx
View File

@ -5,7 +5,6 @@ import SectionWrapper from "@ui_kit/SectionWrapper";
import React from "react";
import { useNavigate } from "react-router-dom";
import { resetEditConfig } from "@root/quizes/actions";
import ComplexNavText from "./ComplexNavText";
import FirstQuiz from "./FirstQuiz";
import QuizCard from "./QuizCard";
@ -26,7 +25,6 @@ export default function MyQuizzesFull({ outerContainerSx: sx, children }: Props)
<FirstQuiz />
) : (
<SectionWrapper maxWidth="lg">
<ComplexNavText text1="Кабинет квизов" />
<Box
sx={{
display: "flex",
@ -36,7 +34,7 @@ export default function MyQuizzesFull({ outerContainerSx: sx, children }: Props)
mb: "30px",
}}
>
<Typography variant="h4">Мои квизы</Typography>
<Typography variant="h4">Мои quiz</Typography>
<Button
variant="contained"
sx={{

6
src/pages/createQuize/QuizGallery.tsx
View File

@ -47,8 +47,8 @@ export default function QuizGallery() {
mb: "74px",
}}
>
<ComplexNavText text1="Галерея квизов" />
<Typography variant="h4" mt="20px" mb="40px">Мои квизы</Typography>
<ComplexNavText text1="Галерея quiz" />
<Typography variant="h4" mt="20px" mb="40px">Мои quiz</Typography>
<Box
sx={{
backgroundColor: theme.palette.brightPurple.main,
@ -71,7 +71,7 @@ export default function QuizGallery() {
}}
>
<Typography variant="h4" sx={{ color: "white" }}>Пустой шаблон</Typography>
<Typography sx={{ color: "white" }}>Широкий инструментарий создания квизов с нуля</Typography>
<Typography sx={{ color: "white" }}>Широкий инструментарий создания quiz с нуля</Typography>
</Box>
<Button
variant="contained"

4
src/pages/startPage/ModalSizeImage.tsx
View File

@ -101,7 +101,7 @@ export default function ModalSizeImage() {
</Box>
<Box sx={{ padding: "15px 20px 0px" }}>
<Typography variant={"body2"} sx={{ color: theme.palette.grey2.main, fontWeight: 400 }}>
Рекомендованный размер зависит от того, как вы будете чаще использовать квиз:
Рекомендованный размер зависит от того, как вы будете чаще использовать quiz:
</Typography>
</Box>
<Box sx={{ padding: "15px 40px 30px" }}>
@ -146,7 +146,7 @@ export default function ModalSizeImage() {
padding: "20px",
}}
>
<Typography variant={"h5"}>Размеры изображений в квизе</Typography>
<Typography variant={"h5"}>Размеры изображений в quiz</Typography>
</Box>
<Box sx={{ padding: "15px 40px 20px" }}>
{rows2.map(({ name, size }, index) => (

2
src/pages/startPage/StartPageSettings.tsx
View File

@ -508,7 +508,7 @@ export default function StartPageSettings() {
Заголовок
</Typography>
<CustomTextField
placeholder="Имя заголовка об опроснике для подбора табуретки"
placeholder="Имя заголовка опроса для подбора табуретки"
value={quiz.name}
onChange={(e) =>
updateQuiz(quiz.id, (quiz) => {

15
src/pages/startPage/extra.tsx
View File

@ -73,26 +73,13 @@ export default function Extra() {
}}
>
<Typography sx={{ fontWeight: 500, color: theme.palette.grey3.main, mt: "20px", mb: "14px" }}>
Mета заголовок
Мета заголовок
</Typography>
<CustomTextField
placeholder=""
text={quiz.config.meta}
onChange={mutationOrgMetaHC}
/>
<Typography
sx={{
mt: "20px",
fontSize: "16px",
lineHeight: "19px",
maxWidth: "80%",
color: theme.palette.grey3.main,
}}
>
Текст-заполнитель — это текст, который имеет Текст-заполнитель — это текст, который имеет
Текст-заполнитель — это текст, который имеет Текст-заполнитель — это текст, который имеет
Текст-заполнитель
</Typography>
</Box>
)}
</Box>

6
src/pages/startPage/stepOne.tsx
View File

@ -36,8 +36,8 @@ export default function StepOne() {
}}
>
<CreationCard
header="Создание квиз-опроса"
text="У стартовой страницы одна ключевая задача - заинтересовать посетителя пройти квиз. С ней сложно ошибиться, сформулируйте суть предложения и подберите живую фотографию, остальное мы сделаем за вас"
header="Создание quiz-опроса"
text="Стартовая страница - это ваша визитка, от качества её будет зависеть, как конверсия пользователей которые захотели пройти ваш опрос, так и конверсия в форму контактных данных, так как именно стартовая страница - залог доверия клиентов к вам"
image={quizCreationImage1}
border={
config.type === "quiz"
@ -54,7 +54,7 @@ export default function StepOne() {
>
<CreationCard
header="Создание анкеты"
text="У стартовой страницы одна ключевая задача - заинтересовать посетителя пройти квиз. С ней сложно ошибиться, сформулируйте суть предложения и подберите живую фотографию, остальное мы сделаем за вас"
text="Режим анкеты создан, в целях оставить пользователю варианты вопросов используемых в исследованиях и убирания всего лишнего, что может мешать и приводить к ошибкам"
image={quizCreationImage2}
border={
config.type === "form"

6
src/stores/quizes/actions.ts
View File

@ -139,7 +139,7 @@ export const updateQuiz = (
if (isAxiosCanceledError(error)) return;
devlog("Error editing quiz", error, quizId);
enqueueSnackbar("Не удалось сохранить настройки квиза");
enqueueSnackbar("Не удалось сохранить настройки quiz");
});
}, REQUEST_DEBOUNCE);
};
@ -158,7 +158,7 @@ export const createQuiz = async (navigate: NavigateFunction) => requestQueue.enq
devlog("Error creating quiz", error);
const message = getMessageFromFetchError(error) ?? "";
enqueueSnackbar(`Не удалось создать квиз. ${message}`);
enqueueSnackbar(`Не удалось создать quiz. ${message}`);
}
});
@ -174,7 +174,7 @@ export const deleteQuiz = async (quizId: string) => requestQueue.enqueue(async (
devlog("Error deleting quiz", error);
const message = getMessageFromFetchError(error) ?? "";
enqueueSnackbar(`Не удалось удалить квиз. ${message}`);
enqueueSnackbar(`Не удалось удалить quiz. ${message}`);
}
});
export const updateRootContentId = (quizId: string, id: string) => {

2
src/ui_kit/CreationCard.tsx
View File

@ -12,6 +12,8 @@ export default function CreationCard({ header, text, image, border }: Props) {
<Box
sx={{
minWidth: "315px",
maxWidth: "560px",
height: "100%",
flexGrow: 1,
backgroundColor: "white",
p: "20px",

4
src/ui_kit/Sidebar.tsx
View File

@ -78,7 +78,7 @@ export default function Sidebar({ changePage, disableCollapse }: SidebarProps) {
color: theme.palette.grey2.main,
}}
>
Создание квиза
Создание quiz
</Typography>
)}
{!disableCollapse && (
@ -142,7 +142,7 @@ export default function Sidebar({ changePage, disableCollapse }: SidebarProps) {
color: theme.palette.grey2.main,
}}
>
Настройки квиза
Настройки quiz
</Typography>
)}
<List disablePadding>