mario-education 2.4.23-beta → 2.4.25-admin

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

@@ -0,0 +1,44 @@
+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 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[];
+}
+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,76 @@ 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%;
+}
+
+._3o8gR {
+  display: none;
+}
+
+._3ru37 {
+    background: #ffff;
+    border-radius: 4px;
+    max-height: 150px;
+    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%;
@@ -281,7 +348,8 @@ h6._3zOGW {
 }
 
 ._1yuC9 {
-    min-width: 220px;
+    min-width: 255px;
+    flex-basis: 19%;
 }
 ._1yuC9:last-child {
     padding: 1.2rem !important;
@@ -347,160 +415,297 @@ h6._3zOGW {
   }
 }
 
-._2Q9xO{
-  border-radius: 50%;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  padding: 15px;
+
+/* new design; */
+._2eMbe{
+  box-shadow: 6px 0 18px rgb(0 0 0 / 6%);
 }
-._2Q9xO._3r61v ._2b1Cw h2,
-._2Q9xO._2Nlax ._2b1Cw h2{
-    font-size: 12px;
+._6ZvFg {
+  border-radius: 8px;
+  overflow: hidden;
+}
+._2vtSi{
+  background: #FFFFFF;
+  border-radius: 8px;
+  padding: 20px;
 }
+._IpsVf{
 
-._2Q9xO ._2b1Cw {
-  text-align: center;
 }
-._2Q9xO ._2b1Cw h2 {
+._IpsVf ._gzxWe{
+  color: "#B2B2B2";
   font-size: 18px;
-  font-weight: 400;
 }
-._2Q9xO ._2b1Cw p {
-  color: "#153E75";
+
+._2vtSi ._37IcR{
+  color: #D9D9D9;
+  display:flex;
+}
+
+._2vtSi ._2G6Wz{
+  font-family: 'Roboto';
+  font-weight: 600;
   font-size: 18px;
-  font-weight: 700;
+  letter-spacing: 0.01em;
+  color: #262626;
 }
 
-._3DImv{
-  min-height: 640px;
-  overflow: hidden;
+._3xpNv {
+    border-radius: 4px;
+    background: #ffff;
 }
-._1iPJ6 {
-  display: flex;
-  justify-content: space-between;
 
+._3H5Ly {
+    padding: 6px 12px;
+    border-radius: 0 4px 4px 0;
+    background: #1DBAB4;
+    color: #ffff;
 }
-._1iPJ6 h2{
-  font-size: 18px;
-  font-weight: 700;
-  color: #1a202c;
+
+._J_n-D {
+    padding: 6px;
+    border-radius: 4px 0 0 4px;
+    background: #1CA9A4;
+}
+
+._2vtSi ._3AALV{
+  font-size: 23px;
+}
+._g5-bn ._2htKu{
+  cursor: pointer;
 }
-._1iPJ6 ._3lxsP{
-  background-color: #308252;
-  border-radius: 12px;
-  color: #ffffff;
+._2vtSi ._1qXAT{
+  font-weight: 400;
+  font-size: 16px;
+  line-height: 100%;
+  color: #252733;
+}
+._3NgrB,
+._32fu3{
+  background-color: #fff;
+}
+._3NgrB{
+  padding-bottom: 10px;
+}
+._3NgrB ._DmMzw {
+  padding-left: 10px;
 }
 
-._30j_l {
-  display: inline-block;
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  transform: translate(-50%, -50%);
+._3NgrB ._1eUXn {
+  width: 10px;
+  height: 10px;
+  margin-right: 5px;
 }
-._34Snf {
-  display: inline-block;
-  position: absolute;
-  top: 66%;
-  left: 10%;
+._3NgrB ._3hrrC ._Q-iiW {
+  font-weight: 400;
+  font-size: 14px;
+  letter-spacing: 0.01em;
+  color: #4d4d4d;
+  margin-bottom: 0;
 }
-._2WBPR {
-  display: inline-block;
-  position: absolute;
-  top: 12%;
-  left: 50%;
+._3NgrB ._cD4ey {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  margin-right: 10px;
+}
+._3NgrB ._24PRg {
+  font-weight: 400;
+  font-size: 16px;
+  letter-spacing: 0.01em;
+  color: #252733;
+}
+._3NgrB ._2HWhv > label {
+  font-weight: 600;
+  font-size: 18px;
+  color: #252733;
 }
-._35giW {
-  display: inline-block;
-  top: 64%;
-  left: 52%;
+._2Hdbu{
+  width: 100%;
+  padding: 20px;
+}
+._2Hdbu ._3RJ2T{
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+._3hrrC{
+  padding-right: 50px;
+}
+._38ikt{
+  height: 410px;
+}
+._38ikt ._1TnWs {
   position: absolute;
+  right: 35px;
+  top: 10px;
+  display: flex;
+  justify-content: flex-end;
+  flex-wrap: wrap;
+  width: 91px;
+}
+._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: 91px;
+}
+._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;
 }
-
-@media screen and (max-width: 1280px) {
-  ._3DImv{
-    margin-bottom: 20px;
-    height: 750px;
-  }
+._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: 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%;
-  }
+._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;
 }