mario-teacher-student-client 2.3.6-staging → 2.3.7-staging

package/dist/AddClassReflection-Dhk2ufta.js

@@ -0,0 +1,268 @@
+import { jsx as e, jsxs as c, Fragment as f } from "react/jsx-runtime";
+import { useNavigate as L } from "react-router-dom";
+import { useTranslation as P } from "mario-core";
+import { B as E } from "./index-BnjAzhP1.js";
+import { Grid as p, Typography as M, TableContainer as O, Paper as $, TableHead as F, TableRow as y, TableBody as H, FormControl as v, TextField as m, Checkbox as N, Table as Y, TableCell as z, tableCellClasses as T, Autocomplete as W } from "@mui/material";
+import { AddCircle as j, RemoveCircle as q, ArrowDropDown as _ } from "@mui/icons-material";
+import V from "moment";
+import { A as G } from "./AddButton-2WR_7v5i.js";
+import { u as U } from "./useAddClassReflection-BPsfGApJ.js";
+import { C as o } from "./types-BlKuBS6W.js";
+import { s as l } from "./styles.module-Dhz1vFNl.js";
+import { L as J } from "./useMobilePicker-C6FOpdP8.js";
+import { A as K } from "./AdapterMoment-CeMS9jLD.js";
+import { D as Q } from "./DateTimePicker-Dxusvxt6.js";
+import { s as h } from "./styled--C_kxAAX.js";
+const i = h(z)(({ theme: n }) => ({
+  [`&.${T.head}`]: {
+    backgroundColor: "#336DDA",
+    color: n.palette.common.white,
+    padding: "16px 0px"
+  },
+  [`&.${T.body}`]: {
+    fontSize: 14
+  }
+})), X = h(y)(({ theme: n }) => ({
+  "&:nth-of-type(odd)": {
+    backgroundColor: n.palette.action.hover
+  }
+})), Z = h(Y)(() => ({
+  minWidth: 700,
+  "& .MuiTableCell-root": {
+    paddingLeft: "4px",
+    paddingRight: "4px"
+  }
+})), u = h(W)(() => ({
+  "& .MuiFormControl-marginNormal": {
+    marginTop: 0,
+    marginBottom: 0
+  }
+})), ue = () => {
+  const { t: n } = P(), g = L(), {
+    rowClassReflection: b,
+    addRowClassReflection: S,
+    removeRowClassReflection: k,
+    handleInputChange: s,
+    listStudent: x,
+    onSaveClassReflection: A,
+    checkStudent: C,
+    listBandScore: R,
+    checkBandScore: D,
+    isTeacher: d,
+    listClassType: I
+  } = U(), B = () => {
+    A(() => {
+      g(-1);
+    });
+  };
+  return /* @__PURE__ */ e("div", { className: l["page-add"], children: /* @__PURE__ */ c(p, { children: [
+    /* @__PURE__ */ c(p, { className: `${l["header-box"]}`, children: [
+      /* @__PURE__ */ c(M, { className: `${l["header-box-title"]}`, children: [
+        /* @__PURE__ */ e(E, { onClick: () => g(-1) }),
+        " ",
+        n("reflections")
+      ] }),
+      /* @__PURE__ */ e("div", { className: l["btn-action"], children: /* @__PURE__ */ e(G, { handleClickOpen: B, label: n("add_reflection") }) })
+    ] }),
+    /* @__PURE__ */ e(p, { className: l["body-table"], children: /* @__PURE__ */ e(O, { component: $, children: /* @__PURE__ */ c(Z, { "aria-label": "customized table", children: [
+      /* @__PURE__ */ e(F, { children: /* @__PURE__ */ c(y, { children: [
+        /* @__PURE__ */ e(i, { align: "center", className: l["add-class-reflection"], children: /* @__PURE__ */ e(j, { onClick: S }) }),
+        d && /* @__PURE__ */ c(i, { align: "center", className: l["header-title"], style: { width: "16%" }, children: [
+          n("student_name"),
+          " ",
+          /* @__PURE__ */ e("span", { children: "*" })
+        ] }),
+        /* @__PURE__ */ c(i, { align: "center", className: l["header-title"], children: [
+          n("class_type"),
+          " ",
+          /* @__PURE__ */ e("span", { children: "*" }),
+          " "
+        ] }),
+        /* @__PURE__ */ c(i, { align: "center", className: l["header-title"], children: [
+          " ",
+          n("class_date"),
+          " ",
+          /* @__PURE__ */ e("span", { children: "*" })
+        ] }),
+        /* @__PURE__ */ c(i, { align: "center", className: l["header-title"], children: [
+          n("teacher_email"),
+          " ",
+          /* @__PURE__ */ e("span", { children: "*" })
+        ] }),
+        /* @__PURE__ */ c(i, { align: "center", className: l["header-title"], children: [
+          n("teacher_name"),
+          " ",
+          /* @__PURE__ */ e("span", { children: "*" })
+        ] }),
+        d && /* @__PURE__ */ e(i, { align: "center", className: l["header-title"], children: n("teacher_image") }),
+        /* @__PURE__ */ e(i, { align: "center", className: l["header-title"], children: n("current_grade") }),
+        d && /* @__PURE__ */ e(i, { align: "center", className: l["header-title"], children: n("send_to_teacher") }),
+        d && /* @__PURE__ */ e(i, { align: "center", className: l["header-title"], children: n("send_now") })
+      ] }) }),
+      /* @__PURE__ */ e(H, { children: b.map((t) => /* @__PURE__ */ c(X, { children: [
+        /* @__PURE__ */ e(i, { component: "th", scope: "row", className: l["remove-class-reflection"], children: b.length > 1 && /* @__PURE__ */ e(q, { onClick: () => k(t.id) }) }),
+        d && /* @__PURE__ */ e(i, { align: "center", children: /* @__PURE__ */ e(v, { fullWidth: !0, children: /* @__PURE__ */ e(
+          u,
+          {
+            id: "free-solo-2-demo",
+            options: x,
+            className: `${l["label-class"]}`,
+            getOptionLabel: (a) => a.fullName ? a.fullName : "",
+            onChange: (a, r) => {
+              s(t.id, r?.email || "", o.StudentEmail);
+            },
+            popupIcon: /* @__PURE__ */ e(_, {}),
+            isOptionEqualToValue: (a, r) => a.id == r.id,
+            value: C(t.studentEmail),
+            renderInput: (a) => /* @__PURE__ */ e(
+              m,
+              {
+                ...a,
+                label: n("student"),
+                margin: "normal",
+                variant: "outlined",
+                onChange: (r) => {
+                }
+              }
+            )
+          }
+        ) }) }),
+        /* @__PURE__ */ e(i, { align: "center", children: /* @__PURE__ */ e(
+          u,
+          {
+            id: "country-select-demo",
+            className: `${l["label-class"]}`,
+            style: { width: "100%", margin: "25px 0px" },
+            options: I,
+            freeSolo: !0,
+            autoHighlight: !0,
+            forcePopupIcon: !0,
+            value: C(t.classType),
+            getOptionLabel: (a) => a,
+            renderOption: (a, r) => /* @__PURE__ */ e("li", { ...a, children: r }),
+            onInputChange: (a, r) => {
+              s(t.id, r, o.ClassType);
+            },
+            renderInput: (a) => /* @__PURE__ */ e(
+              m,
+              {
+                ...a,
+                label: n("class_type"),
+                variant: "outlined",
+                inputProps: {
+                  ...a.inputProps
+                },
+                onChange: (r) => {
+                }
+              }
+            )
+          }
+        ) }),
+        /* @__PURE__ */ e(i, { align: "center", children: /* @__PURE__ */ e(J, { dateAdapter: K, children: /* @__PURE__ */ e(
+          Q,
+          {
+            className: l["label-class"],
+            format: "Do MMM YYYY HH:mm",
+            label: n("class_date"),
+            value: t.classDateTime ? V(t.classDateTime) : null,
+            onChange: (a) => s(t.id, a, o.ClassDate),
+            slotProps: {
+              textField: {
+                variant: "outlined",
+                margin: "normal",
+                className: l["label-class"],
+                sx: {
+                  "& .MuiFormControl-marginNormal": {
+                    // mimic classes.root
+                    marginTop: 0,
+                    marginBottom: 0
+                  }
+                }
+              }
+            }
+          }
+        ) }) }),
+        /* @__PURE__ */ e(i, { align: "center", children: /* @__PURE__ */ e(
+          m,
+          {
+            id: "outlined-basic-1",
+            label: n("teacher_email"),
+            variant: "outlined",
+            value: t.teacherEmail,
+            className: l["label-class"],
+            onChange: (a) => s(t.id, a.target.value, o.TeacherEmail)
+          }
+        ) }),
+        /* @__PURE__ */ e(i, { align: "center", children: /* @__PURE__ */ e(
+          m,
+          {
+            id: "outlined-basic-2",
+            label: n("teacher_name"),
+            variant: "outlined",
+            value: t.teacherName,
+            className: l["label-class"],
+            onChange: (a) => s(t.id, a.target.value, o.TeacherName)
+          }
+        ) }),
+        d && /* @__PURE__ */ e(f, { children: /* @__PURE__ */ e(i, { align: "center", children: /* @__PURE__ */ e(
+          m,
+          {
+            id: "outlined-basic-3",
+            label: n("teacher_image"),
+            variant: "outlined",
+            value: t.TeacherImage,
+            className: l["label-class"],
+            onChange: (a) => s(t.id, a.target.value, o.TeacherImage)
+          }
+        ) }) }),
+        /* @__PURE__ */ e(i, { align: "center", children: /* @__PURE__ */ e(v, { fullWidth: !0, children: /* @__PURE__ */ e(
+          u,
+          {
+            className: `${l["label-class"]}`,
+            id: "free-solo-4-demo",
+            options: R,
+            getOptionLabel: (a) => a.label ? a.label : "",
+            onChange: (a, r) => {
+              s(t.id, r?.label || "", o.BandScore);
+            },
+            popupIcon: /* @__PURE__ */ e(_, {}),
+            isOptionEqualToValue: (a, r) => a.id == r.id || a.label == t.bandScore,
+            value: D(t.bandScore) || null,
+            renderInput: (a) => /* @__PURE__ */ e(
+              m,
+              {
+                ...a,
+                label: n("current_grade"),
+                margin: "normal",
+                variant: "outlined",
+                onChange: (r) => {
+                }
+              }
+            )
+          }
+        ) }) }),
+        d && /* @__PURE__ */ c(f, { children: [
+          /* @__PURE__ */ e(i, { align: "center", children: /* @__PURE__ */ e(
+            N,
+            {
+              checked: t.isExternalLink,
+              inputProps: { "aria-labelledby": "" },
+              onChange: (a) => s(t.id, a.target.checked, o.IsExternalLink)
+            }
+          ) }),
+          /* @__PURE__ */ e(i, { align: "center", children: /* @__PURE__ */ e(
+            N,
+            {
+              checked: t.isSendNow,
+              inputProps: { "aria-labelledby": "" },
+              onChange: (a) => s(t.id, a.target.checked, o.SendNow)
+            }
+          ) })
+        ] })
+      ] }, t.id)) })
+    ] }) }) })
+  ] }) });
+};
+export {
+  ue as default
+};

