mario-education 2.4.17-beta → 2.4.20-beta

package/dist/MarioFramework.Education/ClientApp/src/containers/Classes/components/StudentItemSelector.d.ts

@@ -4,6 +4,7 @@ interface Props {
     onChange: any;
     externalStudentIds?: number[];
     studentDefault?: Student;
+    teacherUserId?: string;
 }
 export interface Student {
     studentId: number;
@@ -12,6 +13,8 @@ export interface Student {
     id: string;
     label?: string;
     value?: string;
+    gender?: string;
+    mtss?: string;
 }
 declare const StudentItemSelector: FC<Props>;
 export default StudentItemSelector;

package/dist/MarioFramework.Education/ClientApp/src/containers/Classes/components/TeacherItemSelector.d.ts

@@ -2,10 +2,12 @@ import { FC } from "react";
 interface Props {
     defaultValue: number | null | undefined;
     onChange: Function;
+    studentUserId: string;
 }
 export interface Option {
     label: string;
     value: number;
+    teacherUserId: string;
 }
 declare const TeacherItemSelector: FC<Props>;
 export default TeacherItemSelector;

package/dist/MarioFramework.Education/ClientApp/src/containers/Dashboard/configs/utils.d.ts

@@ -18,7 +18,7 @@ export declare const activityCircleItems: ({ like, love, interested, curious }:
     width: number;
     height: number;
 }[];
-export declare const gradeOptions: (grades: string[]) => IOptionSelector[];
+export declare const gradeOptions: (grades: string[], studentUserId?: string | undefined) => IOptionSelector[];
 export declare const genderOptions: {
     value: LegalGenderType;
     label: string;

package/dist/MarioFramework.Education/ClientApp/src/containers/Dashboard/hooks/useDashboard.d.ts

@@ -25,5 +25,9 @@ declare const useDashboard: () => {
     studentId: number;
     setStudentId: import("react").Dispatch<import("react").SetStateAction<number>>;
     onFilter: () => void;
+    studentUserId: string;
+    setStudentUserId: import("react").Dispatch<import("react").SetStateAction<string>>;
+    teacherUserId: string;
+    setTeacherUserId: import("react").Dispatch<import("react").SetStateAction<string>>;
 };
 export default useDashboard;

package/dist/MarioFramework.Education/ClientApp/src/services/classService.d.ts

@@ -5,5 +5,5 @@ export declare const create: (data: any) => Promise<import("axios").AxiosRespons
 export declare const update: (data: any) => Promise<import("axios").AxiosResponse<any>>;
 export declare const remove: (id: number) => Promise<import("axios").AxiosResponse<any>>;
 export declare const getStudents: (classId: number) => Promise<import("axios").AxiosResponse<any>>;
-export declare const getAllStudents: (searchString: string) => Promise<import("axios").AxiosResponse<any>>;
-export declare const getAllTeachers: () => Promise<import("axios").AxiosResponse<any>>;
+export declare const getAllStudents: (searchString?: string | undefined, userId?: string | undefined) => Promise<import("axios").AxiosResponse<any>>;
+export declare const getAllTeachers: (studentUserId?: string | undefined) => Promise<import("axios").AxiosResponse<any>>;

package/dist/MarioFramework.Education/ClientApp/src/services/dashboardService.d.ts

@@ -16,4 +16,4 @@ export declare const getActivityCircleItems: (filter: any) => Promise<import("ax
 export declare const getStudentBySpecialNeed: (filter: any) => Promise<import("axios").AxiosResponse<any>>;
 export declare const getStudentByAge: (filter: any) => Promise<import("axios").AxiosResponse<any>>;
 export declare const getStudentByGender: (filter: any) => Promise<import("axios").AxiosResponse<any>>;
-export declare const getGrades: () => Promise<import("axios").AxiosResponse<any>>;
+export declare const getGrades: (studentUserId: string) => Promise<import("axios").AxiosResponse<any>>;

package/dist/index.css

@@ -293,8 +293,15 @@ h6._3zOGW {
 
 ._2PMoX {
     height: auto;
-    width: auto;
-    max-width: 315px;
+    width: 100%;
+    -o-object-fit: scale-down;
+       object-fit: scale-down;
+}
+._2PMoX._3ZX0b {
+    height: 300px;
+    width: 100%;
+    -o-object-fit: scale-down;
+       object-fit: scale-down;
 }
 
 ._2asi- ._muT01 ._35BzZ {
@@ -310,7 +317,7 @@ h6._3zOGW {
         max-width: 60%;
     }
     ._16MpB {
-        max-width: 70%;
+        max-width: 55%;
     }
 }
 

package/dist/index.js

@@ -77,15 +77,20 @@ var remove = function remove(id) {
 var getStudents = function getStudents(classId) {
   return marioCore.api.get(CLASS_URL + "/" + classId + "/students");
 };
-var getAllStudents = function getAllStudents(searchString) {
+var getAllStudents = function getAllStudents(searchString, userId) {
   return marioCore.api.get(STUDENT_URL + "/allstudents", {
     params: {
-      searchString: searchString
+      searchString: searchString,
+      userId: userId
     }
   });
 };
-var getAllTeachers = function getAllTeachers() {
-  return marioCore.api.get(TEACHER_URL);
+var getAllTeachers = function getAllTeachers(studentUserId) {
+  return marioCore.api.get(TEACHER_URL, {
+    params: {
+      studentUserId: studentUserId
+    }
+  });
 };
 
 var StudentSelector = function StudentSelector(_ref) {
@@ -19061,8 +19066,12 @@ var getStudentByGender = function getStudentByGender(filter) {
     params: filter
   });
 };
-var getGrades = function getGrades() {
-  return marioCore.api.get(REPORT_URL + "/grade-levels");
+var getGrades = function getGrades(studentUserId) {
+  return marioCore.api.get(REPORT_URL + "/grade-levels", {
+    params: {
+      studentUserId: studentUserId
+    }
+  });
 };
 
 var LegalGenderType;
@@ -19187,6 +19196,14 @@ var useDashboard = function useDashboard() {
       topSkill = _useState19[0],
       setTopSkill = _useState19[1];
 
+  var _useState20 = React.useState(""),
+      teacherUserId = _useState20[0],
+      setTeacherUserId = _useState20[1];
+
+  var _useState21 = React.useState(""),
+      studentUserId = _useState21[0],
+      setStudentUserId = _useState21[1];
+
   var callApi = React.useCallback(function (apiCaller, setData, defaultData, type) {
     try {
       var _temp2 = _catch(function () {
@@ -19237,7 +19254,7 @@ var useDashboard = function useDashboard() {
     return hTime;
   };
 
-  var callApiNoFilter = function callApiNoFilter(apiCaller, setData, defaultData) {
+  var callApiByStudentUserId = function callApiByStudentUserId(apiCaller, setData, studentUserId, defaultData) {
     try {
       var _temp5 = function _temp5() {
         dispatch(marioCore.setLoading(false));
@@ -19246,7 +19263,7 @@ var useDashboard = function useDashboard() {
       dispatch(marioCore.setLoading(true));
 
       var _temp6 = _catch(function () {
-        return Promise.resolve(apiCaller()).then(function (res) {
+        return Promise.resolve(apiCaller(studentUserId)).then(function (res) {
           res && setData(res.data);
         });
       }, function (err) {
@@ -19285,8 +19302,8 @@ var useDashboard = function useDashboard() {
     getData();
   }, []);
   React.useEffect(function () {
-    callApiNoFilter(getGrades, setGrades, []);
-  }, []);
+    callApiByStudentUserId(getGrades, setGrades, studentUserId, []);
+  }, [studentUserId]);
   return {
     setFilter: setFilter,
     filter: filter,
@@ -19311,11 +19328,15 @@ var useDashboard = function useDashboard() {
     setTeacherId: setTeacherId,
     studentId: studentId,
     setStudentId: setStudentId,
-    onFilter: onFilter
+    onFilter: onFilter,
+    studentUserId: studentUserId,
+    setStudentUserId: setStudentUserId,
+    teacherUserId: teacherUserId,
+    setTeacherUserId: setTeacherUserId
   };
 };
 
-var styles$1 = {"dashboard-card":"_1Jgr2","quantity-table":"_3Thdy","size-icon":"_1WLBo","block-dashboard":"_10Pgm","size-arrow":"_3jPb_","color-down":"_1c43y","color-up":"_F1afY","box-filter":"_1kqUQ","title-card":"_10hbz","value-card":"_2rmw_","deviant-card":"_1tdQu","filter-card":"_2BvFN","box-skill-item":"_2TBTW","numerical-order":"_3XXJp","backoround-top-skill":"_LCuWQ","color-filter":"_3x9D7","btn-filter":"_2In63","block-collapse":"_1Vhg_","form-date-picker":"_6yLxd","bock-filter-left":"_h74SO","bock-filter-right":"_3e2pi","form-filter-right":"_ntUB6","form-filter-left":"_1DlZ4","bock-filter-wrap":"_1tYDM","title-card-box":"_3hSow","box-item":"_1yuC9","image-no-data":"_2PMoX","chart-data":"_2asi-","apexcharts-datalabels":"_muT01","apexcharts-pie-label":"_35BzZ","image-custom":"_3pkbc","image-special-need":"_16MpB","title-dashboard":"_CHu-i","box-chart":"_3Y-Dd","block-filter-right":"_1YJnk"};
+var styles$1 = {"dashboard-card":"_1Jgr2","quantity-table":"_3Thdy","size-icon":"_1WLBo","block-dashboard":"_10Pgm","size-arrow":"_3jPb_","color-down":"_1c43y","color-up":"_F1afY","box-filter":"_1kqUQ","title-card":"_10hbz","value-card":"_2rmw_","deviant-card":"_1tdQu","filter-card":"_2BvFN","box-skill-item":"_2TBTW","numerical-order":"_3XXJp","backoround-top-skill":"_LCuWQ","color-filter":"_3x9D7","btn-filter":"_2In63","block-collapse":"_1Vhg_","form-date-picker":"_6yLxd","bock-filter-left":"_h74SO","bock-filter-right":"_3e2pi","form-filter-right":"_ntUB6","form-filter-left":"_1DlZ4","bock-filter-wrap":"_1tYDM","title-card-box":"_3hSow","box-item":"_1yuC9","image-no-data":"_2PMoX","image-grade":"_3ZX0b","chart-data":"_2asi-","apexcharts-datalabels":"_muT01","apexcharts-pie-label":"_35BzZ","image-custom":"_3pkbc","image-special-need":"_16MpB","title-dashboard":"_CHu-i","box-chart":"_3Y-Dd","block-filter-right":"_1YJnk"};
 
 var DashboardCard = function DashboardCard(_ref) {
   var label = _ref.label,
@@ -19409,8 +19430,11 @@ var activityCircleItems = function activityCircleItems(_ref2) {
     height: 150
   }];
 };
-var gradeOptions = function gradeOptions(grades) {
-  return grades.map(function (grade, index) {
+var gradeOptions = function gradeOptions(grades, studentUserId) {
+  var result = !studentUserId ? GRAGE_DEFAULT : GRAGE_DEFAULT.filter(function (val) {
+    return grades.indexOf(val) != -1;
+  });
+  return result.map(function (grade, index) {
     return {
       label: grade,
       value: index
@@ -20016,7 +20040,7 @@ var CustomBarChart = function CustomBarChart(_ref) {
       offsetX: 20,
       markers: {
         width: 12,
-        radius: 0
+        radius: 3
       }
     },
     stroke: {
@@ -20025,7 +20049,7 @@ var CustomBarChart = function CustomBarChart(_ref) {
     markers: {
       size: 5
     },
-    colors: ["#40D2CC", "#78B6E2", "#FFB04F", "#78B6E2", "#0D9994", "#1C77AC", "#4992BD", "#77ADCD", "#3DCBCB", "#1DBAB4", "#61CBCB"],
+    colors: ["#40D2CC", "#78B6E2", "#FFB04F", "#CE4A49", "#1CB7B1", "#4B92CE", "#F09422", "#A23333", "#0D9994", "#1D74C5", "#DD7B00"],
     xaxis: {
       categories: chatMonth
     },
@@ -20144,7 +20168,7 @@ var StudentByGrade = function StudentByGrade(_ref) {
   }) : React__default.createElement("div", {
     className: "d-flex justify-content-center align-items-center"
   }, React__default.createElement("img", {
-    className: "" + styles$1["image-no-data"],
+    className: styles$1["image-no-data"] + " " + styles$1["image-grade"],
     src: "images/grade.png"
   })));
 };
@@ -20400,7 +20424,8 @@ var CircleChart = function CircleChart(_ref) {
 
 var TeacherItemSelector = function TeacherItemSelector(_ref) {
   var defaultValue = _ref.defaultValue,
-      onChange = _ref.onChange;
+      onChange = _ref.onChange,
+      studentUserId = _ref.studentUserId;
 
   var _useState = React.useState([]),
       options = _useState[0],
@@ -20409,11 +20434,12 @@ var TeacherItemSelector = function TeacherItemSelector(_ref) {
   var getData = React.useCallback(function () {
     try {
       var _temp2 = _catch(function () {
-        return Promise.resolve(getAllTeachers()).then(function (res) {
+        return Promise.resolve(getAllTeachers(studentUserId)).then(function (res) {
           setOptions(res.data.map(function (item) {
             return {
               value: item.teacherId,
-              label: item.name + " (" + item.email + ")"
+              label: item.name + " (" + item.email + ")",
+              teacherUserId: item.userId
             };
           }));
         });
@@ -20427,10 +20453,10 @@ var TeacherItemSelector = function TeacherItemSelector(_ref) {
     } catch (e) {
       return Promise.reject(e);
     }
-  }, []);
+  }, [studentUserId]);
   React.useEffect(function () {
     getData();
-  }, []);
+  }, [studentUserId]);
   var value = defaultValue && options.filter(function (option) {
     return option.value === defaultValue;
   }) || null;
@@ -20504,7 +20530,8 @@ var StudentItemSelector = function StudentItemSelector(_ref) {
   var value = _ref.value,
       onChange = _ref.onChange,
       externalStudentIds = _ref.externalStudentIds,
-      studentDefault = _ref.studentDefault;
+      studentDefault = _ref.studentDefault,
+      teacherUserId = _ref.teacherUserId;
   var dispatch = reactRedux.useDispatch();
 
   var _useState = React.useState([]),
@@ -20531,7 +20558,7 @@ var StudentItemSelector = function StudentItemSelector(_ref) {
       var _temp5 = _catch(function () {
         var _temp = function () {
           if (!value) {
-            return Promise.resolve(getAllStudents(searchString)).then(function (res) {
+            return Promise.resolve(getAllStudents(searchString, teacherUserId)).then(function (res) {
               setStudents(res.data);
             });
           }
@@ -20570,7 +20597,9 @@ var StudentItemSelector = function StudentItemSelector(_ref) {
       studentId: student.studentId,
       email: student.email,
       fullName: student.fullName,
-      id: student.id
+      id: student.id,
+      gender: student.gender,
+      mtss: student.mtss
     };
   });
   return React__default.createElement(marioCore.CustomSelector, {
@@ -20612,7 +20641,11 @@ var Dashboard = function Dashboard() {
       setTeacherId = _useDashboard.setTeacherId,
       studentId = _useDashboard.studentId,
       setStudentId = _useDashboard.setStudentId,
-      onFilter = _useDashboard.onFilter;
+      onFilter = _useDashboard.onFilter,
+      studentUserId = _useDashboard.studentUserId,
+      setStudentUserId = _useDashboard.setStudentUserId,
+      teacherUserId = _useDashboard.teacherUserId,
+      setTeacherUserId = _useDashboard.setTeacherUserId;
 
   var user = reactRedux.useSelector(function (state) {
     return state.common.user;
@@ -20622,11 +20655,19 @@ var Dashboard = function Dashboard() {
       studentDefault = _useState[0],
       setStudentDefault = _useState[1];
 
+  var _useState2 = React.useState(""),
+      genderOfStudent = _useState2[0],
+      setGenderOfStudent = _useState2[1];
+
+  var _useState3 = React.useState(""),
+      mtss = _useState3[0],
+      setMtss = _useState3[1];
+
   var questionOneToOne = ["Well-being", "Growth", "Relations", "Productivity", "Academic", "Self-Efficacy", "Happiness", "Energy", "Focus"];
   var questionClassReflection = ["Focus", "Energy", "Happiness", "Stress", "Productivity"];
-  var questionConferences = ["Organization", "Self-Awareness", "Self-Directed Learning", "Self-Management", "Self-Management", "Self-Advocacy"];
+  var questionConferences = ["Organization", "Self-Awareness", "Self-Directed Learning", "Self-Management", "Self-Advocacy", "Goal Progress"];
   var listChartLeft = [{
-    label: "Top learning strategies",
+    label: "Learning strategies",
     children: React__default.createElement(TopLearningStrategy, {
       data: topLearningStrategies
     })
@@ -20783,11 +20824,13 @@ var Dashboard = function Dashboard() {
       setFilter(_extends({}, filter, {
         teacherId: option ? option.value : undefined
       }));
+      setTeacherUserId(option.teacherUserId);
     } else {
       setTeacherId(0);
       setFilter(_extends({}, filter, {
         teacherId: undefined
       }));
+      setTeacherUserId("");
     }
   };
 
@@ -20801,8 +20844,11 @@ var Dashboard = function Dashboard() {
 
   var handleFilterStudent = function handleFilterStudent(option) {
     if (option != null) {
+      setStudentUserId(option.id);
       setTeacherId(0);
       setStudentId(option.value);
+      setGenderOfStudent(option.gender);
+      setMtss(option.mtss);
       setStudentDefault(option);
       setFilter(_extends({}, filter, {
         gender: [LegalGenderType.Male, LegalGenderType.Female],
@@ -20815,6 +20861,9 @@ var Dashboard = function Dashboard() {
     }
 
     setStudentId(0);
+    setMtss("");
+    setStudentUserId("");
+    setGenderOfStudent("");
     setStudentDefault(undefined);
     setFilter(_extends({}, filter, {
       gender: [LegalGenderType.Male, LegalGenderType.Female],
@@ -20879,30 +20928,38 @@ var Dashboard = function Dashboard() {
     className: "" + styles$1["form-filter-left"]
   }, React__default.createElement(TeacherItemSelector, {
     onChange: handleFilterTeacher,
-    defaultValue: teacherId
+    defaultValue: teacherId,
+    studentUserId: studentUserId
   })), React__default.createElement("div", {
     className: "" + styles$1["form-filter-left"]
   }, React__default.createElement(StudentItemSelector, {
     onChange: handleFilterStudent,
     value: studentId,
-    studentDefault: studentDefault
+    studentDefault: studentDefault,
+    teacherUserId: teacherUserId
   })), React__default.createElement("div", {
     className: "" + styles$1["form-filter-left"]
   }, React__default.createElement(InputSelector, {
-    options: genderOptions,
+    options: !genderOfStudent ? genderOptions : [{
+      value: 1,
+      label: genderOfStudent
+    }],
     onChange: handleFilterGender,
     placeholder: "Select Gender"
   })), React__default.createElement("div", {
     className: "" + styles$1["form-filter-left"]
   }, React__default.createElement(InputSelector, {
-    options: gradeOptions(grades),
+    options: gradeOptions(grades, studentUserId),
     onChange: handleFilterGrades,
     placeholder: "Select Grade",
     isMultiSelect: true
   })), React__default.createElement("div", {
     className: "" + styles$1["form-filter-left"]
   }, React__default.createElement(InputSelector, {
-    options: mtssOptions,
+    options: !mtss ? mtssOptions : [{
+      label: mtss,
+      value: 1
+    }],
     onChange: handleFilterMtss,
     placeholder: "Select MTSS"
   })), React__default.createElement("div", {