@hedhog/admin 0.12.1 → 0.12.3

package/frontend/screen/react-query/requests.ts.ejs

@@ -0,0 +1,56 @@
+import { useApp } from "@/hooks/use-app";
+import { Delete, PaginationParams, PaginationResult } from "@/types";
+import { Screen } from "@/types/models";
+import { HttpMethod } from "@/types/http-method";
+import { formatDataWithLocale } from "@hedhog/utils";
+
+export function requests() {
+  const { request } = useApp();
+
+  const screenList = async (params: PaginationParams) => {
+    return request<PaginationResult<Screen>>({
+      url: "/screen",
+      params,
+    }).then((res) => res.data);
+  };
+
+  const screenGet = async (id: number) => {
+    return request<Screen>({
+      url: `/screen/${id}`,
+    }).then((res) => res.data);
+  };
+
+  const screenCreate = async (params: { data: Screen }) => {
+    const { data } = params;
+    return request<Screen>({
+      url: "/screen",
+      method: HttpMethod.POST,
+      data: formatDataWithLocale(data),
+    }).then((res) => res.data);
+  };
+
+  const screenDelete = async (ids: number[]) => {
+    return request<Delete>({
+      url: "/screen",
+      data: { ids },
+      method: HttpMethod.DELETE,
+    }).then((res) => res.data);
+  };
+
+  const screenUpdate = async (params: { id: number; data: Screen }) => {
+    const { id, data } = params;
+    return request<Screen>({
+      url: `/screen/${id}`,
+      method: HttpMethod.PATCH,
+      data: formatDataWithLocale(data),
+    }).then((res) => res.data);
+  };
+
+  return {
+    screenCreate,
+    screenUpdate,
+    screenDelete,
+    screenList,
+    screenGet,
+  };
+}

package/frontend/screen-locale/locales/en/admin.screen-locale.json

@@ -0,0 +1,11 @@
+{
+  "create": "Create screen locale",
+  "createText": "Fill the screen locale informations.",
+  "createTooltip": "Create new screen locale",
+  "delete": "Delete screen locale",
+  "deleteText": "Are you sure to delete these screen locale?",
+  "deleteTooltip": "Delete the selected screen locale",
+  "edit": "Edit screen locale",
+  "editText": "View and edit screen locale information.",
+  "editTooltip": "Edit the selected screen locale"
+}

package/frontend/screen-locale/locales/pt/admin.screen-locale.json

@@ -0,0 +1,11 @@
+{
+  "create": "Criar tela locale",
+  "createText": "Preencha as informações da tela locale.",
+  "createTooltip": "Criar nova tela locale",
+  "delete": "Excluir tela locale",
+  "deleteText": "Você tem certeza de que deseja excluir estas telas locale?",
+  "deleteTooltip": "Excluir a tela locale selecionada",
+  "edit": "Editar tela locale",
+  "editText": "Visualizar e editar as informações da tela locale.",
+  "editTooltip": "Editar a tela locale selecionada"
+}

package/frontend/translation/components/create-panel.tsx.ejs

@@ -0,0 +1,52 @@
+import FormPanel, { FormPanelRef } from "@/components/panels/form-panel";
+
+import { useTranslationCreate } from "@/features/admin/translation";
+import { Translation } from "@/types/models";
+import { forwardRef, useImperativeHandle, useRef } from "react";
+import { useTranslation } from "react-i18next";
+
+export type TranslationCreatePanelRef = {
+  submit: () => void;
+};
+
+export type TranslationCreatePanelProps = {
+  onCreated?: (data: Translation) => void;
+};
+
+const TranslationCreatePanel = forwardRef(
+  ({ onCreated }: TranslationCreatePanelProps, ref) => {
+    const formRef = useRef<FormPanelRef>(null);
+    const { t } = useTranslation(["actions", "fields", "translations"]);
+    const { mutateAsync: createTranslation } = useTranslationCreate();
+
+    useImperativeHandle(
+      ref,
+      () => ({
+        submit: () => {
+          formRef.current?.submit();
+        },
+      }),
+      [formRef],
+    );
+
+    return (
+      <FormPanel
+        ref={formRef}
+        fields={[]}
+        button={{ text: t("create", { ns: "actions" }) }}
+        onSubmit={async (data) => {
+          const createdData = await createTranslation({
+            data,
+          });
+          if (typeof onCreated === "function") {
+            onCreated(createdData as any);
+          }
+        }}
+      />
+    );
+  },
+);
+
+TranslationCreatePanel.displayName = "TranslationCreatePanel";
+
+export default TranslationCreatePanel;

