mario-teacher-student-client 2.0.63-release → 2.0.64-release

package/dist/AddNew-pWgN3E9B.js

@@ -0,0 +1,167 @@
+import { jsxs as n, jsx as e } from "react/jsx-runtime";
+import { Grid as i, Typography as I, Button as h, Box as w } from "@mui/material";
+import { c as B, s as t } from "./useNoteAdd-GiY6fo1U.js";
+import { A as F } from "./ArrowBack-B5xluQH1.js";
+import { S as p } from "./Save-CL1mWoi8.js";
+import { I as W } from "./InputComponent-CYCB-KG3.js";
+import { useSelector as L } from "react-redux";
+import { S as u } from "./Star-Dc8tm8n4.js";
+import { S as v } from "./StarBorder-DkcstOi2.js";
+import { useTranslation as j } from "mario-core";
+import { u as q } from "./useAutoCompleteStyle-CL_ULKu3.js";
+import { A as z } from "./Autocomplete-JU1FOwpT.js";
+import { T as N } from "./TextField-yImTzIRc.js";
+const X = () => {
+  const { t: a } = j(), {
+    handleNote: $,
+    note: f,
+    addDataNote: l,
+    title: x,
+    studentList: b,
+    handleChangeStudent: _,
+    viewListNote: C,
+    handleTitle: S,
+    errorSelect: s,
+    errorTitle: c,
+    student: T,
+    classFontSize: k,
+    handleChangeFavourite: d,
+    isFavourite: m
+  } = B(), g = q(), y = L(
+    (o) => o.common?.user?.roles[0]
+  ), r = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;
+  return /* @__PURE__ */ n("div", { className: `${t.noteComponent} ${t[k]}`, children: [
+    /* @__PURE__ */ e(i, { container: !0, spacing: 2, children: /* @__PURE__ */ e(i, { item: !0, xs: 12, children: /* @__PURE__ */ n("div", { className: `${t["header-page"]}`, children: [
+      /* @__PURE__ */ n(
+        I,
+        {
+          variant: "h3",
+          component: "h3",
+          className: `${t["header-text"]}`,
+          children: [
+            /* @__PURE__ */ e(
+              F,
+              {
+                onClick: C,
+                className: `${t["button-back"]}`
+              }
+            ),
+            /* @__PURE__ */ e("span", { className: `${t["text-name-header"]}`, children: a("add_new_note") })
+          ]
+        }
+      ),
+      r > 768 && /* @__PURE__ */ e(
+        h,
+        {
+          variant: "contained",
+          className: `${t["button-add"]}`,
+          onClick: () => l(),
+          children: /* @__PURE__ */ n(
+            "span",
+            {
+              className: `${t["text-button-header"]}`,
+              children: [
+                a("save"),
+                " ",
+                /* @__PURE__ */ e(p, {})
+              ]
+            }
+          )
+        }
+      )
+    ] }) }) }),
+    /* @__PURE__ */ n(i, { container: !0, spacing: 2, children: [
+      /* @__PURE__ */ n(i, { item: !0, xs: r > 768 ? 4 : 12, children: [
+        /* @__PURE__ */ e("div", { className: `${t["content-add"]}`, children: ["Teacher", "Assistant", "Counselor", "SecondaryTeacher"].includes(y) && /* @__PURE__ */ n("div", { children: [
+          /* @__PURE__ */ n("p", { className: `${t["title-select"]}`, children: [
+            " ",
+            a("select_student")
+          ] }),
+          /* @__PURE__ */ e(
+            z,
+            {
+              slotProps: { popper: { className: g.popper } },
+              id: "free-solo-demo",
+              className: `${t["select-name"]}`,
+              options: b,
+              disableClearable: !0,
+              value: T,
+              onChange: (o, A) => _(A),
+              getOptionLabel: (o) => o.fullName,
+              renderInput: (o) => /* @__PURE__ */ e(
+                N,
+                {
+                  ...o,
+                  label: a("student_name"),
+                  variant: "outlined",
+                  error: s,
+                  helperText: s && `${a("please_select_student")}!`
+                }
+              )
+            }
+          )
+        ] }) }),
+        /* @__PURE__ */ n("div", { className: `${t["note-detail"]}`, children: [
+          /* @__PURE__ */ e(
+            "div",
+            {
+              className: `${t["title-note-detail-container"]}`,
+              children: /* @__PURE__ */ e("p", { className: `${t["title-note-detail"]}`, children: a("note_detail") })
+            }
+          ),
+          r < 768 && /* @__PURE__ */ n(
+            "div",
+            {
+              className: `${t["favourite-checkbox-box"]}`,
+              children: [
+                /* @__PURE__ */ e("div", { onClick: d, children: m ? /* @__PURE__ */ e(u, {}) : /* @__PURE__ */ e(v, {}) }),
+                /* @__PURE__ */ e("p", { children: a("mark_as_favorite") })
+              ]
+            }
+          ),
+          /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(
+            N,
+            {
+              label: a("note_title"),
+              variant: "outlined",
+              error: c,
+              helperText: c && "Title is required",
+              className: `${t["input-title"]}`,
+              value: x,
+              onChange: (o) => S(o)
+            }
+          ) }),
+          /* @__PURE__ */ e("div", { className: `${t["input-note"]}`, children: /* @__PURE__ */ e(
+            W,
+            {
+              name: a("type_a_note"),
+              placeholder: a("type_a_note"),
+              valueText: f,
+              onChange: (o) => $(o)
+            }
+          ) })
+        ] })
+      ] }),
+      r > 768 && /* @__PURE__ */ e(i, { item: !0, xs: 8, children: /* @__PURE__ */ n("div", { className: `${t["favourite-checkbox-box"]}`, children: [
+        /* @__PURE__ */ e("div", { onClick: d, children: m ? /* @__PURE__ */ e(u, {}) : /* @__PURE__ */ e(v, {}) }),
+        /* @__PURE__ */ e("p", { children: a("mark_as_favorite") })
+      ] }) })
+    ] }),
+    r < 768 && /* @__PURE__ */ e(w, { className: `${t["button-save-mobile"]}`, children: /* @__PURE__ */ e(
+      h,
+      {
+        variant: "contained",
+        className: `${t["button-add"]}`,
+        onClick: () => l(),
+        children: /* @__PURE__ */ n("span", { className: `${t["text-button-header"]}`, children: [
+          a("save"),
+          " ",
+          /* @__PURE__ */ e(p, {})
+        ] })
+      }
+    ) })
+  ] });
+};
+export {
+  X as default
+};