mario-education 2.4.515-release → 2.4.516-release

package/dist/components/Header/CustomHeaderComponent.d.ts

@@ -14,6 +14,7 @@ interface headerProps {
     classFontSize: string;
     button?: any;
     isLarge?: boolean;
+    onDraft?: Function | null;
 }
-declare const CustomHeaderComponent: ({ title, contentButton, iconButton, isGoback, isGreyBackground, status, handleChangePage, isDisableButton, isPreviewSurvey, handlePreview, onHandleGoBack, borderNone, classFontSize, button, isLarge }: headerProps) => JSX.Element;
+declare const CustomHeaderComponent: ({ title, contentButton, iconButton, isGoback, isGreyBackground, status, handleChangePage, isDisableButton, isPreviewSurvey, handlePreview, onHandleGoBack, borderNone, classFontSize, button, isLarge, onDraft }: headerProps) => JSX.Element;
 export default CustomHeaderComponent;

package/dist/components/Select/SelectFilterSurvey.d.ts

@@ -0,0 +1,4 @@
+import "react-datepicker/dist/react-datepicker.css";
+import { PROPS_FILTERS_COMPONENT_SURVEY } from "../../containers/SurveyDashboard/configs/types";
+declare const SelectFilterSurvey: ({ studentUserId, studentId, studentDefault, handleChangeFilters, name, icon, option, onChangeFilters, btnStyle, filter, teacherUserId, changeCurrentTeacherUserId, labelBox, setLabelBox }: PROPS_FILTERS_COMPONENT_SURVEY) => JSX.Element;
+export default SelectFilterSurvey;

package/dist/components/selector/CustomFilterComponent.d.ts

@@ -1,12 +1,4 @@
 import { SURVEY_LIST } from "../../containers/SurveyDashboard/configs/types";