package/frontend/translation/components/update-panel.tsx.ejs

@@ -0,0 +1,67 @@
+import FormPanel, { FormPanelRef } from "@/components/panels/form-panel";
+import { Overlay } from "@/components/custom/overlay";
+import { TabPanel } from "@/components/panels/tab-panel";
+import {
+  useTranslationGet,
+  useTranslationUpdate,
+} from "@/features/admin/translation";
+import useEffectAfterFirstUpdate from "@/hooks/use-effect-after-first-update";
+import { Translation } from "@/types/models";
+import { useState, forwardRef, useImperativeHandle, useRef } from "react";
+import { useTranslation } from "react-i18next";
+import { IconEdit, IconPlus, IconTrash } from "@tabler/icons-react";
+
+export type TranslationUpdatePanelProps = {
+  data: Translation;
+  onUpdated?: (data: Translation) => void;
+};
+
+const TranslationUpdatePanel = forwardRef(
+  ({ data, onUpdated }: TranslationUpdatePanelProps, ref) => {
+    const { t } = useTranslation(["actions", "fields", "translations"]);
+    const { data: item, isLoading } = useTranslationGet(data.id as number);
+    const { mutate: translationUpdate } = useTranslationUpdate();
+    const formRef = useRef<FormPanelRef>(null);
+
+    useEffectAfterFirstUpdate(() => {
+      if (item && formRef.current) {
+        formRef.current.setValuesFromItem(item);
+      }
+    }, [item]);
+
+    useImperativeHandle(ref, () => ({}));
+
+    return (
+      <TabPanel
+        activeTabIndex={0}
+        tabs={[
+          {
+            title: t("details", { ns: "actions" }),
+            children: (
+              <Overlay loading={isLoading}>
+                <FormPanel
+                  ref={formRef}
+                  fields={[]}
+                  button={{ text: t("save", { ns: "actions" }) }}
+                  onSubmit={(data) => {
+                    translationUpdate({
+                      id: data.id,
+                      data,
+                    });
+                    if (typeof onUpdated === "function") {
+                      onUpdated(data);
+                    }
+                  }}
+                />
+              </Overlay>
+            ),
+          },
+        ]}
+      />
+    );
+  },
+);
+
+TranslationUpdatePanel.displayName = "TranslationUpdatePanel";
+
+export default TranslationUpdatePanel;

package/frontend/translation/fields/en.json

@@ -0,0 +1 @@
+{}

package/frontend/translation/fields/pt.json

@@ -0,0 +1 @@
+{}

package/frontend/translation/locales/en/admin.translation.json

@@ -0,0 +1,11 @@
+{
+  "create": "Create translation",
+  "createText": "Fill the translation informations.",
+  "createTooltip": "Create new translation",
+  "delete": "Delete translation",
+  "deleteText": "Are you sure to delete these translation?",
+  "deleteTooltip": "Delete the selected translation",
+  "edit": "Edit translation",
+  "editText": "View and edit translation information.",
+  "editTooltip": "Edit the selected translation"
+}

package/frontend/translation/locales/pt/admin.translation.json

@@ -0,0 +1,11 @@
+{
+  "create": "Criar translation",
+  "createText": "Preencha as informações da translation.",
+  "createTooltip": "Criar nova translation",
+  "delete": "Excluir translation",
+  "deleteText": "Você tem certeza de que deseja excluir estas translation?",
+  "deleteTooltip": "Excluir a translation selecionada",
+  "edit": "Editar translation",
+  "editText": "Ver e editar as informações da translation.",
+  "editTooltip": "Editar a translation selecionada"
+}

package/frontend/translation/modules/en.json

@@ -0,0 +1 @@
+{}

package/frontend/translation/modules/pt.json

@@ -0,0 +1 @@
+{}

package/frontend/translation/react-query/handlers.ts.ejs

