mario-education 2.4.524-feedback → 2.4.525-feedback

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

@@ -40,6 +40,8 @@ interface PROPS_FILTER {
     handleDownloadCsv?: any;
     onChangeOptionDate?: Function;
     renderOption?: string;
+    isSelectMulti?: boolean;
+    isDetailSurvey?: 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, isDetailSurvey }: 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/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/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";
@@ -331,8 +332,9 @@ 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;
@@ -842,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/useListSurvey.d.ts

@@ -47,8 +47,10 @@ 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>;
 };

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;
@@ -12980,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;