mario-education 2.4.19-beta → 2.4.20-beta

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

@@ -13,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/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/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

@@ -19336,7 +19336,7 @@ var useDashboard = function useDashboard() {
   };
 };
 
-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,
@@ -19430,8 +19430,8 @@ var activityCircleItems = function activityCircleItems(_ref2) {
     height: 150
   }];
 };
-var gradeOptions = function gradeOptions(grades) {
-  var result = GRAGE_DEFAULT.filter(function (val) {
+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) {
@@ -20168,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"
   })));
 };
@@ -20597,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, {
@@ -20653,6 +20655,14 @@ 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-Advocacy", "Goal Progress"];
@@ -20837,6 +20847,8 @@ var Dashboard = function Dashboard() {
       setStudentUserId(option.id);
       setTeacherId(0);
       setStudentId(option.value);
+      setGenderOfStudent(option.gender);
+      setMtss(option.mtss);
       setStudentDefault(option);
       setFilter(_extends({}, filter, {
         gender: [LegalGenderType.Male, LegalGenderType.Female],
@@ -20849,7 +20861,9 @@ var Dashboard = function Dashboard() {
     }
 
     setStudentId(0);
+    setMtss("");
     setStudentUserId("");
+    setGenderOfStudent("");
     setStudentDefault(undefined);
     setFilter(_extends({}, filter, {
       gender: [LegalGenderType.Male, LegalGenderType.Female],
@@ -20926,20 +20940,26 @@ var Dashboard = function Dashboard() {
   })), 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", {