@@ -0,0 +1,28 @@
+import { useDefaultMutation } from "@/hooks/use-default-mutation";
+import { useQuery } from "@tanstack/react-query";
+import { requests } from "./requests";
+
+const scope = "translation";
+
+export function useTranslationCreate() {
+  const { translationCreate } = requests();
+  return useDefaultMutation(scope, "create", translationCreate);
+}
+
+export function useTranslationDelete() {
+  const { translationDelete } = requests();
+  return useDefaultMutation(scope, "delete", translationDelete);
+}
+
+export function useTranslationUpdate() {
+  const { translationUpdate } = requests();
+  return useDefaultMutation(scope, "update", translationUpdate);
+}
+
+export function useTranslationGet(id: number) {
+  const { translationGet } = requests();
+  return useQuery({
+    queryKey: [scope, "get"],
+    queryFn: () => translationGet(id),
+  });
+}

package/frontend/translation/react-query/requests.ts.ejs

@@ -0,0 +1,58 @@
+import { useApp } from "@/hooks/use-app";
+import { Delete, PaginationParams, PaginationResult } from "@/types";
+import { Translation } from "@/types/models";
+import { HttpMethod } from "@/types/http-method";
+
+export function requests() {
+  const { request } = useApp();
+
+  const translationList = async (params: PaginationParams) => {
+    return request<PaginationResult<Translation>>({
+      url: "/translation",
+      params,
+    }).then((res) => res.data);
+  };
+
+  const translationGet = async (id: number) => {
+    return request<Translation>({
+      url: `/translation/${id}`,
+    }).then((res) => res.data);
+  };
+
+  const translationCreate = async (params: { data: Translation }) => {
+    const { data } = params;
+    return request<Translation>({
+      url: "/translation",
+      method: HttpMethod.POST,
+      data: data,
+    }).then((res) => res.data);
+  };
+
+  const translationDelete = async (ids: number[]) => {
+    return request<Delete>({
+      url: "/translation",
+      data: { ids },
+      method: HttpMethod.DELETE,
+    }).then((res) => res.data);
+  };
+
+  const translationUpdate = async (params: {
+    id: number;
+    data: Translation;
+  }) => {
+    const { id, data } = params;
+    return request<Translation>({
+      url: `/translation/${id}`,
+      method: HttpMethod.PATCH,
+      data: data,
+    }).then((res) => res.data);
+  };
+
+  return {
+    translationCreate,
+    translationUpdate,
+    translationDelete,
+    translationList,
+    translationGet,
+  };
+}

package/frontend/translation-namespace/components/create-panel.tsx.ejs

@@ -0,0 +1,53 @@
+import FormPanel, { FormPanelRef } from "@/components/panels/form-panel";
+
+import { useTranslationNamespaceCreate } from "@/features/admin/translation-namespace";
+import { TranslationNamespace } from "@/types/models";
+import { forwardRef, useImperativeHandle, useRef } from "react";
+import { useTranslation } from "react-i18next";
+
+export type TranslationNamespaceCreatePanelRef = {
+  submit: () => void;
+};
+
+export type TranslationNamespaceCreatePanelProps = {
+  onCreated?: (data: TranslationNamespace) => void;
+};
+
+const TranslationNamespaceCreatePanel = forwardRef(
+  ({ onCreated }: TranslationNamespaceCreatePanelProps, ref) => {
+    const formRef = useRef<FormPanelRef>(null);
+    const { t } = useTranslation(["actions", "fields", "translations"]);
+    const { mutateAsync: createTranslationNamespace } =
+      useTranslationNamespaceCreate();
+
+    useImperativeHandle(
+      ref,
+      () => ({
+        submit: () => {
+          formRef.current?.submit();
+        },
+      }),
+      [formRef],
+    );
+
+    return (
+      <FormPanel
+        ref={formRef}
+        fields={[]}
+        button={{ text: t("create", { ns: "actions" }) }}
+        onSubmit={async (data) => {
+          const createdData = await createTranslationNamespace({
+            data,
+          });
+          if (typeof onCreated === "function") {
+            onCreated(createdData as any);
+          }
+        }}
+      />
+    );
+  },
+);
+
+TranslationNamespaceCreatePanel.displayName = "TranslationNamespaceCreatePanel";
+
+export default TranslationNamespaceCreatePanel;

