mario-core 2.0.106-release → 2.0.107-release

package/dist/SkillList-CmjAB7ji.mjs

@@ -0,0 +1,386 @@
+import { jsx as t, jsxs as h } from "react/jsx-runtime";
+import { useState as N, useEffect as I, forwardRef as V, useCallback as _, useRef as q } from "react";
+import { Row as B, Col as y, Input as M, Label as P, Table as z } from "reactstrap";
+import { useTranslation as R } from "react-i18next";
+import { i as E, B as O, $ as Q, a0 as H, Y as J, E as K, J as X, b as f, a1 as Y, c as S, O as G, X as W, P as Z, Q as ee, S as te, T as se, U as ae } from "./index-Dp_2Xoi-.mjs";
+import { Formik as le } from "formik";
+import * as T from "yup";
+import { useSelector as j, useDispatch as A } from "react-redux";
+const L = `${O}/api/Skill`, U = (e) => E.get(L, { params: e }), ne = (e) => E.get(`${L}/${e}`), ie = (e) => E.post(L, e), re = (e) => E.put(`${L}/${e.id}`, e), oe = (e) => E.delete(`${L}/${e}`), ce = (e) => {
+  const [s, c] = N([]);
+  I(() => {
+    o();
+  }, []);
+  const o = async () => {
+    try {
+      const i = await U();
+      c(i.data.items);
+    } catch (i) {
+      console.error(i.message);
+    }
+  }, { id: m, isDisabled: l } = e, u = s.map((i) => ({
+    id: i.id,
+    value: i.id,
+    label: i.path ? `${i.path}/${i.name}` : i.name
+  }));
+  return /* @__PURE__ */ t(
+    Q,
+    {
+      options: u,
+      defaultValue: m,
+      ...e,
+      isDisabled: l
+    }
+  );
+}, de = T.object({
+  name: T.string().required("Name is required"),
+  description: T.string()
+}), me = (e, s) => {
+  const {
+    header: c,
+    confirmText: o,
+    onConfirm: m,
+    skillDetail: l,
+    onCancel: u,
+    edited: i,
+    setEdited: n,
+    setEditedTrue: r,
+    setEditedFalse: k,
+    isDisabled: b
+  } = e, { t: d } = R();
+  return /* @__PURE__ */ t(
+    le,
+    {
+      initialValues: l,
+      enableReinitialize: !0,
+      validationSchema: de,
+      onSubmit: (g, p) => {
+        m(g), p.resetForm();
+      },
+      children: (g) => {
+        const {
+          values: p,
+          touched: x,
+          errors: C,
+          handleChange: D,
+          handleBlur: w,
+          handleSubmit: $,
+          resetForm: F
+        } = g;
+        return /* @__PURE__ */ t(
+          H,
+          {
+            header: c,
+            confirmText: o,
+            onConfirm: $,
+            ref: s,
+            onCancel: () => {
+              u(), F();
+            },
+            edited: i,
+            setEdited: n,
+            setEditedFalse: k,
+            children: /* @__PURE__ */ h(B, { children: [
+              /* @__PURE__ */ h(y, { md: 12, className: "mb-2", children: [
+                /* @__PURE__ */ t(J, { text: d("name") }),
+                /* @__PURE__ */ t(
+                  M,
+                  {
+                    name: "name",
+                    placeholder: d("name"),
+                    value: p.name,
+                    onChange: (a) => {
+                      D(a), r();
+                    },
+                    onBlur: w("name")
+                  }
+                ),
+                x.name && C.name && /* @__PURE__ */ t(
+                  K,
+                  {
+                    text: C.name
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ h(y, { md: 12, className: "mb-2", children: [
+                /* @__PURE__ */ t(P, { children: d("description") }),
+                /* @__PURE__ */ t(
+                  M,
+                  {
+                    type: "textarea",
+                    rows: 5,
+                    name: "description",
+                    placeholder: d("description"),
+                    value: p.description,
+                    onChange: (a) => {
+                      D(a), r();
+                    },
+                    onBlur: w("description")
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ h(y, { md: 12, className: "mb-2", children: [
+                /* @__PURE__ */ t(P, { children: d("parent_category") }),
+                /* @__PURE__ */ t(
+                  ce,
+                  {
+                    isDisabled: b,
+                    onChange: (a) => {
+                      g.setFieldValue(
+                        "parentSkillId",
+                        a.value
+                      ), r();
+                    },
+                    id: p.parentSkillId
+                  }
+                )
+              ] })
+            ] })
+          }
+        );
+      }
+    }
+  );
+}, ue = V(me), he = "Skill list", pe = () => {
+  const e = j((n) => n.skills.skillList), s = j((n) => n.skills.totalItems), { t: c } = R(), { filters: o, changeFilters: m } = X(), l = A(), u = _(async () => {
+    l(f(!0));
+    try {
+      const n = await U(o), { items: r, totalItems: k } = n.data;
+      l(Y({ skillList: r, totalItems: k }));
+    } catch (n) {
+      l(
+        S({
+          type: "danger",
+          message: n.response?.data?.title || n.message
+        })
+      );
+    }
+    l(f(!1));
+  }, [l, o]), i = _(
+    (n) => {
+      l(f(!0));
+      try {
+        l(
+          G({
+            isOpen: !0,
+            type: "warning",
+            message: c("do_you_want_to_remove_this_skill"),
+            onConfirm: async () => {
+              try {
+                await oe(n), l(
+                  S({
+                    type: "success",
+                    message: c("remove_skill_successfully")
+                  })
+                ), m({ currentPage: 1 });
+              } catch (r) {
+                l(
+                  S({
+                    type: "danger",
+                    message: r.response?.data?.title || r.message || "Error occured"
+                  })
+                );
+              }
+            }
+          })
+        );
+      } catch (r) {
+        l(
+          S({
+            type: "danger",
+            message: r.response?.data?.title || r.message || "Error occured"
+          })
+        );
+      }
+      l(f(!1));
+    },
+    [o]
+  );
+  return I(() => {
+    document.title = he;
+  }, []), I(() => {
+    u();
+  }, [o]), {
+    skillList: e,
+    totalItems: s,
+    filters: o,
+    changeFilters: m,
+    getData: u,
+    removeData: i
+  };
+}, v = {
+  name: "",
+  description: "",
+  path: "",
+  parentSkillId: null
+}, ge = () => {
+  const e = A(), [s, c] = N(0), [o, m] = N(v), [l, u] = N(!1), i = async () => {
+    localStorage.setItem(window.location.href, "true"), u(!0);
+  }, n = async () => {
+    localStorage.getItem(window.location.href) && localStorage.removeItem(window.location.href), u(!1);
+  };
+  I(() => {
+    s ? k() : m(v);
+  }, [s]);
+  const r = () => {
+    c(0), m(v);
+  };
+  I(() => {
+    n();
+  }, []);
+  const k = _(async () => {
+    e(f(!0));
+    try {
+      const d = await ne(s);
+      m(d.data);
+    } catch (d) {
+      e(
+        S({
+          type: "danger",
+          message: d.response?.data?.title || d.message
+        })
+      );
+    }
+    e(f(!1));
+  }, [s]), b = _(
+    async (d, g) => {
+      e(f(!0));
+      try {
+        await (s ? re : ie)(d), e(
+          S({
+            type: "success",
+            message: `${s ? "Update" : "Create"} skill successfully`
+          })
+        ), g && g(), s && c(0);
+      } catch (p) {
+        e(
+          S({
+            type: "danger",
+            message: p.response?.data?.title || p.message
+          })
+        );
+      }
+      e(f(!1));
+    },
+    [s, o]
+  );
+  return {
+    id: s,
+    setId: c,
+    skillDetail: o,
+    confirmData: b,
+    initValue: v,
+    reset: r,
+    edited: l,
+    setEdited: u,
+    setEditedTrue: i,
+    setEditedFalse: n
+  };
+}, Ie = () => {
+  const e = q(null), { t: s } = R(), {
+    skillList: c,
+    totalItems: o,
+    filters: m,
+    changeFilters: l,
+    getData: u,
+    removeData: i
+  } = pe(), {
+    id: n,
+    setId: r,
+    skillDetail: k,
+    confirmData: b,
+    reset: d,
+    edited: g,
+    setEdited: p,
+    setEditedTrue: x,
+    setEditedFalse: C
+  } = ge(), D = (a) => {
+    r(a || 0), e && e.current && e.current.toggle();
+  }, w = (a) => {
+    b(a, () => {
+      e && e.current && e.current.toggle(), u();
+    }), C();
+  }, $ = (a) => {
+    i(a);
+  }, F = () => d();
+  return /* @__PURE__ */ h("div", { className: "fadeIn animated", children: [
+    /* @__PURE__ */ t(
+      ue,
+      {
+        ref: e,
+        header: s(n ? "edit_skill" : "create_skill"),
+        confirmText: s(n ? "update" : "create"),
+        onCancel: F,
+        onConfirm: w,
+        skillDetail: k,
+        edited: g,
+        setEdited: p,
+        setEditedTrue: x,
+        setEditedFalse: C,
+        isDisabled: n
+      }
+    ),
+    /* @__PURE__ */ t(W, { when: g }),
+    /* @__PURE__ */ h(B, { className: "my-2", children: [
+      /* @__PURE__ */ t(y, { md: 4, children: /* @__PURE__ */ t(
+        Z,
+        {
+          text: s("create_skill"),
+          onClick: () => D()
+        }
+      ) }),
+      /* @__PURE__ */ h(
+        y,
+        {
+          md: 4,
+          className: "d-flex align-items-center justify-content-end",
+          children: [
+            s("total_of_skills"),
+            ": ",
+            o
+          ]
+        }
+      )
+    ] }),
+    /* @__PURE__ */ h(B, { className: "mb-2", children: [
+      /* @__PURE__ */ t(y, { md: 8, children: c && c.length > 0 ? /* @__PURE__ */ h(z, { bordered: !0, hover: !0, striped: !0, responsive: !0, size: "sm", children: [
+        /* @__PURE__ */ t("thead", { children: /* @__PURE__ */ h("tr", { children: [
+          /* @__PURE__ */ t("th", { className: "align-top", children: s("name") }),
+          /* @__PURE__ */ t("th", { className: "align-top", children: s("description") }),
+          /* @__PURE__ */ t("th", { className: "text-center", children: s("action") })
+        ] }) }),
+        /* @__PURE__ */ t("tbody", { children: c.map((a) => /* @__PURE__ */ h("tr", { children: [
+          /* @__PURE__ */ h("td", { className: "align-middle", children: [
+            /* @__PURE__ */ t(
+              ee,
+              {
+                label: a.name,
+                onClick: () => D(a.id)
+              }
+            ),
+            !!a.path && /* @__PURE__ */ t("p", { className: "mb-0 pl-3", children: /* @__PURE__ */ t("i", { children: a.path }) })
+          ] }),
+          /* @__PURE__ */ t("td", { className: "align-middle", children: a.description }),
+          /* @__PURE__ */ t("td", { className: "text-center align-middle", children: /* @__PURE__ */ t(
+            te,
+            {
+              onClick: () => $(a.id)
+            }
+          ) })
+        ] }, a.id)) })
+      ] }) : /* @__PURE__ */ t(se, { label: s("skill") }) }),
+      /* @__PURE__ */ t(y, { md: 8, className: "text-right", children: /* @__PURE__ */ t(
+        ae,
+        {
+          totalRecordCount: o,
+          filters: m,
+          changePageSize: (a) => l({ pageSize: a }),
+          changePage: (a) => l({ currentPage: a })
+        }
+      ) })
+    ] })
+  ] });
+};
+export {
+  Ie as default
+};

package/dist/TeacherSelector-BvZU1T7f.js

@@ -0,0 +1 @@
+"use strict";const e=require("react/jsx-runtime"),i=require("react"),l=require("./index-BIqG0fwH.js"),u=({options:t,isDisabled:r,scrollBottom:c,onCreateOption:d,...a})=>{const[s,n]=i.useState(),o=()=>{n(void 0)};return e.jsxs("div",{className:"w-100",children:[e.jsx("div",{className:"w-100",children:e.jsx(l.CreatableSelect$1,{isDisabled:r,options:t,menuPlacement:c?"top":"auto",onFocus:o,...a})}),!!s&&e.jsx("p",{className:"text-danger mb-0 mt-1",children:s})]})};exports.TeacherSelector=u;

package/dist/TeacherSelector-Lbrc8aTB.mjs

@@ -0,0 +1,30 @@
+import { jsxs as n, jsx as e } from "react/jsx-runtime";
+import { useState as m } from "react";
+import { am as l } from "./index-Dp_2Xoi-.mjs";
+const x = ({
+  options: s,
+  isDisabled: o,
+  scrollBottom: t,
+  onCreateOption: i,
+  ...a
+}) => {
+  const [r, c] = m();
+  return /* @__PURE__ */ n("div", { className: "w-100", children: [
+    /* @__PURE__ */ e("div", { className: "w-100", children: /* @__PURE__ */ e(
+      l,
+      {
+        isDisabled: o,
+        options: s,
+        menuPlacement: t ? "top" : "auto",
+        onFocus: () => {
+          c(void 0);
+        },
+        ...a
+      }
+    ) }),
+    !!r && /* @__PURE__ */ e("p", { className: "text-danger mb-0 mt-1", children: r })
+  ] });
+};
+export {
+  x as T
+};

package/dist/TheContent-CQIG1O3s.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),n=require("react"),s=require("react-router-dom"),r=require("@coreui/react"),m=require("./index-BIqG0fwH.js"),u=e.jsx("div",{className:"app-initial-loader",style:{position:"relative",height:"100%",minHeight:"400px",backgroundColor:"transparent",width:"100%"},children:e.jsxs("div",{className:"loader-container",children:[e.jsx("img",{src:"/images/mario-logo.png",alt:"Mario Education Logo",className:"loader-logo",style:{maxWidth:"220px"}}),e.jsx("div",{className:"loading-text",children:"Loading your page..."}),e.jsxs("div",{className:"loading-dots",children:[e.jsx("span",{className:"dot"}),e.jsx("span",{className:"dot"}),e.jsx("span",{className:"dot"})]})]})}),x=({routes:o})=>{const i=s.useLocation(),{pathname:a}=i,l=a.includes("/admin")?"":"box-container",c=a.includes("/admin")?"p-4":"";return e.jsx("main",{className:`c-main ${l}`,style:{height:"100%"},children:e.jsx(r.CContainer,{fluid:!0,className:`h-100 ${c}`,style:{flex:1},children:e.jsx(n.Suspense,{fallback:u,children:e.jsxs(s.Routes,{children:[o.map((t,d)=>e.jsx(s.Route,{path:t.path,element:e.jsx(t.component,{})},d)),e.jsx(s.Route,{path:"*",element:e.jsx(m.NotFound,{})})]})})})})},h=n.memo(x);exports.default=h;

package/dist/TheContent-QcVrHdQv.mjs

@@ -0,0 +1,38 @@
+import { jsx as a, jsxs as e } from "react/jsx-runtime";
+import { memo as m, Suspense as r } from "react";
+import { useLocation as p, Routes as h, Route as t } from "react-router-dom";
+import { CContainer as g } from "@coreui/react";
+import { H as u } from "./index-Dp_2Xoi-.mjs";
+const N = /* @__PURE__ */ a("div", { className: "app-initial-loader", style: { position: "relative", height: "100%", minHeight: "400px", backgroundColor: "transparent", width: "100%" }, children: /* @__PURE__ */ e("div", { className: "loader-container", children: [
+  /* @__PURE__ */ a(
+    "img",
+    {
+      src: "/images/mario-logo.png",
+      alt: "Mario Education Logo",
+      className: "loader-logo",
+      style: { maxWidth: "220px" }
+    }
+  ),
+  /* @__PURE__ */ a("div", { className: "loading-text", children: "Loading your page..." }),
+  /* @__PURE__ */ e("div", { className: "loading-dots", children: [
+    /* @__PURE__ */ a("span", { className: "dot" }),
+    /* @__PURE__ */ a("span", { className: "dot" }),
+    /* @__PURE__ */ a("span", { className: "dot" })
+  ] })
+] }) }), f = ({ routes: i }) => {
+  const s = p(), { pathname: o } = s, l = o.includes("/admin") ? "" : "box-container", d = o.includes("/admin") ? "p-4" : "";
+  return /* @__PURE__ */ a("main", { className: `c-main ${l}`, style: { height: "100%" }, children: /* @__PURE__ */ a(g, { fluid: !0, className: `h-100 ${d}`, style: { flex: 1 }, children: /* @__PURE__ */ a(r, { fallback: N, children: /* @__PURE__ */ e(h, { children: [
+    i.map((n, c) => /* @__PURE__ */ a(
+      t,
+      {
+        path: n.path,
+        element: /* @__PURE__ */ a(n.component, {})
+      },
+      c
+    )),
+    /* @__PURE__ */ a(t, { path: "*", element: /* @__PURE__ */ a(u, {}) })
+  ] }) }) }) });
+}, L = m(f);
+export {
+  L as default
+};