diff --git a/README.md b/README.md old mode 100644 new mode 100755 diff --git a/craco.config.js b/craco.config.js old mode 100644 new mode 100755 diff --git a/package-lock.json b/package-lock.json old mode 100644 new mode 100755 diff --git a/package.json b/package.json old mode 100644 new mode 100755 diff --git a/public/favicon.ico b/public/favicon.ico old mode 100644 new mode 100755 diff --git a/public/index.html b/public/index.html old mode 100644 new mode 100755 diff --git a/public/logo192.png b/public/logo192.png old mode 100644 new mode 100755 diff --git a/public/logo512.png b/public/logo512.png old mode 100644 new mode 100755 diff --git a/public/manifest.json b/public/manifest.json old mode 100644 new mode 100755 diff --git a/public/robots.txt b/public/robots.txt old mode 100644 new mode 100755 diff --git a/src/App.tsx b/src/App.tsx old mode 100644 new mode 100755 diff --git a/src/assets/card-1.png b/src/assets/card-1.png old mode 100644 new mode 100755 diff --git a/src/assets/card-2.png b/src/assets/card-2.png old mode 100644 new mode 100755 diff --git a/src/assets/card-3.png b/src/assets/card-3.png old mode 100644 new mode 100755 diff --git a/src/assets/quiz-creation-1.png b/src/assets/quiz-creation-1.png old mode 100644 new mode 100755 diff --git a/src/assets/quiz-creation-2.png b/src/assets/quiz-creation-2.png old mode 100644 new mode 100755 diff --git a/src/assets/quiz-template-1.png b/src/assets/quiz-template-1.png old mode 100644 new mode 100755 diff --git a/src/assets/quiz-template-2.png b/src/assets/quiz-template-2.png old mode 100644 new mode 100755 diff --git a/src/assets/quiz-template-3.png b/src/assets/quiz-template-3.png old mode 100644 new mode 100755 diff --git a/src/assets/quiz-template-4.png b/src/assets/quiz-template-4.png old mode 100644 new mode 100755 diff --git a/src/assets/quiz-template-5.png b/src/assets/quiz-template-5.png old mode 100644 new mode 100755 diff --git a/src/assets/quiz-template-6.png b/src/assets/quiz-template-6.png old mode 100644 new mode 100755 diff --git a/src/components/ComplexHeader.tsx b/src/components/ComplexHeader.tsx old mode 100644 new mode 100755 diff --git a/src/components/ComplexNavText.tsx b/src/components/ComplexNavText.tsx old mode 100644 new mode 100755 diff --git a/src/components/CreateQuiz/CardWithImage.tsx b/src/components/CreateQuiz/CardWithImage.tsx old mode 100644 new mode 100755 diff --git a/src/components/CreateQuiz/CreateQuiz.tsx b/src/components/CreateQuiz/CreateQuiz.tsx old mode 100644 new mode 100755 diff --git a/src/components/CreateQuiz/MenuItem.tsx b/src/components/CreateQuiz/MenuItem.tsx old mode 100644 new mode 100755 diff --git a/src/components/CreateQuiz/SelectableButton.tsx b/src/components/CreateQuiz/SelectableButton.tsx old mode 100644 new mode 100755 diff --git a/src/components/CreateQuiz/SelectableIconButton.tsx b/src/components/CreateQuiz/SelectableIconButton.tsx old mode 100644 new mode 100755 diff --git a/src/components/CreateQuiz/UploadBox.tsx b/src/components/CreateQuiz/UploadBox.tsx old mode 100644 new mode 100755 diff --git a/src/components/CustomButton.tsx b/src/components/CustomButton.tsx old mode 100644 new mode 100755 diff --git a/src/components/CustomTab.tsx b/src/components/CustomTab.tsx old mode 100644 new mode 100755 diff --git a/src/components/ExpandableQuizBlock.tsx b/src/components/ExpandableQuizBlock.tsx old mode 100644 new mode 100755 diff --git a/src/components/MyQuizzes.tsx b/src/components/MyQuizzes.tsx old mode 100644 new mode 100755 diff --git a/src/components/NavMenuItem.tsx b/src/components/NavMenuItem.tsx old mode 100644 new mode 100755 diff --git a/src/components/Navbar/Avatar.tsx b/src/components/Navbar/Avatar.tsx old mode 100644 new mode 100755 diff --git a/src/components/Navbar/Navbar.tsx b/src/components/Navbar/Navbar.tsx old mode 100644 new mode 100755 diff --git a/src/components/Navbar/NavbarCollapsed.tsx b/src/components/Navbar/NavbarCollapsed.tsx old mode 100644 new mode 100755 diff --git a/src/components/Navbar/NavbarCreateQuiz.tsx b/src/components/Navbar/NavbarCreateQuiz.tsx old mode 100644 new mode 100755 diff --git a/src/components/PenaLogo.tsx b/src/components/PenaLogo.tsx old mode 100644 new mode 100755 diff --git a/src/components/QuizCard.tsx b/src/components/QuizCard.tsx old mode 100644 new mode 100755 diff --git a/src/components/QuizGallery.tsx b/src/components/QuizGallery.tsx old mode 100644 new mode 100755 diff --git a/src/components/QuizTemplateCard.tsx b/src/components/QuizTemplateCard.tsx old mode 100644 new mode 100755 diff --git a/src/components/SectionWrapper.tsx b/src/components/SectionWrapper.tsx old mode 100644 new mode 100755 diff --git a/src/components/icons/AlignLeftIcon.tsx b/src/components/icons/AlignLeftIcon.tsx old mode 100644 new mode 100755 diff --git a/src/components/icons/AlignRightIcon.tsx b/src/components/icons/AlignRightIcon.tsx old mode 100644 new mode 100755 diff --git a/src/components/icons/ArrowDownIcon.tsx b/src/components/icons/ArrowDownIcon.tsx old mode 100644 new mode 100755 diff --git a/src/components/icons/BackArrowIcon.tsx b/src/components/icons/BackArrowIcon.tsx old mode 100644 new mode 100755 diff --git a/src/components/icons/ChartIcon.tsx b/src/components/icons/ChartIcon.tsx old mode 100644 new mode 100755 diff --git a/src/components/icons/ChartPieIcon.tsx b/src/components/icons/ChartPieIcon.tsx old mode 100644 new mode 100755 diff --git a/src/components/icons/CollapseMenuIcon.tsx b/src/components/icons/CollapseMenuIcon.tsx old mode 100644 new mode 100755 diff --git a/src/components/icons/ContactBookIcon.tsx b/src/components/icons/ContactBookIcon.tsx old mode 100644 new mode 100755 diff --git a/src/components/icons/ExpandIcon.tsx b/src/components/icons/ExpandIcon.tsx old mode 100644 new mode 100755 diff --git a/src/components/icons/EyeIcon.tsx b/src/components/icons/EyeIcon.tsx old mode 100644 new mode 100755 diff --git a/src/components/icons/FlowArrowIcon.tsx b/src/components/icons/FlowArrowIcon.tsx old mode 100644 new mode 100755 diff --git a/src/components/icons/GearIcon.tsx b/src/components/icons/GearIcon.tsx old mode 100644 new mode 100755 diff --git a/src/components/icons/InfoIcon.tsx b/src/components/icons/InfoIcon.tsx old mode 100644 new mode 100755 diff --git a/src/components/icons/LayoutCenteredIcon.tsx b/src/components/icons/LayoutCenteredIcon.tsx old mode 100644 new mode 100755 diff --git a/src/components/icons/LayoutExpandedIcon.tsx b/src/components/icons/LayoutExpandedIcon.tsx old mode 100644 new mode 100755 diff --git a/src/components/icons/LayoutIcon.tsx b/src/components/icons/LayoutIcon.tsx old mode 100644 new mode 100755 diff --git a/src/components/icons/LayoutIconBig.tsx b/src/components/icons/LayoutIconBig.tsx old mode 100644 new mode 100755 diff --git a/src/components/icons/LayoutStandartIcon.tsx b/src/components/icons/LayoutStandartIcon.tsx old mode 100644 new mode 100755 diff --git a/src/components/icons/LinkIcon.tsx b/src/components/icons/LinkIcon.tsx old mode 100644 new mode 100755 diff --git a/src/components/icons/LogoutIcon.tsx b/src/components/icons/LogoutIcon.tsx old mode 100644 new mode 100755 diff --git a/src/components/icons/MegaphoneIcon.tsx b/src/components/icons/MegaphoneIcon.tsx old mode 100644 new mode 100755 diff --git a/src/components/icons/MobilePhoneIcon.tsx b/src/components/icons/MobilePhoneIcon.tsx old mode 100644 new mode 100755 diff --git a/src/components/icons/PencilCircleIcon.tsx b/src/components/icons/PencilCircleIcon.tsx old mode 100644 new mode 100755 diff --git a/src/components/icons/PencilIcon.tsx b/src/components/icons/PencilIcon.tsx old mode 100644 new mode 100755 diff --git a/src/components/icons/PuzzlePieceIcon.tsx b/src/components/icons/PuzzlePieceIcon.tsx old mode 100644 new mode 100755 diff --git a/src/components/icons/QuestionIcon.tsx b/src/components/icons/QuestionIcon.tsx old mode 100644 new mode 100755 diff --git a/src/components/icons/SearchIcon.tsx b/src/components/icons/SearchIcon.tsx old mode 100644 new mode 100755 diff --git a/src/components/icons/SendIcon.tsx b/src/components/icons/SendIcon.tsx old mode 100644 new mode 100755 diff --git a/src/components/icons/TagIcon.tsx b/src/components/icons/TagIcon.tsx old mode 100644 new mode 100755 diff --git a/src/components/icons/UploadIcon.tsx b/src/components/icons/UploadIcon.tsx old mode 100644 new mode 100755 diff --git a/src/components/icons/WalletIcon.tsx b/src/components/icons/WalletIcon.tsx old mode 100644 new mode 100755 diff --git a/src/components/icons/questionsPage/CopyIcon.tsx b/src/components/icons/questionsPage/CopyIcon.tsx old mode 100644 new mode 100755 diff --git a/src/components/icons/questionsPage/OneIcon.tsx b/src/components/icons/questionsPage/OneIcon.tsx old mode 100644 new mode 100755 diff --git a/src/components/icons/questionsPage/PointsIcon.tsx b/src/components/icons/questionsPage/PointsIcon.tsx old mode 100644 new mode 100755 diff --git a/src/components/icons/questionsPage/addPlus.tsx b/src/components/icons/questionsPage/addPlus.tsx old mode 100644 new mode 100755 diff --git a/src/components/icons/questionsPage/answer.tsx b/src/components/icons/questionsPage/answer.tsx old mode 100644 new mode 100755 diff --git a/src/components/icons/questionsPage/arrowLeft.tsx b/src/components/icons/questionsPage/arrowLeft.tsx old mode 100644 new mode 100755 diff --git a/src/components/icons/questionsPage/branching.tsx b/src/components/icons/questionsPage/branching.tsx old mode 100644 new mode 100755 diff --git a/src/components/icons/questionsPage/clue.tsx b/src/components/icons/questionsPage/clue.tsx old mode 100644 new mode 100755 diff --git a/src/components/icons/questionsPage/date.tsx b/src/components/icons/questionsPage/date.tsx old mode 100644 new mode 100755 diff --git a/src/components/icons/questionsPage/deleteIcon.tsx b/src/components/icons/questionsPage/deleteIcon.tsx old mode 100644 new mode 100755 diff --git a/src/components/icons/questionsPage/download.tsx b/src/components/icons/questionsPage/download.tsx old mode 100644 new mode 100755 diff --git a/src/components/icons/questionsPage/drop_down.tsx b/src/components/icons/questionsPage/drop_down.tsx old mode 100644 new mode 100755 diff --git a/src/components/icons/questionsPage/emoji.tsx b/src/components/icons/questionsPage/emoji.tsx old mode 100644 new mode 100755 diff --git a/src/components/icons/questionsPage/enterIcon.tsx b/src/components/icons/questionsPage/enterIcon.tsx new file mode 100755 index 00000000..ead529b2 --- /dev/null +++ b/src/components/icons/questionsPage/enterIcon.tsx @@ -0,0 +1,27 @@ +import { Box } from "@mui/material"; + + +// interface Props { +// color: string; +// } + +export default function EnterIcon() { + + return ( + + + + + + + + ) +} diff --git a/src/components/icons/questionsPage/hideIcon.tsx b/src/components/icons/questionsPage/hideIcon.tsx old mode 100644 new mode 100755 diff --git a/src/components/icons/questionsPage/imgIcon.tsx b/src/components/icons/questionsPage/imgIcon.tsx old mode 100644 new mode 100755 diff --git a/src/components/icons/questionsPage/input.tsx b/src/components/icons/questionsPage/input.tsx old mode 100644 new mode 100755 diff --git a/src/components/icons/questionsPage/options_and_pict.tsx b/src/components/icons/questionsPage/options_and_pict.tsx old mode 100644 new mode 100755 diff --git a/src/components/icons/questionsPage/options_pict.tsx b/src/components/icons/questionsPage/options_pict.tsx old mode 100644 new mode 100755 diff --git a/src/components/icons/questionsPage/page.tsx b/src/components/icons/questionsPage/page.tsx old mode 100644 new mode 100755 diff --git a/src/components/icons/questionsPage/rating.tsx b/src/components/icons/questionsPage/rating.tsx old mode 100644 new mode 100755 diff --git a/src/components/icons/questionsPage/settingIcon.tsx b/src/components/icons/questionsPage/settingIcon.tsx old mode 100644 new mode 100755 diff --git a/src/components/icons/questionsPage/slider.tsx b/src/components/icons/questionsPage/slider.tsx old mode 100644 new mode 100755 diff --git a/src/index.css b/src/index.css old mode 100644 new mode 100755 diff --git a/src/index.tsx b/src/index.tsx old mode 100644 new mode 100755 index 17844932..212faec3 --- a/src/index.tsx +++ b/src/index.tsx @@ -17,7 +17,7 @@ import Gallery from './pages/createQuize/Gallery'; import StartPage from "./pages/startPage/StartPage"; import Main from "./pages/main" import FirstQuiz from "./pages/startPage/FirstQuiz"; -import Questions from "./pages/Questions/Questions"; +import QuestionsPage from "./pages/Questions/QuestionsPage"; const root = ReactDOM.createRoot( document.getElementById('root') as HTMLElement @@ -30,7 +30,7 @@ root.render( }> } /> } /> - } /> + } /> diff --git a/src/mui.d.ts b/src/mui.d.ts old mode 100644 new mode 100755 diff --git a/src/pages/Questions/ButtonsOptions.tsx b/src/pages/Questions/ButtonsOptions.tsx new file mode 100644 index 00000000..fd38776b --- /dev/null +++ b/src/pages/Questions/ButtonsOptions.tsx @@ -0,0 +1,100 @@ +import MiniButtonSetting from "@ui_kit/MiniButtonSetting"; +import React from "react"; +import SettingIcon from "../../components/icons/questionsPage/settingIcon"; +import Clue from "../../components/icons/questionsPage/clue"; +import Branching from "../../components/icons/questionsPage/branching"; +import ImgIcon from "../../components/icons/questionsPage/imgIcon"; +import {Box, IconButton, useTheme} from "@mui/material"; +import HideIcon from "../../components/icons/questionsPage/hideIcon"; +import CopyIcon from "../../components/icons/questionsPage/CopyIcon"; +import DeleteIcon from "../../components/icons/questionsPage/deleteIcon"; + + +export default function ButtonsOptions () { + // const buttonSetting: {icon: JSX.Element; title: string; value: string} [] =[ + // {icon: , title: 'Настройки', value: 'setting'}, + // {icon: , title: 'Подсказка', value: 'help'}, + // {icon: , title: 'Ветвление', value: 'branching'}, + // {icon: , title: 'Изображение', value: 'image'}, + // ] + const [switchState, setSwitchState] = React.useState('setting'); + const theme = useTheme(); + return ( + + + {/*{buttonSetting.map( (e,i) => (*/} + {/* {setSwitchState({e.value})}}*/} + {/* sx={{backgroundColor: switchState === {e.value} ? theme.palette.brightPurple.main : 'transparent',*/} + {/* color: switchState === {e.value} ? '#ffffff' : theme.palette.grey3.main,*/} + {/* }}*/} + {/* >*/} + {/* {e.icon}*/} + {/* {e.title}*/} + {/* */} + {/*))}*/} + {setSwitchState('setting')}} + sx={{backgroundColor: switchState === 'setting' ? theme.palette.brightPurple.main : 'transparent', + color: switchState === 'setting' ? '#ffffff' : theme.palette.grey3.main, + }} + > + + Настройки + + {setSwitchState('help')}} + sx={{backgroundColor: switchState === 'help' ? theme.palette.brightPurple.main : 'transparent', + color: switchState === 'help' ? '#ffffff' : theme.palette.grey3.main, + }} + > + Подсказка + + {setSwitchState('branching')}} + sx={{backgroundColor: switchState === 'branching' ? theme.palette.brightPurple.main : 'transparent', + color: switchState === 'branching' ? '#ffffff' : theme.palette.grey3.main, + }} + > + Ветвление + + {setSwitchState('image')}} + sx={{backgroundColor: switchState === 'image' ? theme.palette.brightPurple.main : 'transparent', + color: switchState === 'image' ? '#ffffff' : theme.palette.grey3.main, + }} + > + Изображение + + + + + + + + + + + + + + + + ) +} \ No newline at end of file diff --git a/src/pages/Questions/Questions.tsx b/src/pages/Questions/Questions.tsx deleted file mode 100644 index f4291327..00000000 --- a/src/pages/Questions/Questions.tsx +++ /dev/null @@ -1,147 +0,0 @@ -import React from "react"; -import Stepper from '@ui_kit/Stepper'; -import Accordion from '@mui/material/Accordion'; -import AccordionSummary from '@mui/material/AccordionSummary'; -import AccordionDetails from '@mui/material/AccordionDetails'; -import {Box, Button, IconButton, useTheme} from '@mui/material'; -import ExpandMoreIcon from '@mui/icons-material/ExpandMore'; -import CustomTextField from "@ui_kit/CustomTextField"; -import Answer from "../../components/icons/questionsPage/answer"; -import QuestionsMiniButton from "@ui_kit/QuestionsMiniButton"; -import OptionsPict from "../../components/icons/questionsPage/options_pict"; -import OptionsAndPict from "../../components/icons/questionsPage/options_and_pict"; -import Emoji from "../../components/icons/questionsPage/emoji"; -import Input from "../../components/icons/questionsPage/input"; -import DropDown from "../../components/icons/questionsPage/drop_down"; -import Date from "../../components/icons/questionsPage/date"; -import Slider from "../../components/icons/questionsPage/slider"; -import Download from "../../components/icons/questionsPage/download"; -import Page from "../../components/icons/questionsPage/page"; -import RatingIcon from "../../components/icons/questionsPage/rating"; -import OneIcon from "../../components/icons/questionsPage/OneIcon"; -import PointsIcon from "../../components/icons/questionsPage/PointsIcon"; -import CustomButton from "../../components/CustomButton"; -import Clue from "../../components/icons/questionsPage/clue"; -import Branching from "../../components/icons/questionsPage/branching"; -import ImgIcon from "../../components/icons/questionsPage/imgIcon"; -import SettingIcon from "../../components/icons/questionsPage/settingIcon"; -import MiniButtonSetting from "@ui_kit/MiniButtonSetting"; -import HideIcon from "../../components/icons/questionsPage/hideIcon"; -import CopyIcon from "../../components/icons/questionsPage/CopyIcon"; -import DeleteIcon from "../../components/icons/questionsPage/deleteIcon"; -import AddPlus from "../../components/icons/questionsPage/addPlus"; -import ArrowLeft from "../../components/icons/questionsPage/arrowLeft"; - -export default function Questions() { - - const [activeStep, setActiveStep] = React.useState(1); - - const handleNext = () => { - setActiveStep((prevActiveStep) => prevActiveStep + 1); - }; - - const handleBack = () => { - setActiveStep((prevActiveStep) => prevActiveStep - 1); - }; - - const [current, setCurrent] = React.useState(1) - - const buttonSetting: {icon: JSX.Element; title: string} [] =[ - {icon: , title: 'Настройки'}, - {icon: , title: 'Подсказка'}, - {icon: , title: 'Ветвление'}, - {icon: , title: 'Изображение'}, - ] - const theme = useTheme(); - return ( - <> - - - - } - aria-controls="panel1a-content" - id="panel1a-header" - sx={{width: '100%'}} - > - - - - - - - - - - - } text={'Варианты ответов'}/> - } text={'Варианты с картинками'}/> - } text={'Варианты и картинка'}/> - } text={'Эможди'}/> - } text={'Своё поле для ввода'}/> - } text={'Выпадающий список'}/> - } text={'Дата'}/> - } text={'Ползунок'}/> - } text={'Загрузка файла'}/> - } text={'Страница'}/> - } text={'Рейтинг'}/> - - - - {buttonSetting.map( (e,i) => ( - {setCurrent(i)}} - sx={{backgroundColor: current === i ? theme.palette.brightPurple.main : 'transparent', - color: current === i ? '#ffffff' : theme.palette.grey3.main, - }} - > - {e.icon} - {e.title} - - ))} - - - - - - - - - - - - - - - - - - - - - - - - - - - ) -} \ No newline at end of file diff --git a/src/pages/Questions/QuestionsPage.tsx b/src/pages/Questions/QuestionsPage.tsx new file mode 100755 index 00000000..e35387a8 --- /dev/null +++ b/src/pages/Questions/QuestionsPage.tsx @@ -0,0 +1,72 @@ +import React from "react"; +import Stepper from '@ui_kit/Stepper'; +import Accordion from '@mui/material/Accordion'; +import AccordionSummary from '@mui/material/AccordionSummary'; +import AccordionDetails from '@mui/material/AccordionDetails'; +import {Box, Button, IconButton, Typography, useTheme} from '@mui/material'; +import ExpandMoreIcon from '@mui/icons-material/ExpandMore'; +import CustomTextField from "@ui_kit/CustomTextField"; +import OneIcon from "../../components/icons/questionsPage/OneIcon"; +import PointsIcon from "../../components/icons/questionsPage/PointsIcon"; +import AddPlus from "../../components/icons/questionsPage/addPlus"; +import ArrowLeft from "../../components/icons/questionsPage/arrowLeft"; +import TypeQuestions from "./TypeQuestions"; +import AnswerOptions from "./answerOptions/AnswerOptions"; +import ButtonsOptions from "./ButtonsOptions"; + +export default function QuestionsPage() { + + + const [activeStep, setActiveStep] = React.useState(1); + + const handleNext = () => { + setActiveStep((prevActiveStep) => prevActiveStep + 1); + }; + + const handleBack = () => { + setActiveStep((prevActiveStep) => prevActiveStep - 1); + }; + + const theme = useTheme(); + return ( + <> + + Заголовок квиза + + + } + aria-controls="panel1a-content" + id="panel1a-header" + sx={{width: '100%'}} + > + + + + + + + + + + + + {/**/} + + + + + + + + + + + + + ) +} \ No newline at end of file diff --git a/src/pages/Questions/TypeQuestions.tsx b/src/pages/Questions/TypeQuestions.tsx new file mode 100755 index 00000000..01f01255 --- /dev/null +++ b/src/pages/Questions/TypeQuestions.tsx @@ -0,0 +1,32 @@ +import QuestionsMiniButton from "@ui_kit/QuestionsMiniButton"; +import Answer from "../../components/icons/questionsPage/answer"; +import OptionsPict from "../../components/icons/questionsPage/options_pict"; +import OptionsAndPict from "../../components/icons/questionsPage/options_and_pict"; +import Emoji from "../../components/icons/questionsPage/emoji"; +import Input from "../../components/icons/questionsPage/input"; +import DropDown from "../../components/icons/questionsPage/drop_down"; +import Date from "../../components/icons/questionsPage/date"; +import Slider from "../../components/icons/questionsPage/slider"; +import Download from "../../components/icons/questionsPage/download"; +import Page from "../../components/icons/questionsPage/page"; +import RatingIcon from "../../components/icons/questionsPage/rating"; +import {Box} from "@mui/material"; +import React from "react"; + +export default function TypeQuestions() { + return ( + + } text={'Варианты ответов'}/> + } text={'Варианты с картинками'}/> + } text={'Варианты и картинка'}/> + } text={'Эможди'}/> + } text={'Своё поле для ввода'}/> + } text={'Выпадающий список'}/> + } text={'Дата'}/> + } text={'Ползунок'}/> + } text={'Загрузка файла'}/> + } text={'Страница'}/> + } text={'Рейтинг'}/> + + ) +} diff --git a/src/pages/Questions/answerOptions/AnswerOptions.tsx b/src/pages/Questions/answerOptions/AnswerOptions.tsx new file mode 100755 index 00000000..3475e9ee --- /dev/null +++ b/src/pages/Questions/answerOptions/AnswerOptions.tsx @@ -0,0 +1,58 @@ +import {Box, Typography, Link, useTheme} from "@mui/material"; +import React from "react"; +import EnterIcon from "../../../components/icons/questionsPage/enterIcon"; +import ButtonsOptions from "../ButtonsOptions"; +import ResponseSettings from "./responseSettings"; +import HelpAnswerOptions from "./helpAnswerOptions"; +import UploadImage from "./UploadImage"; +import SwitchAnswerOptions from "./switchAnswerOptions"; + + +export default function AnswerOptions() { + const theme = useTheme(); + const [switchState, setSwitchState] = React.useState('setting'); + return ( + <> + + + Добавьте ответ + + + { + // console.info("I'm a button."); + // }} + > + Добавьте ответ + + или нажмите Enter + + + + + + {/**/} + {/**/} + {/**/} + {/**/} + + ) +} \ No newline at end of file diff --git a/src/pages/Questions/answerOptions/UploadImage.tsx b/src/pages/Questions/answerOptions/UploadImage.tsx new file mode 100644 index 00000000..160fcca7 --- /dev/null +++ b/src/pages/Questions/answerOptions/UploadImage.tsx @@ -0,0 +1,14 @@ +import {Typography, Box, useTheme} from "@mui/material"; +import UploadBox from "../../../components/CreateQuiz/UploadBox"; +import UploadIcon from "../../../components/icons/UploadIcon"; + + +export default function UploadImage () { + const theme = useTheme(); + return ( + + Загрузить изображение + } text="5 MB максимум" /> + + ) +} \ No newline at end of file diff --git a/src/pages/Questions/answerOptions/helpAnswerOptions.tsx b/src/pages/Questions/answerOptions/helpAnswerOptions.tsx new file mode 100644 index 00000000..8c8b4e36 --- /dev/null +++ b/src/pages/Questions/answerOptions/helpAnswerOptions.tsx @@ -0,0 +1,44 @@ +import {Box, Typography, useTheme} from "@mui/material"; +import SelectableButton from "../../../components/CreateQuiz/SelectableButton"; +import CustomTextField from "@ui_kit/CustomTextField"; +import {useState} from "react"; +import UploadIcon from "../../../components/icons/UploadIcon"; +import UploadBox from "../../../components/CreateQuiz/UploadBox"; + +type BackgroundType = "text" | "video"; + +export default function HelpAnswerOptions() { + const [backgroundType, setBackgroundType] = useState("text"); + return ( + + Подсказка консультанта + + setBackgroundType("text")}> + Текст + + setBackgroundType("video")}> + Видео + + + {backgroundType === "text" ? + <> + + + : + <> + Загрузите видео + } + sx={{ + height: "48px", + width: "48px", + }} + /> + + } + + ); +}; \ No newline at end of file diff --git a/src/pages/Questions/answerOptions/responseSettings.tsx b/src/pages/Questions/answerOptions/responseSettings.tsx new file mode 100644 index 00000000..8ea066be --- /dev/null +++ b/src/pages/Questions/answerOptions/responseSettings.tsx @@ -0,0 +1,22 @@ +import {Box, Typography} from "@mui/material"; +import CustomCheckbox from "@ui_kit/CustomCheckbox"; +import InfoIcon from "../../../components/icons/InfoIcon"; + + +export default function ResponseSettings() { + return ( + + + Настройки ответов + + + + + + Настройки вопросов + + + + + ); +}; \ No newline at end of file diff --git a/src/pages/Questions/answerOptions/switchAnswerOptions.tsx b/src/pages/Questions/answerOptions/switchAnswerOptions.tsx new file mode 100644 index 00000000..5569c2f0 --- /dev/null +++ b/src/pages/Questions/answerOptions/switchAnswerOptions.tsx @@ -0,0 +1,29 @@ +import * as React from 'react'; +import UploadImage from "./UploadImage"; +import HelpAnswerOptions from "./helpAnswerOptions"; +import ResponseSettings from "./responseSettings"; + + +interface Props { + switchState: string, +} + +export default function SwitchAnswerOptions({switchState = 'setting' }: Props) { + + switch (switchState) { + case 'setting': + return (); + break; + case 'help': + return (); + break + case 'branching': + return (<>); + break; + case 'image': + return (); + break; + default: + return (<>) + } +} \ No newline at end of file diff --git a/src/pages/createQuize/Create.tsx b/src/pages/createQuize/Create.tsx old mode 100644 new mode 100755 diff --git a/src/pages/createQuize/Gallery.tsx b/src/pages/createQuize/Gallery.tsx old mode 100644 new mode 100755 diff --git a/src/pages/createQuize/Projects.tsx b/src/pages/createQuize/Projects.tsx old mode 100644 new mode 100755 diff --git a/src/pages/createQuize/Quizes.tsx b/src/pages/createQuize/Quizes.tsx old mode 100644 new mode 100755 diff --git a/src/pages/main.tsx b/src/pages/main.tsx old mode 100644 new mode 100755 diff --git a/src/pages/startPage/FirstQuiz.tsx b/src/pages/startPage/FirstQuiz.tsx old mode 100644 new mode 100755 diff --git a/src/pages/startPage/StartPage.tsx b/src/pages/startPage/StartPage.tsx old mode 100644 new mode 100755 diff --git a/src/pages/startPage/StartPageSettings.tsx b/src/pages/startPage/StartPageSettings.tsx old mode 100644 new mode 100755 index 2d1ee947..08dfe292 --- a/src/pages/startPage/StartPageSettings.tsx +++ b/src/pages/startPage/StartPageSettings.tsx @@ -1,6 +1,6 @@ import { Box, FormControl, Link, MenuItem, Select, Typography, useTheme } from "@mui/material"; import { useState } from "react"; -import CustomCheckbox from "../../components/CustomCheckbox"; +import CustomCheckbox from "@ui_kit/CustomCheckbox"; import AlignLeftIcon from "../../components/icons/AlignLeftIcon"; import AlignRightIcon from "../../components/icons/AlignRightIcon"; import ArrowDown from "../../components/icons/ArrowDownIcon"; @@ -17,7 +17,7 @@ import CustomTextField from "@ui_kit/CustomTextField"; const designTypes = [ - ["Standart", (color: string) => ], + ["Standard", (color: string) => ], ["Expanded", (color: string) => ], ["Centered", (color: string) => ] ] as const; @@ -202,10 +202,12 @@ export default function StartPageSettings() { setAlignType("right")} isActive={alignType === "right"} Icon={AlignRightIcon} /> {backgroundType === "image" && - Логотип + + Логотип } } text="5 MB максимум" /> - Favicon + + Favicon