package/frontend/translation-namespace/components/update-panel.tsx.ejs

@@ -0,0 +1,70 @@
+import FormPanel, { FormPanelRef } from "@/components/panels/form-panel";
+import { Overlay } from "@/components/custom/overlay";
+import { TabPanel } from "@/components/panels/tab-panel";
+import {
+  useTranslationNamespaceGet,
+  useTranslationNamespaceUpdate,
+} from "@/features/admin/translation-namespace";
+import useEffectAfterFirstUpdate from "@/hooks/use-effect-after-first-update";
+import { TranslationNamespace } from "@/types/models";
+import { useState, forwardRef, useImperativeHandle, useRef } from "react";
+import { useTranslation } from "react-i18next";
+import { IconEdit, IconPlus, IconTrash } from "@tabler/icons-react";
+
+export type TranslationNamespaceUpdatePanelProps = {
+  data: TranslationNamespace;
+  onUpdated?: (data: TranslationNamespace) => void;
+};
+
+const TranslationNamespaceUpdatePanel = forwardRef(
+  ({ data, onUpdated }: TranslationNamespaceUpdatePanelProps, ref) => {
+    const { t } = useTranslation(["actions", "fields", "translations"]);
+    const { data: item, isLoading } = useTranslationNamespaceGet(
+      data.id as number,
+    );
+    const { mutate: translationNamespaceUpdate } =
+      useTranslationNamespaceUpdate();
+    const formRef = useRef<FormPanelRef>(null);
+
+    useEffectAfterFirstUpdate(() => {
+      if (item && formRef.current) {
+        formRef.current.setValuesFromItem(item);
+      }
+    }, [item]);
+
+    useImperativeHandle(ref, () => ({}));
+
+    return (
+      <TabPanel
+        activeTabIndex={0}
+        tabs={[
+          {
+            title: t("details", { ns: "actions" }),
+            children: (
+              <Overlay loading={isLoading}>
+                <FormPanel
+                  ref={formRef}
+                  fields={[]}
+                  button={{ text: t("save", { ns: "actions" }) }}
+                  onSubmit={(data) => {
+                    translationNamespaceUpdate({
+                      id: data.id,
+                      data,
+                    });
+                    if (typeof onUpdated === "function") {
+                      onUpdated(data);
+                    }
+                  }}
+                />
+              </Overlay>
+            ),
+          },
+        ]}
+      />
+    );
+  },
+);
+
+TranslationNamespaceUpdatePanel.displayName = "TranslationNamespaceUpdatePanel";
+
+export default TranslationNamespaceUpdatePanel;

package/frontend/translation-namespace/locales/en/admin.translation-namespace.json

@@ -0,0 +1,11 @@
+{
+  "create": "Create translation namespace",
+  "createText": "Fill the translation namespace informations.",
+  "createTooltip": "Create new translation namespace",
+  "delete": "Delete translation namespace",
+  "deleteText": "Are you sure to delete these translation namespace?",
+  "deleteTooltip": "Delete the selected translation namespace",
+  "edit": "Edit translation namespace",
+  "editText": "View and edit translation namespace information.",
+  "editTooltip": "Edit the selected translation namespace"
+}

package/frontend/translation-namespace/locales/pt/admin.translation-namespace.json

@@ -0,0 +1,11 @@
+{
+  "create": "Criar translation namespace",
+  "createText": "Preencha as informações do translation namespace.",
+  "createTooltip": "Criar novo translation namespace",
+  "delete": "Excluir translation namespace",
+  "deleteText": "Você tem certeza de que deseja excluir estes translation namespace?",
+  "deleteTooltip": "Excluir o translation namespace selecionado",
+  "edit": "Editar translation namespace",
+  "editText": "Visualizar e editar informações do translation namespace.",
+  "editTooltip": "Editar o translation namespace selecionado"
+}

package/frontend/translation-namespace/react-query/handlers.ts.ejs