package/dist/AddClassReflection-ZCjpJV5z.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),_=require("react-router-dom"),f=require("mario-core"),A=require("./index-B5frMu5o.cjs"),a=require("@mui/material"),h=require("@mui/icons-material"),k=require("moment"),M=require("./AddButton-5SpZ937H.cjs"),q=require("./useAddClassReflection-Bv77vuhy.cjs"),d=require("./types-DUv1CRJR.cjs"),s=require("./styles.module-cVLPGJIs.cjs"),O=require("./useMobilePicker-BeBsccVJ.cjs"),R=require("./AdapterMoment-B-q0UCj0.cjs"),L=require("./DateTimePicker-lTDWUOLl.cjs"),u=require("./styled-CO8R0Q-5.cjs"),i=u.styled(a.TableCell)(({theme:t})=>({[`&.${a.tableCellClasses.head}`]:{backgroundColor:"#336DDA",color:t.palette.common.white,padding:"16px 0px"},[`&.${a.tableCellClasses.body}`]:{fontSize:14}})),D=u.styled(a.TableRow)(({theme:t})=>({"&:nth-of-type(odd)":{backgroundColor:t.palette.action.hover}})),F=u.styled(a.Table)(()=>({minWidth:700,"& .MuiTableCell-root":{paddingLeft:"4px",paddingRight:"4px"}})),m=u.styled(a.Autocomplete)(()=>({"& .MuiFormControl-marginNormal":{marginTop:0,marginBottom:0}})),P=()=>{const{t}=f.useTranslation(),x=_.useNavigate(),{rowClassReflection:g,addRowClassReflection:C,removeRowClassReflection:j,handleInputChange:c,listStudent:b,onSaveClassReflection:y,checkStudent:p,listBandScore:N,checkBandScore:S,isTeacher:o,listClassType:T}=q.useAddClassReflection(),v=()=>{y(()=>{x(-1)})};return e.jsx("div",{className:s.styles["page-add"],children:e.jsxs(a.Grid,{children:[e.jsxs(a.Grid,{className:`${s.styles["header-box"]}`,children:[e.jsxs(a.Typography,{className:`${s.styles["header-box-title"]}`,children:[e.jsx(A.BiArrowBack,{onClick:()=>x(-1)})," ",t("reflections")]}),e.jsx("div",{className:s.styles["btn-action"],children:e.jsx(M.AddButton,{handleClickOpen:v,label:t("add_reflection")})})]}),e.jsx(a.Grid,{className:s.styles["body-table"],children:e.jsx(a.TableContainer,{component:a.Paper,children:e.jsxs(F,{"aria-label":"customized table",children:[e.jsx(a.TableHead,{children:e.jsxs(a.TableRow,{children:[e.jsx(i,{align:"center",className:s.styles["add-class-reflection"],children:e.jsx(h.AddCircle,{onClick:C})}),o&&e.jsxs(i,{align:"center",className:s.styles["header-title"],style:{width:"16%"},children:[t("student_name")," ",e.jsx("span",{children:"*"})]}),e.jsxs(i,{align:"center",className:s.styles["header-title"],children:[t("class_type")," ",e.jsx("span",{children:"*"})," "]}),e.jsxs(i,{align:"center",className:s.styles["header-title"],children:[" ",t("class_date")," ",e.jsx("span",{children:"*"})]}),e.jsxs(i,{align:"center",className:s.styles["header-title"],children:[t("teacher_email")," ",e.jsx("span",{children:"*"})]}),e.jsxs(i,{align:"center",className:s.styles["header-title"],children:[t("teacher_name")," ",e.jsx("span",{children:"*"})]}),o&&e.jsx(i,{align:"center",className:s.styles["header-title"],children:t("teacher_image")}),e.jsx(i,{align:"center",className:s.styles["header-title"],children:t("current_grade")}),o&&e.jsx(i,{align:"center",className:s.styles["header-title"],children:t("send_to_teacher")}),o&&e.jsx(i,{align:"center",className:s.styles["header-title"],children:t("send_now")})]})}),e.jsx(a.TableBody,{children:g.map(n=>e.jsxs(D,{children:[e.jsx(i,{component:"th",scope:"row",className:s.styles["remove-class-reflection"],children:g.length>1&&e.jsx(h.RemoveCircle,{onClick:()=>j(n.id)})}),o&&e.jsx(i,{align:"center",children:e.jsx(a.FormControl,{fullWidth:!0,children:e.jsx(m,{id:"free-solo-2-demo",options:b,className:`${s.styles["label-class"]}`,getOptionLabel:l=>l.fullName?l.fullName:"",onChange:(l,r)=>{c(n.id,r?.email||"",d.COLUMN_ClASS.StudentEmail)},popupIcon:e.jsx(h.ArrowDropDown,{}),isOptionEqualToValue:(l,r)=>l.id==r.id,value:p(n.studentEmail),renderInput:l=>e.jsx(a.TextField,{...l,label:t("student"),margin:"normal",variant:"outlined",onChange:r=>{}})})})}),e.jsx(i,{align:"center",children:e.jsx(m,{id:"country-select-demo",className:`${s.styles["label-class"]}`,style:{width:"100%",margin:"25px 0px"},options:T,freeSolo:!0,autoHighlight:!0,forcePopupIcon:!0,value:p(n.classType),getOptionLabel:l=>l,renderOption:(l,r)=>e.jsx("li",{...l,children:r}),onInputChange:(l,r)=>{c(n.id,r,d.COLUMN_ClASS.ClassType)},renderInput:l=>e.jsx(a.TextField,{...l,label:t("class_type"),variant:"outlined",inputProps:{...l.inputProps},onChange:r=>{}})})}),e.jsx(i,{align:"center",children:e.jsx(O.LocalizationProvider,{dateAdapter:R.AdapterMoment,children:e.jsx(L.DateTimePicker,{className:s.styles["label-class"],format:"Do MMM YYYY HH:mm",label:t("class_date"),value:n.classDateTime?k(n.classDateTime):null,onChange:l=>c(n.id,l,d.COLUMN_ClASS.ClassDate),slotProps:{textField:{variant:"outlined",margin:"normal",className:s.styles["label-class"],sx:{"& .MuiFormControl-marginNormal":{marginTop:0,marginBottom:0}}}}})})}),e.jsx(i,{align:"center",children:e.jsx(a.TextField,{id:"outlined-basic-1",label:t("teacher_email"),variant:"outlined",value:n.teacherEmail,className:s.styles["label-class"],onChange:l=>c(n.id,l.target.value,d.COLUMN_ClASS.TeacherEmail)})}),e.jsx(i,{align:"center",children:e.jsx(a.TextField,{id:"outlined-basic-2",label:t("teacher_name"),variant:"outlined",value:n.teacherName,className:s.styles["label-class"],onChange:l=>c(n.id,l.target.value,d.COLUMN_ClASS.TeacherName)})}),o&&e.jsx(e.Fragment,{children:e.jsx(i,{align:"center",children:e.jsx(a.TextField,{id:"outlined-basic-3",label:t("teacher_image"),variant:"outlined",value:n.TeacherImage,className:s.styles["label-class"],onChange:l=>c(n.id,l.target.value,d.COLUMN_ClASS.TeacherImage)})})}),e.jsx(i,{align:"center",children:e.jsx(a.FormControl,{fullWidth:!0,children:e.jsx(m,{className:`${s.styles["label-class"]}`,id:"free-solo-4-demo",options:N,getOptionLabel:l=>l.label?l.label:"",onChange:(l,r)=>{c(n.id,r?.label||"",d.COLUMN_ClASS.BandScore)},popupIcon:e.jsx(h.ArrowDropDown,{}),isOptionEqualToValue:(l,r)=>l.id==r.id||l.label==n.bandScore,value:S(n.bandScore)||null,renderInput:l=>e.jsx(a.TextField,{...l,label:t("current_grade"),margin:"normal",variant:"outlined",onChange:r=>{}})})})}),o&&e.jsxs(e.Fragment,{children:[e.jsx(i,{align:"center",children:e.jsx(a.Checkbox,{checked:n.isExternalLink,inputProps:{"aria-labelledby":""},onChange:l=>c(n.id,l.target.checked,d.COLUMN_ClASS.IsExternalLink)})}),e.jsx(i,{align:"center",children:e.jsx(a.Checkbox,{checked:n.isSendNow,inputProps:{"aria-labelledby":""},onChange:l=>c(n.id,l.target.checked,d.COLUMN_ClASS.SendNow)})})]})]},n.id))})]})})})]})})};exports.default=P;