mario-education 2.4.24-beta → 2.4.26-admin

package/dist/MarioFramework.Education/ClientApp/src/containers/SessionTemplate/hooks/useSessionTemplateDetail.d.ts

@@ -19,7 +19,7 @@ declare type QuestionSimple = {
     text: string;
     isDefaultQuestion: boolean;
 };
-declare const useSessionTemplateDetail: (id?: import("yup/lib/types").Maybe<number>) => {
+declare const useSessionTemplateDetail: (id?: number | null | undefined) => {
     sessionTemplateDetail: SessionTemplateDetail;
     defaultTeacherQuestions: QuestionSimple[];
     defaultStudentQuestions: QuestionSimple[];

package/dist/MarioFramework.Education/ClientApp/src/containers/SessionTemplateGeneralClass/hooks/useSessionTemplateGeneralClassDetail.d.ts

@@ -12,7 +12,7 @@ declare type QuestionSimple = {
     id: number;
     text: string;
 };
-declare const useSessionTemplateGeneralClassDetail: (id?: import("yup/lib/types").Maybe<number>) => {
+declare const useSessionTemplateGeneralClassDetail: (id?: number | null | undefined) => {
     sessionTemplateGeneralClassDetail: SessionTemplateGeneralClassDetail;
     teacherQuestions: QuestionSimple[];
     studentQuestions: QuestionSimple[];

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

@@ -17,3 +17,4 @@ export declare const getStudentBySpecialNeed: (filter: any) => Promise<import("a
 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: (studentUserId: string) => Promise<import("axios").AxiosResponse<any>>;
+export declare const getBandScore: () => Promise<import("axios").AxiosResponse<any>>;

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

@@ -0,0 +1,5 @@
+import { IDesignation, IFilter } from "../utils/serviceType.interface";
+export declare const getDesignationsRequest: (filter: IFilter) => Promise<import("axios").AxiosResponse<any>>;
+export declare const createDesignationRequest: (data: IDesignation) => Promise<import("axios").AxiosResponse<any>>;
+export declare const deleteDesignationRequest: (id: number) => Promise<import("axios").AxiosResponse<any>>;
+export declare const verifyDesignationRequest: (id: number, data: IDesignation) => Promise<import("axios").AxiosResponse<any>>;

package/dist/MarioFramework.Education/ClientApp/src/utils/constants.d.ts

@@ -5,3 +5,12 @@ export declare const CONFERENCE_RUBRIC_TYPES: {
     HabitsAttitudesTowardsLearning: string;
     Custom: string;
 };
+export declare const GENDER_FILTER: string[];
+export declare enum FILTER_NAME {
+    Calendar = "Calendar",
+    Gender = "Gender",
+    Grade = "Grade",
+    BandScore = "Current Grade",
+    StudentName = "Student name",
+    TeacherName = "Teacher name"
+}

package/dist/MarioFramework.Education/ClientApp/src/utils/serviceType.interface.d.ts

@@ -6,3 +6,18 @@ export interface IStudentWidthAssistant {
     searchString?: string;
     pageSize?: number;
 }
+export interface IFilter {
+    currentPage?: number;
+    pageSize?: number;
+}
+export interface IDesignation {
+    id?: number;
+    name: string;
+}
+export interface IDesignationReponse {
+    currentPage: number;
+    items: IDesignation[];
+    pageSize: number;
+    totalItems: number;
+    totalPages: number;
+}

package/dist/MarioFramework.Education/ClientApp/src/utils/type.d.ts

@@ -0,0 +1,53 @@
+import { DashboardFilter } from "../containers/Dashboard/configs/types";
+export interface Student {
+    studentId: number;
+    email: string;
+    fullName: string;
+    id: string;
+    label?: string;
+    value?: string;
+    gender?: string;
+    mtss?: string;
+}
+export interface IFilter {
+    startDate?: number;
+    endDate?: number;
+    gender?: number[];
+    grade?: string[];
+    bandScore?: string;
+}
+export interface PROPS_FILTERS_COMPONENT {
+    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;
+}
+export interface BAND_SCORE {
+    label: string;
+    value: number;
+}
+export interface GRADES {
+    label: string;
+    value: number;
+}
+export declare enum LegalGenderType {
+    Male = 0,
+    Female = 1
+}
+export interface genderOptions {
+    value: any;
+    label: string;
+}
+export interface LAST_YEAR {
+    label: string;
+    value: number;
+}

package/dist/index.css

@@ -4,7 +4,6 @@
     --custom-blue: #0090e3;
 }
 
-
 ._3ybTi {
     margin: 2em;
     padding: 0.5em;
@@ -102,8 +101,78 @@ tbody._b-AXV tr {
 
 ._33tYy {
     background-color: var(--custom-blue);
-    color: white
+    color: white;
+}
+
+._2VZin {
+    background: #fff;
+    border: 1px solid rgba(51, 51, 51, 0.1);
+    border-radius: 6px;
+    padding: 10px 17px;
+    margin-bottom: 10px;
+}
+
+._1d6uY {
+    margin-right: 10px;
+    position: relative;
+}
+
+._1d6uY:last-child {
+    margin-right: 0;
+}
+
+._1XSIo {
+ position: absolute;
+ width:100%;
+ z-index: 100;
+}
+
+._3o8gR {
+  display: none;
+}
+
+._3ru37 {
+    background: #ffff;
+    border-radius: 4px;
+    min-width: 160px;
+    padding: 5px 0px 12px;
+    overflow: auto;
+    overflow-x: hidden;
+    border: 1px solid rgba(51, 51, 51, 0.1);
+    box-shadow: 0px 4px 23px rgba(0, 0, 0, 0.05);
+}
+
+._1tQvL {
+    position: absolute;
+    opacity: 0;
+    visibility: hidden;
+}
+
+._1tQvL:checked + ._3VNX5::before {
+    border: 0.35rem solid #3c65e0;
 }
+
+._3VNX5::before {
+    display: inline-block;
+    content: "";
+    height: 1.25rem;
+    width: 1.25rem;
+    margin-right: 0.625rem;
+    border: 0.1rem solid #cccccc;
+    background: #fcfcfc;
+    border-radius: 50%;
+}
+
+._3VNX5 {
+    display: flex;
+    align-items: center;
+    margin: 15px 0;
+}
+
+._3VNX5 > p {
+    margin-bottom: 0;
+}
+
 ._3DVMZ {
   display: flex;
   flex: 0 0 17%;
@@ -165,7 +234,7 @@ h6._3zOGW {
 }
 
 ._10hbz {
-    font-weight: 400;
+    font-weight: bold;
     font-size: 14px;
     line-height: 16px;
 }
@@ -281,7 +350,14 @@ h6._3zOGW {
 }
 
 ._1yuC9 {
-    min-width: 220px;
+    min-width: 255px;
+    flex-basis: 19%;
+}
+._1yuC9 ._10hbz {
+  font-family: 'Roboto';
+  font-weight: 500;
+  font-size: 14px;
+  line-height: 16px;
 }
 ._1yuC9:last-child {
     padding: 1.2rem !important;
@@ -296,6 +372,7 @@ h6._3zOGW {
     width: 100%;
     -o-object-fit: scale-down;
        object-fit: scale-down;
+    max-height: 300px;
 }
 ._2PMoX._3ZX0b {
     height: 300px;
@@ -347,160 +424,332 @@ h6._3zOGW {
   }
 }
 
-._2Q9xO{
-  border-radius: 50%;
+
+/* new design; */
+._2eMbe{
+  box-shadow: 6px 0 18px rgb(0 0 0 / 6%);
+}
+._6ZvFg {
+  border-radius: 8px;
+  overflow: hidden;
+  position: relative;
+}
+
+._24CNV._6ZvFg::after {
+  content: "";
+  width: 1px;
+  height: 100%;
+  position: absolute;
+  top: 0;
+  left: 50%;
+  transform: translate(-50%,0);
+  display: block;
+  background: rgba(51, 51, 51, 0.1);
+}
+
+._6ZvFg
+._2vtSi{
+  background: #FFFFFF;
+  border-radius: 8px;
+  padding: 20px;
+  cursor: pointer;
+}
+._IpsVf{
+
+}
+._IpsVf ._gzxWe{
+  color: "#B2B2B2";
+  font-size: 18px;
+}
+
+._2vtSi ._37IcR{
+  color: #D9D9D9;
+  display:flex;
+  align-items: center;
+}
+
+._2vtSi ._2G6Wz{
+  font-weight: 700;
+  font-size: 18px;
+  letter-spacing: 0.01em;
+  color: #262626;
+  font-family: "Roboto";
+}
+._2vtSi ._IpsVf {
   display: flex;
   align-items: center;
-  justify-content: center;
-  padding: 15px;
 }
-._2Q9xO._3r61v ._2b1Cw h2,
-._2Q9xO._2Nlax ._2b1Cw h2{
-    font-size: 12px;
+
+._3xpNv {
+    border-radius: 4px;
+    background: #ffff;
 }
 
-._2Q9xO ._2b1Cw {
-  text-align: center;
+._3H5Ly {
+    padding: 6px 12px;
+    border-radius: 0 4px 4px 0;
+    background: #1DBAB4;
+    color: #ffff;
 }
-._2Q9xO ._2b1Cw h2 {
-  font-size: 18px;
+
+._J_n-D {
+    padding: 6px;
+    border-radius: 4px 0 0 4px;
+    background: #1CA9A4;
+}
+
+._2vtSi ._3AALV{
+  font-size: 16px;
+}
+._g5-bn ._2htKu{
+  cursor: pointer;
+}
+
+._2htKu svg{
+    width: 20px !important;
+    height: auto !important;
+}
+
+._2vtSi ._1qXAT{
   font-weight: 400;
+  font-size: 16px;
+  line-height: 100%;
+  color: #252733;
 }
-._2Q9xO ._2b1Cw p {
-  color: "#153E75";
-  font-size: 18px;
-  font-weight: 700;
+._3NgrB,
+._32fu3{
+  background-color: #fff;
+}
+._3NgrB{
+  padding-bottom: 10px;
+}
+._3NgrB ._DmMzw {
+  padding-left: 10px;
 }
 
-._3DImv{
-  min-height: 640px;
-  overflow: hidden;
+._3NgrB ._1eUXn {
+  width: 10px;
+  height: 10px;
+  margin-right: 5px;
+}
+._3NgrB ._3hrrC ._Q-iiW {
+  font-weight: 400;
+  font-size: 14px;
+  letter-spacing: 0.01em;
+  color: #4d4d4d;
+  margin-bottom: 0;
 }
-._1iPJ6 {
+._3NgrB ._cD4ey {
   display: flex;
-  justify-content: space-between;
-
+  justify-content: center;
+  align-items: center;
+  margin-right: 10px;
 }
-._1iPJ6 h2{
+._3NgrB ._24PRg {
+  font-weight: 400;
+  font-size: 16px;
+  letter-spacing: 0.01em;
+  color: #252733;
+}
+._3NgrB ._2HWhv > label {
+  font-weight: 600;
   font-size: 18px;
-  font-weight: 700;
-  color: #1a202c;
+  color: #252733;
 }
-._1iPJ6 ._3lxsP{
-  background-color: #308252;
-  border-radius: 12px;
-  color: #ffffff;
+._2Hdbu{
+  width: 100%;
+  padding: 20px;
 }
-
-._30j_l {
-  display: inline-block;
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  transform: translate(-50%, -50%);
+._2Hdbu ._3RJ2T{
+  display: flex;
+  justify-content: center;
+  align-items: center;
 }
-._34Snf {
-  display: inline-block;
-  position: absolute;
-  top: 66%;
-  left: 10%;
+._3hrrC{
+  padding-right: 50px;
 }
-._2WBPR {
-  display: inline-block;
-  position: absolute;
-  top: 12%;
-  left: 50%;
+._38ikt{
+  /* height: 410px; */
 }
-._35giW {
-  display: inline-block;
-  top: 64%;
-  left: 52%;
+._38ikt ._1TnWs {
   position: absolute;
+  right: 60px;
+  display: flex;
+  justify-content: flex-end;
+  flex-wrap: wrap;
+  width: 150px;
+}
+._38ikt ._1TnWs label {
+  color: #333333;
+  font-weight: 500;
+  font-size: 14px;
+  align-items: center;
+  text-align: right;
+  color: #333333;
+  margin-bottom: 5px;
+}
+._38ikt ._1TnWs span {
+  font-weight: 400;
+  font-size: 14px;
+  line-height: 16px;
+  text-align: right;
+  color: #4d4d4d;
 }
 
-._LR7-A {
-  display: block;
-  position: absolute;
-  top: 35%;
-  right: 5%;
+._3BTJi ._1Ws0m {
+  margin-top: 50px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  flex-direction: column;
 }
 
-._LR7-A ._dVojB,
-._LR7-A ._1ALLM,
-._LR7-A ._3OII4,
-._LR7-A ._1t4JS {
-    margin-bottom: 8px;
+._3BTJi ._1Ws0m ._2HnO_ {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  margin-bottom: 10px;
+}
+
+._3BTJi ._1Ws0m ._1eUXn {
+  width: 12px;
+  height: 12px;
+  margin-right: 8px;
+  border-radius: 2px;
+}
+
+._3BTJi ._1Ws0m ._2BFJw {
+  padding-right: 8px;
+  color: #4d4d4d;
+  letter-spacing: 0.01em;
+  font-weight: 400;
+  font-size: 16px;
+}
+._2az-l{
+  padding-right: 10px;
+  padding-left: 10px;
+  padding-bottom: 10px;
 }
 
-._3Rj17 {
+._2az-l ._1TnWs {
+  position: absolute;
+  right: 35px;
+  top: 10px;
   display: flex;
+  justify-content: flex-end;
   flex-wrap: wrap;
-  position: absolute;
-  top: 77%;
+  width: 150px;
+}
+._2az-l ._1TnWs label {
+  color: #333333;
+  font-weight: 500;
+  font-size: 14px;
+  align-items: center;
+  text-align: right;
+  color: #333333;
+  margin-bottom: 5px;
+}
+._2az-l ._1TnWs span {
+  font-weight: 400;
+  font-size: 14px;
+  line-height: 16px;
+  text-align: right;
+  color: #4d4d4d;
+}
+._2j8fp{
+  display: relative;
 }
 
-._3Yvnm {
-  background-color: #308252;
-  border-radius: 12px;
-  color: #ffffff;
-  position: absolute;
+._2j8fp ._1BN5z {
+  width: 100%;
+  bottom: 40px;
+  position: relative;
+
+}
+._2j8fp ._1rYav {
+  width: 80%;
+  margin: 0 auto;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+._2j8fp ._1rYav div {
+  font-weight: 600;
+  font-size: 12px;
+}
+._2j8fp ._3-zAs {
+  display: flex;
+  justify-content: center;
+  position: relative;
   bottom: 20px;
-  right: 20px;
 }
-
-@media only screen and (min-width: 1200px) and (max-width: 1500px) {
-  ._3UN7n ._LR7-A{
-    display: flex;
-    flex-wrap: wrap;
-    position: absolute;
-    top: 89%;
-    right: 10%;
-  }
-  ._3UN7n ._LR7-A ._dVojB,
-  ._3UN7n ._LR7-A ._1ALLM,
-  ._3UN7n ._LR7-A ._3OII4,
-  ._3UN7n ._LR7-A ._1t4JS {
-     flex: 50% 1;
-   }
+._2j8fp ._3-zAs ._3RJ2T{
+  display: flex;
+  margin-right: 20px;
+  align-items: center;
+}
+._2j8fp ._3-zAs ._1eUXn {
+  width: 10px;
+  height: 10px;
+  margin-right: 5px;
+}
+._2j8fp ._3-zAs ._Q-iiW {
+  font-weight: 400;
+  font-size: 14px;
+  letter-spacing: 0.01em;
+  color: #4d4d4d;
+  margin-bottom: 0;
+  margin: 0;
+}
+._2j8fp ._3-zAs ._cD4ey {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  margin-right: 10px;
+}
+._2j8fp ._3-zAs ._24PRg {
+  font-weight: 400;
+  font-size: 16px;
+  letter-spacing: 0.01em;
+  color: #252733;
 }
 
-@media screen and (max-width: 1280px) {
-  ._3DImv{
-    margin-bottom: 20px;
-    height: 750px;
-  }
+._2j8fp ._1PPhv {
+  position: absolute;
+  right: 50px;
+}
+._2j8fp ._1PPhv ._1rjWR {
+  margin-bottom: 22.5px;
+  font-weight: 400;
+  font-size: 12px;
+  text-align: center;
+  letter-spacing: 0.01em;
+  color: #9a9a9a;
+}
+._2j8fp ._f-Ti4{
+  display: relative;
+}
+._2j8fp ._TPa6x{
+  padding-right: 50px;
+}
+._1hZ_V{
+  width: 100%;
+  text-align: center;
+  font-weight: 400;
+  font-size: 16px;
+  text-align: right;
+  letter-spacing: 0.01em;
+  color: #808080;
+  display: flex;
+  justify-content: center;
+  align-items: center;
 }
 
-@media screen and (max-width: 562px) {
-  ._LR7-A{
-    display: flex;
-    flex-wrap: wrap;
-    position: absolute;
-    top: 77%;
-    right: unset;
-    width: calc(100vw-10px);
-    padding: 0 10px;
-  }
- ._LR7-A ._dVojB,
- ._LR7-A ._1ALLM,
- ._LR7-A ._3OII4,
- ._LR7-A ._1t4JS {
-    flex: 50% 1;
-  }
- ._30j_l{
-    top: 41%;
-    left: 50%;
-  }
- ._34Snf{
-    top: 53%;
-    left: 5%;
-  }
- ._2WBPR {
-    top: 12%;
-    left: 50%;
-  }
- ._35giW {
-    top: 52%;
-    left: 55%;
-  }
+._38ikt ._pFFg9{
+  font-weight: 400;
+  font-size: 16px;
+  text-align: center;
+  letter-spacing: 0.01em;
+  color: #808080;
+  margin-bottom: 20px;
 }