@@ -0,0 +1,28 @@
+import { useDefaultMutation } from "@/hooks/use-default-mutation";
+import { useQuery } from "@tanstack/react-query";
+import { requests } from "./requests";
+
+const scope = "translation-namespace";
+
+export function useTranslationNamespaceCreate() {
+  const { translationNamespaceCreate } = requests();
+  return useDefaultMutation(scope, "create", translationNamespaceCreate);
+}
+
+export function useTranslationNamespaceDelete() {
+  const { translationNamespaceDelete } = requests();
+  return useDefaultMutation(scope, "delete", translationNamespaceDelete);
+}
+
+export function useTranslationNamespaceUpdate() {
+  const { translationNamespaceUpdate } = requests();
+  return useDefaultMutation(scope, "update", translationNamespaceUpdate);
+}
+
+export function useTranslationNamespaceGet(id: number) {
+  const { translationNamespaceGet } = requests();
+  return useQuery({
+    queryKey: [scope, "get"],
+    queryFn: () => translationNamespaceGet(id),
+  });
+}

package/frontend/translation-namespace/react-query/requests.ts.ejs

@@ -0,0 +1,60 @@
+import { useApp } from "@/hooks/use-app";
+import { Delete, PaginationParams, PaginationResult } from "@/types";
+import { TranslationNamespace } from "@/types/models";
+import { HttpMethod } from "@/types/http-method";
+
+export function requests() {
+  const { request } = useApp();
+
+  const translationNamespaceList = async (params: PaginationParams) => {
+    return request<PaginationResult<TranslationNamespace>>({
+      url: "/translation-namespace",
+      params,
+    }).then((res) => res.data);
+  };
+
+  const translationNamespaceGet = async (id: number) => {
+    return request<TranslationNamespace>({
+      url: `/translation-namespace/${id}`,
+    }).then((res) => res.data);
+  };
+
+  const translationNamespaceCreate = async (params: {
+    data: TranslationNamespace;
+  }) => {
+    const { data } = params;
+    return request<TranslationNamespace>({
+      url: "/translation-namespace",
+      method: HttpMethod.POST,
+      data: data,
+    }).then((res) => res.data);
+  };
+
+  const translationNamespaceDelete = async (ids: number[]) => {
+    return request<Delete>({
+      url: "/translation-namespace",
+      data: { ids },
+      method: HttpMethod.DELETE,
+    }).then((res) => res.data);
+  };
+
+  const translationNamespaceUpdate = async (params: {
+    id: number;
+    data: TranslationNamespace;
+  }) => {
+    const { id, data } = params;
+    return request<TranslationNamespace>({
+      url: `/translation-namespace/${id}`,
+      method: HttpMethod.PATCH,
+      data: data,
+    }).then((res) => res.data);
+  };
+
+  return {
+    translationNamespaceCreate,
+    translationNamespaceUpdate,
+    translationNamespaceDelete,
+    translationNamespaceList,
+    translationNamespaceGet,
+  };
+}

package/frontend/user/components/create-panel.tsx.ejs

@@ -0,0 +1,52 @@
+import FormPanel, { FormPanelRef } from "@/components/panels/form-panel";
+
+import { useUserCreate } from "@/features/admin/user";
+import { User } from "@/types/models";
+import { forwardRef, useImperativeHandle, useRef } from "react";
+import { useTranslation } from "react-i18next";
+
+export type UserCreatePanelRef = {
+  submit: () => void;
+};
+
+export type UserCreatePanelProps = {
+  onCreated?: (data: User) => void;
+};
+
+const UserCreatePanel = forwardRef(
+  ({ onCreated }: UserCreatePanelProps, ref) => {
+    const formRef = useRef<FormPanelRef>(null);
+    const { t } = useTranslation(["actions", "fields", "translations"]);
+    const { mutateAsync: createUser } = useUserCreate();
+
+    useImperativeHandle(
+      ref,
+      () => ({
+        submit: () => {
+          formRef.current?.submit();
+        },
+      }),
+      [formRef],
+    );
+
+    return (
+      <FormPanel
+        ref={formRef}
+        fields={[]}
+        button={{ text: t("create", { ns: "actions" }) }}
+        onSubmit={async (data) => {
+          const createdData = await createUser({
+            data,
+          });
+          if (typeof onCreated === "function") {
+            onCreated(createdData as any);
+          }
+        }}
+      />
+    );
+  },
+);
+
+UserCreatePanel.displayName = "UserCreatePanel";
+
+export default UserCreatePanel;