add: domain in access and page

src/partials/Admin/Access.tsx

@@ -37,6 +37,7 @@ export default function Access() {
           pagesInfo.page === 1
             ? i + 1
             : i + pagesInfo.page_size * (pagesInfo.page - 1) + 1,
+          item?.domain?.fa_name || item?.page_data?.domain?.fa_name || "-",
           item?.name,
           item?.description,
           `${getFaPermissions(item?.page)} (${item?.page})`,
@@ -119,6 +120,7 @@ export default function Access() {
           title="مدیریت دسترسی ها"
           columns={[
             "ردیف",
+            "حوزه",
             "دسترسی",
             "توضیحات",
             "صفحه",

src/partials/Admin/AddPage.tsx

@@ -3,14 +3,19 @@ import Button from "../../components/Button/Button";
 import { Grid } from "../../components/Grid/Grid";
 import Textfield from "../../components/Textfeild/Textfeild";
 import { useForm, Controller } from "react-hook-form";
-import { zValidateEnglishString } from "../../data/getFormTypeErrors";
+import {
+  zValidateEnglishString,
+  zValidateNumber,
+} from "../../data/getFormTypeErrors";
 import { z } from "zod";
 import { useApiMutation } from "../../utils/useApiRequest";
 import { useToast } from "../../hooks/useToast";
 import { useModalStore } from "../../context/zustand-store/appStore";
+import { FormApiBasedAutoComplete } from "../../components/FormItems/FormApiBasedAutoComplete";
 
 const schema = z.object({
   page: zValidateEnglishString("نام صفحه"),
+  domain: zValidateNumber("حوزه"),
 });
 
 type AddPageProps = {
@@ -27,11 +32,13 @@ export const AddPage = ({ getData, item }: AddPageProps) => {
   const {
     control,
     handleSubmit,
+    setValue,
     formState: { errors },
   } = useForm<FormValues>({
     resolver: zodResolver(schema),
     defaultValues: {
       page: item?.name || "",
+      domain: item?.domain?.id,
     },
   });
 
@@ -45,6 +52,7 @@ export const AddPage = ({ getData, item }: AddPageProps) => {
       const payload = {
         name: data.page,
         code: data.page + ".view",
+        domain: data.domain,
       };
 
       if (item) {
@@ -83,6 +91,25 @@ export const AddPage = ({ getData, item }: AddPageProps) => {
             />
           )}
         />
+        <Controller
+          name="domain"
+          control={control}
+          render={() => (
+            <FormApiBasedAutoComplete
+              selectField
+              defaultKey={item?.domain?.id}
+              title="انتخاب حوزه"
+              api="/core/domain/"
+              keyField="id"
+              valueField="fa_name"
+              error={!!errors.domain}
+              errorMessage={errors.domain?.message}
+              onChange={(value) => {
+                setValue("domain", value);
+              }}
+            />
+          )}
+        />
         <Button type="submit">ثبت</Button>
       </Grid>
     </form>

src/partials/Admin/Pages.tsx

@@ -32,6 +32,7 @@ export default function Pages() {
             ? i + 1
             : i + pagesInfo.page_size * (pagesInfo.page - 1) + 1,
           getFaPermissions(item?.name),
+          item?.domain?.fa_name || "-",
           item?.name,
           item?.permissions?.map((option: any) => option.name)?.join(" - "),
           <Popover key={i}>
@@ -110,7 +111,7 @@ export default function Pages() {
         count={pagesData?.count || 10}
         isPaginated
         title="صفحات سامانه"
-        columns={["ردیف", "صفحه", "کلید", "دسترسی ها", "عملیات"]}
+        columns={["ردیف", "صفحه", "حوزه", "کلید", "دسترسی ها", "عملیات"]}
         rows={pagesTableData}
       />
     </Grid>

src/partials/Admin/UnusedAccess.tsx

@@ -29,6 +29,7 @@ export default function UnusedAccess() {
           pagesInfo.page === 1
             ? i + 1
             : i + pagesInfo.page_size * (pagesInfo.page - 1) + 1,
+          item?.domain?.fa_name || item?.page_data?.domain?.fa_name || "-",
           item?.name,
           item?.description,
           `${getFaPermissions(item?.page)} (${item?.page})`,
@@ -63,7 +64,7 @@ export default function UnusedAccess() {
         count={pagesData?.count || 10}
         isPaginated
         title="دسترسی های غیر فعال"
-        columns={["ردیف", "دسترسی", "توضیحات", "صفحه", "عملیات"]}
+        columns={["ردیف", "حوزه", "دسترسی", "توضیحات", "صفحه", "عملیات"]}
         rows={pagesTableData}
       />
     </Grid>