-interface FILTER {
-    startDate?: number | null;
-    endDate?: number | null;
-    isFavorite?: boolean;
-    studentId?: number;
-    flag?: string;
-    optionDate?: string;
-}
 interface STUDENT {
     email: string;
     gradeLevel: string;
@@ -15,7 +7,7 @@ interface STUDENT {
     actionScore: number;
 }
 interface PROPS_FILTER {
-    filters?: FILTER;
+    filters?: any;
     handleChangeStartDate?: Function;
     handleChangeEndDate?: Function;
     handleChangeInputSearch?: Function;
@@ -40,6 +32,7 @@ interface PROPS_FILTER {
     handleDownloadCsv?: any;
     onChangeOptionDate?: Function;
     renderOption?: string;
+    isSelectMulti?: boolean;
 }
-declare const CustomFilterComponent: ({ filters, handleChangeStartDate, handleChangeEndDate, handleChangeInputSearch, inputSearch, isShowSelectRight, handleChangeStatus, placeholderSearch, handleSelectFavorite, studentList, onSelectStudent, toggleKeyCustom, handleToggleCustom, toggleContentCustom, optionCustomSelect, handleChangeCustomSelect, surveyOptions, handleChangeSurveyOption, academicOption, handleChangeAcademicYear, valueAcademicYear, handleDownloadCsv, onChangeGrade, onChangeOptionDate, renderOption }: PROPS_FILTER) => JSX.Element;
+declare const CustomFilterComponent: ({ filters, handleChangeStartDate, handleChangeEndDate, handleChangeInputSearch, inputSearch, isShowSelectRight, handleChangeStatus, placeholderSearch, handleSelectFavorite, studentList, onSelectStudent, toggleKeyCustom, handleToggleCustom, toggleContentCustom, optionCustomSelect, handleChangeCustomSelect, surveyOptions, handleChangeSurveyOption, academicOption, handleChangeAcademicYear, valueAcademicYear, handleDownloadCsv, onChangeGrade, onChangeOptionDate, renderOption, isSelectMulti, }: PROPS_FILTER) => JSX.Element;
 export default CustomFilterComponent;

package/dist/components/selector/CustomFilterMobile.d.ts

@@ -2,14 +2,23 @@ interface FILTER {
     startDate?: number | null;
     endDate?: number | null;
     isFavorite?: boolean;
+    studentId?: number;
+    flag?: string;
     optionDate?: string;
 }
+interface STUDENT {
+    email: string;
+    gradeLevel: string;
+    id: number;
+    studentName: string;
+    actionScore: number;
+}
 interface PROPS_FILTER {
     filters?: FILTER;
     handleChangeStartDate?: Function;
     handleChangeEndDate?: Function;
     handleChangeInputSearch: Function;
-    inputSearch: any;
+    inputSearch?: any;
     isShowSelectRight?: boolean;
     handleChangeStatus?: Function;
     placeholderSearch?: string;
@@ -27,6 +36,10 @@ interface PROPS_FILTER {
     onChangeGrade?: Function;
     onChangeOptionDate?: Function;
     renderOption?: string;
+    isSelectMulti?: boolean;
+    studentList?: STUDENT[];
+    onSelectStudent?: Function;
+    isDetailSurvey?: boolean;
 }
-declare const CustomFilterMobile: ({ filters, handleChangeStartDate, handleChangeEndDate, handleChangeInputSearch, inputSearch, handleChangeStatus, placeholderSearch, handleSelectFavorite, onShowFilter, isShowFilter, isShowCalendar, onShowFilterCalendar, optionCustomSelect, handleChangeCustomSelect, toggleKeyCustom, toggleContentCustom, handleToggleCustom, handleDownloadCsv, onChangeGrade, onChangeOptionDate, renderOption }: PROPS_FILTER) => JSX.Element;
+declare const CustomFilterMobile: ({ filters, handleChangeStartDate, handleChangeEndDate, handleChangeInputSearch, inputSearch, handleChangeStatus, placeholderSearch, handleSelectFavorite, onShowFilter, isShowFilter, isShowCalendar, onShowFilterCalendar, optionCustomSelect, handleChangeCustomSelect, toggleKeyCustom, toggleContentCustom, handleToggleCustom, handleDownloadCsv, onChangeGrade, onChangeOptionDate, renderOption, isSelectMulti, studentList, onSelectStudent, isDetailSurvey }: PROPS_FILTER) => JSX.Element;
 export default CustomFilterMobile;

package/dist/containers/SurveyDashboard/apiClient/surveyService.d.ts

@@ -16,6 +16,7 @@ export declare const shareSurvey: (data: any) => void;
 export declare const importCsv: (formData: FormData) => Promise<import("axios").AxiosResponse<any>>;
 export declare const downloadTemplateFile: () => Promise<import("axios").AxiosResponse<any>>;
 export declare const updateSurvey: (surveyId: number, model: any) => Promise<import("axios").AxiosResponse<any>>;
+export declare const publishSurvey: (surveyId: number) => Promise<import("axios").AxiosResponse<any>>;
 export declare const deleteSurvey: (surveyId: number) => Promise<import("axios").AxiosResponse<any>>;
 export declare const getListExternal: (surveyId: number, params: any) => Promise<import("axios").AxiosResponse<any>>;
 export declare const getListQuestionSurvey: (surveyId: number) => Promise<import("axios").AxiosResponse<any>>;

package/dist/containers/SurveyDashboard/components/CardItemMobile/CardSurveyMobile.d.ts

@@ -1,3 +1,3 @@
 import { CARD_ITEM_PROPS } from "../../configs/typeCardItem";
-declare const CardSurveyMobile: ({ surveyName, students, status, id, statusDetail, avatar, customItemName, customItemIcon, colorStatusDetail, customIconStatus, handleClickAction }: CARD_ITEM_PROPS) => JSX.Element;
+declare const CardSurveyMobile: ({ surveyName, students, status, id, statusDetail, avatar, customItemName, customItemIcon, colorStatusDetail, customIconStatus, handleClickAction, isDraft }: CARD_ITEM_PROPS) => JSX.Element;
 export default CardSurveyMobile;

package/dist/containers/SurveyDashboard/configs/constants.d.ts

@@ -1,4 +1,4 @@
-import { IStudentByAge, ITopMostSurveyUsed, FlagTab, FilterStudentFlag } from "./types";
+import { IStudentByAge, ITopMostSurveyUsed, FlagTab, FilterStudentFlag, GRADES_OPTION } from "./types";
 import { IAnswer } from "./questionModelType";
 export declare const colors: string[];
 export declare const INITIAL_BEST_FRIENDS: {
@@ -20,6 +20,8 @@ export declare const LEARNING_STRATEGY_INIT: {
     learningStrategies: never[];
 };
 export declare const GRAGE_DEFAULT: string[];
+export declare const GRADE_DEFAULT_SURVEY: string[];
+export declare const GRADE_SURVEY: GRADES_OPTION[];
 export declare const INITIAl_COLUNM_CHART_AND_PERCENT: {
     overviewQuestionChoice: never[];
     type: string;

package/dist/containers/SurveyDashboard/configs/typeCardItem.d.ts

@@ -14,4 +14,5 @@ export interface CARD_ITEM_PROPS {
     customItemIcon?: HTMLProps<HTMLButtonElement>;
     customIconStatus?: HTMLProps<HTMLButtonElement>;
     handleClickAction?: any;
+    isDraft?: boolean;
 }

package/dist/containers/SurveyDashboard/configs/types.d.ts

@@ -1,4 +1,5 @@
-import { ISeries } from "../../Dashboard/configs/types";
+import { IFilter, Student } from "../../../utils/type";
+import { ISeries, IShowByLabelBox } from "../../Dashboard/configs/types";
 import { QuestionSummarizeType } from "../../ExternalSurvey/constant/types";
 import { QuestionType } from "./constants";
 import { QUESTION_ADDITIONAL } from "./questionModelType";
@@ -298,6 +299,7 @@ export interface SURVEY_LIST {
     createdBy: string;
     studentIds?: number[];
     anonymousKey: string;
+    isDraft: boolean;
 }
 export interface FILTER_OVERVIEW_SURVEY {
     startDate: number;
@@ -330,14 +332,15 @@ export interface FILTER_SURVEY {
     isSchedule?: boolean;
     flag?: string;
     isMyFavorite?: boolean;
-    grade?: string;
+    grade?: string[];
     optionDate?: string;
+    studentId?: number;
 }
 export interface FILTER_SURVEY_DETAIL {
     searchString?: string;
     startDate?: number | null;
     endDate?: number | null;
-    grade?: string;
+    grade?: string[];
     optionDate?: string;
 }
 export interface SURVEY_RESPONSE {
@@ -598,6 +601,7 @@ export interface FORM_SURVEY {
     studentIds: number[];
     staffIds: string[];
     summarizeQuestions: QuestionSummarizeType[];
+    id?: number;
 }
 export interface STUDENT_SURVEY {
     email: string;
@@ -637,6 +641,7 @@ export interface HOOK_FAVORITE_PROPS {
     handleresetFilterStudent?: Function;
     handleresetFilterStaff?: Function;
     students?: STUDENT_SURVEY_RESPONSE;
+    favoriteId?: number;
 }
 export interface STAFF_SURVEY {
     email: string;
@@ -839,4 +844,38 @@ export interface IBarChartQuestion {
     templateName: string;
     studentAnswers: IStudentAnswers[];
 }
+export interface ILabelBoxSurvey {
+    calendar: ICalenDarLabelBox;
+    calendarTime?: ICalendarTimeLabelBox;
+    gender: IGenderLabelBox;
+    grade: [string];
+    bandScore: number;
+    favoriteSurvey?: number;
+    academicYearId: number;
+    showBy?: IShowByLabelBox;
+}
+export interface PROPS_FILTERS_COMPONENT_SURVEY {
+    teacherId?: number;
+    studentUserId?: string;
+    studentId?: number;
+    teacherUserId?: string;
+    studentDefault?: Student;
+    handleChangeLastYear?: Function;
+    filter?: DashboardFilter;
+    name: string;
+    icon: string;
+    handleChangeFilters: Function;
+    option?: any[];
+    defautl?: number;
+    onChangeFilters?: (filters: IFilter) => void;
+    academicYearId?: number;
+    btnStyle?: any;
+    changeCurrentTeacherUserId?: (userId: string) => void;
+    setLabelBox: Function;
+    labelBox: ILabelBoxSurvey;
+}
+export interface GRADES_OPTION {
+    label: string;
+    value: string;
+}
 export {};

package/dist/containers/SurveyDashboard/hooks/useChartDatas.d.ts

@@ -1,10 +1,10 @@
 /// <reference types="react" />
-import { PROPS_FILTERS_COMPONENT } from "../../../utils/type";
+import { PROPS_FILTERS_COMPONENT_SURVEY } from "../configs/types";
 declare const useChartDatas: () => {
     user: any;
     filter: import("../configs/types").DashboardFilter;
-    LIST_FILTERS_LEFT: PROPS_FILTERS_COMPONENT[];
-    LIST_FILTERS_RIGHT: PROPS_FILTERS_COMPONENT[];
+    LIST_FILTERS_LEFT: PROPS_FILTERS_COMPONENT_SURVEY[];
+    LIST_FILTERS_RIGHT: PROPS_FILTERS_COMPONENT_SURVEY[];
     totalCardData: ({
         icon: string;
         title: string;

package/dist/containers/SurveyDashboard/hooks/useCreateSurvey.d.ts

@@ -25,7 +25,7 @@ declare const useListSurveyDetail: () => {
     setOpenModelSelectTemplate: import("react").Dispatch<import("react").SetStateAction<boolean>>;
     handleInsertQuestion: () => void;
     handleToggleButtonHeader: () => boolean;
-    handleCreateSurvey: () => Promise<void>;
+    handleCreateSurvey: (isDraft?: boolean | undefined) => Promise<void>;
     handleCloseModelEdit: () => void;
     setContentModelQuestion: import("react").Dispatch<import("react").SetStateAction<CONTENT_MODEL_QUESTION>>;
     handleSelectQuestion: (question: import("../configs/types").QUESTION_TEMPLATE) => void;

package/dist/containers/SurveyDashboard/hooks/useListFavoriteSurvey.d.ts

@@ -1,5 +1,5 @@
 import { FILTER_SURVEY, HOOK_FAVORITE_PROPS, SURVEY_RESPONSE } from "../configs/types";
-declare const useListFavoriteSurvey: ({ setDataFormCreateSurvey, handleresetFilterStudent, handleresetFilterStaff, students }: HOOK_FAVORITE_PROPS) => {
+declare const useListFavoriteSurvey: ({ setDataFormCreateSurvey, handleresetFilterStudent, handleresetFilterStaff, students, favoriteId }: HOOK_FAVORITE_PROPS) => {
     filterFavorite: FILTER_SURVEY;
     favoriteItem: SURVEY_RESPONSE | undefined;
     handleChangeRowsPerPageFavorite: (event: React.ChangeEvent<HTMLInputElement>) => void;

package/dist/containers/SurveyDashboard/hooks/useListSurvey.d.ts

@@ -1,9 +1,9 @@
 /// <reference types="react" />
-import { FILTER_SURVEY, SURVEY_RESPONSE, TOTAL_TYPE } from "../configs/types";
+import { FILTER_SURVEY, SURVEY_LIST, SURVEY_RESPONSE, TOTAL_TYPE } from "../configs/types";
 import { TYPE_SURVEY_OPTION } from "../configs/constants";
 import { MaterialUiPickersDate } from "@material-ui/pickers/typings/date";
 declare const useListSurvey: (pageSize?: number | undefined) => {
-    itemSelectedId: number;
+    itemSelected: SURVEY_LIST | null;
     itemSelectedStudentId: number;
     changeFilters: (updatedFilters: any) => void;
     filters: FILTER_SURVEY;
@@ -32,7 +32,7 @@ declare const useListSurvey: (pageSize?: number | undefined) => {
     anchorEl: HTMLButtonElement | null;
     popoverId: string | undefined;
     openPopover: boolean;
-    handleClickAction: (event: React.MouseEvent<HTMLButtonElement>, id: number, studentId?: number | undefined) => void;
+    handleClickAction: (event: React.MouseEvent<HTMLButtonElement>, survey: SURVEY_LIST, studentId?: number | undefined) => void;
     handleCloseAction: () => void;
     handleDownloadCsv: () => void;
     handleDownloadCsvSurvey: (id: number) => void;
@@ -47,7 +47,11 @@ declare const useListSurvey: (pageSize?: number | undefined) => {
     goToTemplateSurvey: () => void;
     goToDashboardSurvey: () => void;
     goToSurveyList: () => void;
-    handleChangeGrade: (grade: string) => void;
+    handleChangeGrade: (grade: string[]) => void;
     onChangeOptionDate: (option: string) => void;
+    dataStudents: never[];
+    handleChangeStudent: (studentId: any) => void;
+    onEditSurvey: (id: number) => void;
+    handlePublishSurvey: (surveyId: any) => Promise<void>;
 };
 export default useListSurvey;

package/dist/containers/SurveyDashboard/hooks/useSurveyDetail.d.ts

@@ -60,9 +60,15 @@ declare const useSurveyDetail: () => {
     filters: FILTER_SURVEY_DETAIL;
     handleChangeEndDate: (date: MaterialUiPickersDate | null) => void;
     handleChangeStartDate: (date: MaterialUiPickersDate | null) => void;
-    handleChangeGrade: (grade: string) => void;
+    handleChangeGrade: (grade: string[]) => void;
     onChangeOptionDate: (option: string) => void;
     handleChangeInputSearch: (event: React.ChangeEvent<HTMLInputElement>) => void;
     inputSearch: import("react").MutableRefObject<any>;
+    handleChangeStudent: (student: any) => void;
+    dataStudentSurvey: never[];
+    isShowFilter: boolean;
+    handleShowFilter: () => void;
+    isShowFilterCalendar: boolean;
+    handleShowFilterCalendar: () => void;
 };
 export default useSurveyDetail;

package/dist/index.css

@@ -167,13 +167,13 @@ tbody._b-AXV tr {
     max-width: 218px;
 }
 
-._1cx7c > input {
+._1cx7c>input {
     border: none;
     outline: none;
     box-shadow: none;
 }
 
-._1cx7c > input:focus {
+._1cx7c>input:focus {
     outline: none;
     box-shadow: none;
 }
@@ -1366,6 +1366,20 @@ tbody._b-AXV tr {
     }
 }
 
+@media (max-width: 767px) {
+    ._3QFAQ {
+        height: auto;
+        flex-direction: column;
+        border-radius: 8px;
+        width: auto;
+        border: none;
+    }
+
+    ._37Lm- {
+        padding: 20px;
+    }
+}
+
 /* CSS */
 ._3m2ZU input::-webkit-calendar-picker-indicator {
     display: none;
@@ -1416,6 +1430,7 @@ datalist option:focus {
     height: 40px;
 
 }
+
 ._G7wNn {
     font-size: 18px;
     margin-right: 8px;
@@ -5154,6 +5169,11 @@ h6._3zOGW {
   color: #242424 !important;
 }
 
+._32Wr6._5PwwG {
+  background: #EEE8A9 !important;
+  color: #242424 !important;
+}
+
 ._2WxS_ {
   padding: 4px 20px !important;
   border-radius: 70px;
@@ -12975,6 +12995,13 @@ p._1YLGi {
   border-radius: 12px;
   height: 50px;
   width: 100%; }
+  @media (max-width: 767px) {
+    ._1SOsh {
+      height: auto;
+      flex-direction: column;
+      padding: 8px;
+      border-radius: 8px;
+      width: auto; } }
   ._1SOsh ._Od6MC {
     position: absolute;
     left: 10px;