From f27b647eb06d5fcec517bde08a05aed66c007bfe Mon Sep 17 00:00:00 2001
From: opbnq-q <cko.vladislav@gmail.com>
Date: Thu, 13 Mar 2025 20:45:12 +0700
Subject: [PATCH] sync

---
 frontend/src/post/PostScheme.vue              |   7 +-
 frontend/src/table/Table.vue                  | 138 +++++++++++++-----
 frontend/src/types/search.type.ts             |   3 +
 frontend/src/types/sort.type.ts               |   7 +
 frontend/src/types/table-emits.type.ts        |   1 +
 frontend/src/types/table-props.type.ts        |   2 +
 .../src/utils/structs/default-sort.util.ts    |   6 +
 7 files changed, 123 insertions(+), 41 deletions(-)
 create mode 100644 frontend/src/types/search.type.ts
 create mode 100644 frontend/src/types/sort.type.ts
 create mode 100644 frontend/src/utils/structs/default-sort.util.ts

diff --git a/frontend/src/post/PostScheme.vue b/frontend/src/post/PostScheme.vue
index 0fb0286..a470638 100644
--- a/frontend/src/post/PostScheme.vue
+++ b/frontend/src/post/PostScheme.vue
@@ -16,6 +16,7 @@ const posttypeService = new PosttypeService();
 
 import CommentService from "../comment/comment.service.ts";
 import { SortedByOrder } from "../../bindings/app/internal/services/postservice.ts";
+import type { Search } from "../types/search.type.ts";
 
 const commentService = new CommentService();
 
@@ -132,10 +133,14 @@ const validate: Validate<Post> = (entity) => {
         status: "success",
     };
 };
+
+const search: Search<Post> = (input) => {
+    
+}
 </script>
 
 <template>
-    <Table :scheme :service :get-defaults :load :items :validate >
+    <Table :scheme :service :get-defaults :load :items :validate @on-search="search">
         <template #CommentsCreate="{ data }">
             <p>{{ data }}</p>
         </template>
diff --git a/frontend/src/table/Table.vue b/frontend/src/table/Table.vue
index 5b6c5f2..9d4cb28 100644
--- a/frontend/src/table/Table.vue
+++ b/frontend/src/table/Table.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts" generic="T extends IEntity">
 import { onMounted, ref, watch, type UnwrapRef } from "vue";
 import type { TableProps } from "../types/table-props.type";
-import { DataTable, Column, Button } from "primevue";
+import { DataTable, Column, Button, InputText } from "primevue";
 import { manyStructsView } from "../utils/structs/structs-view.util";
 import type { TableEmits } from "../types/table-emits.type";
 import FloatingButton from "../components/buttons/FloatingButton.vue";
@@ -12,7 +12,7 @@ import { viewDate } from "../utils/date/view.util";
 const props = defineProps<TableProps<T>>();
 
 onMounted(async () => {
-    props.load()
+    props.load();
 });
 
 type Key = keyof T;
@@ -56,8 +56,8 @@ watch(createItem, (value) => {
 });
 
 const handleFloatingButtonClick = () => {
-    emits('onCreateOpen')
-    emits('onOpen')
+    emits("onCreateOpen");
+    emits("onOpen");
     showCreate.value = true;
 };
 const slots = defineSlots();
@@ -65,23 +65,44 @@ const slots = defineSlots();
 const createSlotName = (key: any) => key + "Create";
 const updateSlotName = (key: any) => key + "Update";
 
-watch(() => props.items, () => {
-    if (props.colorize) {
-        const trs = document.querySelectorAll("tr");
-        props.items.forEach(item => {
-            const tr = trs[item.Id];
-            if (tr) {
-                tr.style.backgroundColor = props.colorize!(item);
-            }
-        })
-    }
-})
+watch(
+    () => props.items,
+    () => {
+        if (props.colorize) {
+            const trs = document.querySelectorAll("tr");
+            props.items.forEach((item) => {
+                const tr = trs[item.Id];
+                if (tr) {
+                    tr.style.backgroundColor = props.colorize!(item);
+                }
+            });
+        }
+    },
+);
+
+const input = defineModel<string>("search", { default: "" });
 </script>
 
 <template>
-    <DialogWindow :name :load :items :validate :scheme :service :get-defaults v-model:item="<T>createItem"
-        v-model:show="showCreate" @on-save="data => emits('onSave', data)"
-        @on-save-create="data => emits('onSaveCreate', data)">
+    <div class="flex h-10 justify-center m-4 gap-2">
+        <InputText v-model="input" placeholder="Поиск" class="h-full w-64" />
+        <Button class="h-full aspect-square" severity="secondary">
+            <span class="pi pi-search"></span>
+        </Button>
+    </div>
+    <DialogWindow
+        :name
+        :load
+        :items
+        :validate
+        :scheme
+        :service
+        :get-defaults
+        v-model:item="<T>createItem"
+        v-model:show="showCreate"
+        @on-save="(data) => emits('onSave', data)"
+        @on-save-create="(data) => emits('onSaveCreate', data)"
+    >
         <template v-for="key in keys" #[key]="{ data }">
             <slot :name="<string>key" :data></slot>
         </template>
@@ -89,9 +110,20 @@ watch(() => props.items, () => {
             <slot :name="createSlotName(key)" :data></slot>
         </template>
     </DialogWindow>
-    <DialogWindow :name :load :items :validate :scheme update-mode :service :get-defaults v-model:item="<T>updateItem"
-        v-model:show="showUpdate" @on-save="data => emits('onSave', data)"
-        @on-save-update="data => emits('onSaveUpdate', data)">
+    <DialogWindow
+        :name
+        :load
+        :items
+        :validate
+        :scheme
+        update-mode
+        :service
+        :get-defaults
+        v-model:item="<T>updateItem"
+        v-model:show="showUpdate"
+        @on-save="(data) => emits('onSave', data)"
+        @on-save-update="(data) => emits('onSaveUpdate', data)"
+    >
         <template v-for="key in keys" #[key]="{ data }">
             <slot :name="<string>key" :data></slot>
         </template>
@@ -105,17 +137,31 @@ watch(() => props.items, () => {
                 <p>{{ props.name }}</p>
             </template>
             <template v-for="key in keys">
-                <Column :header="props.scheme[key]?.russian" v-if="!props.scheme[key].hidden">
+                <Column
+                    :header="props.scheme[key]?.russian"
+                    v-if="!props.scheme[key].hidden"
+                >
                     <template #body="{ data }">
-                        <p class="truncate max-w-56" v-tooltip="viewDate(manyStructsView(
-                            data[key],
-                            props.scheme[key]?.type?.nested?.field,
-                        ), scheme[key]?.type?.primitive)">
+                        <p
+                            class="truncate max-w-56"
+                            v-tooltip="
+                                viewDate(
+                                    manyStructsView(
+                                        data[key],
+                                        props.scheme[key]?.type?.nested?.field,
+                                    ),
+                                    scheme[key]?.type?.primitive,
+                                )
+                            "
+                        >
                             {{
-                                viewDate(manyStructsView(
-                                    data[key],
-                                    props.scheme[key]?.type?.nested?.field,
-                                ), scheme[key]?.type?.primitive)
+                                viewDate(
+                                    manyStructsView(
+                                        data[key],
+                                        props.scheme[key]?.type?.nested?.field,
+                                    ),
+                                    scheme[key]?.type?.primitive,
+                                )
                             }}
                         </p>
                     </template>
@@ -124,16 +170,28 @@ watch(() => props.items, () => {
             <Column header="Действия">
                 <template #body="{ data }">
                     <div class="flex gap-2">
-                        <Button severity="secondary" icon="pi pi-pencil" @click="async () => {
-                            await emits('onUpdateOpen')
-                            await emits('onOpen')
-                            updateItem = data
-                        }"></Button>
-                        <Button severity="danger" icon="pi pi-trash" @click="async () => {
-                            await emits('onDelete', data)
-                            await props.service.delete(data.Id)
-                            await load()
-                        }"></Button>
+                        <Button
+                            severity="secondary"
+                            icon="pi pi-pencil"
+                            @click="
+                                async () => {
+                                    await emits('onUpdateOpen');
+                                    await emits('onOpen');
+                                    updateItem = data;
+                                }
+                            "
+                        ></Button>
+                        <Button
+                            severity="danger"
+                            icon="pi pi-trash"
+                            @click="
+                                async () => {
+                                    await emits('onDelete', data);
+                                    await props.service.delete(data.Id);
+                                    await load();
+                                }
+                            "
+                        ></Button>
                     </div>
                 </template>
             </Column>
diff --git a/frontend/src/types/search.type.ts b/frontend/src/types/search.type.ts
new file mode 100644
index 0000000..2629069
--- /dev/null
+++ b/frontend/src/types/search.type.ts
@@ -0,0 +1,3 @@
+import type { IEntity } from "./entity.type";
+
+export type Search<T extends IEntity> = (input: string) => T[]
\ No newline at end of file
diff --git a/frontend/src/types/sort.type.ts b/frontend/src/types/sort.type.ts
new file mode 100644
index 0000000..77dcfc3
--- /dev/null
+++ b/frontend/src/types/sort.type.ts
@@ -0,0 +1,7 @@
+import type { IEntity } from "./entity.type";
+
+export type SortOptions<T extends IEntity> = {
+    [key in keyof T]: "ASC" | "DESC"
+}
+
+export type Sort<T extends IEntity> = (options: SortOptions<T>) => T[]
\ No newline at end of file
diff --git a/frontend/src/types/table-emits.type.ts b/frontend/src/types/table-emits.type.ts
index 83cae1c..4710268 100644
--- a/frontend/src/types/table-emits.type.ts
+++ b/frontend/src/types/table-emits.type.ts
@@ -9,4 +9,5 @@ export type TableEmits = {
     (e: 'onSaveUpdate', data: any): Promise<void> | void
     (e: 'onSaveCreate', data: any): Promise<void> | void
     (e: 'onSave', data: any): Promise<void> | void
+    (e: 'onSearch', input: string): Promise<void> | void
 }
\ No newline at end of file
diff --git a/frontend/src/types/table-props.type.ts b/frontend/src/types/table-props.type.ts
index 275026d..71a9cc5 100644
--- a/frontend/src/types/table-props.type.ts
+++ b/frontend/src/types/table-props.type.ts
@@ -1,6 +1,8 @@
 import type { IEntity } from "./entity.type";
 import type { Scheme } from "./scheme.type";
+import type { Search } from "./search.type";
 import type { IService } from "./service.type";
+import type { Sort } from "./sort.type";
 import type { Validate } from "./validate.type";
 
 export interface TableProps<T extends IEntity> {
diff --git a/frontend/src/utils/structs/default-sort.util.ts b/frontend/src/utils/structs/default-sort.util.ts
new file mode 100644
index 0000000..989835a
--- /dev/null
+++ b/frontend/src/utils/structs/default-sort.util.ts
@@ -0,0 +1,6 @@
+import type { IEntity } from "../../types/entity.type";
+import type { Scheme } from "../../types/scheme.type";
+
+export const defaultSort = <T extends IEntity>(scheme: Scheme<T>) => {
+    
+}
\ No newline at end of file