@7365admin1/layer-common 4.97.1-staging.576 → 4.97.1-staging.577

package/components/FeedbackMain.vue

@@ -28,6 +28,14 @@
           class="ml-2"
           style="max-width: 250px"
         />
+        <v-autocomplete
+          v-model="filterByCategory"
+          :items="categoryFilterItems"
+          label="Filter by category"
+          hide-details
+          class="ml-2"
+          style="max-width: 250px"
+        />
         <v-text-field
           v-model="startDate"
           :value="standardFormatDate(startDate)"
@@ -684,6 +692,7 @@ const pageRange = ref("-- - -- of --");
 const items = ref<Array<Record<string, any>>>([]);
 
 const filterByStatus = ref("All");
+const filterByCategory = ref("All");
 const getPast30DaysDate = (): Date => {
   const today = new Date();
   const past30Days = new Date(today);
@@ -715,9 +724,10 @@ const {
       dateTo: moment(endDate.value, "DD/MM/YYYY").endOf("day"),
       search: searchText.value,
       status: filterByStatus.value == "All" ? "" : filterByStatus.value,
+      category: filterByCategory.value == "All" ? "" : filterByCategory.value,
     }),
   {
-    watch: [filterByStatus, searchText, page, startDate, endDate],
+    watch: [filterByStatus, filterByCategory, searchText, page, startDate, endDate],
   }
 );
 
@@ -1068,6 +1078,12 @@ const subjectOptions = computed(() => {
     });
 });
 
+// Same categories as the create form, plus "All" (default: nothing hidden).
+const categoryFilterItems = computed(() => [
+  "All",
+  ...subjectOptions.value.map((item) => item.title),
+]);
+
 const isFileUploading = ref<boolean>(false);
 type TFile = {
   name: string;

package/composables/useFeedback.ts

@@ -73,6 +73,7 @@ export default function useFeedback() {
     provider = "",
     service = "",
     userId = "",
+    category = "",
   }: {
     page?: number;
     limit?: number;
@@ -85,6 +86,8 @@ export default function useFeedback() {
     provider?: string | any;
     service?: string;
     userId?: string;
+    /** Optional: one category (the feedback subject) or a comma list. Empty = all. */
+    category?: string;
   } = {}) {
     try {
       return useNuxtApp().$api<Record<string, any>>("/api/feedbacks2", {
@@ -100,6 +103,7 @@ export default function useFeedback() {
           status,
           provider,
           service,
+          ...(category && { category }),
           ...(currentUser.value?.type != "site" && {
             userId,
           }),

package/package.json

@@ -2,7 +2,7 @@
   "name": "@7365admin1/layer-common",
   "license": "MIT",
   "type": "module",
-  "version": "4.97.1-staging.576",
+  "version": "4.97.1-staging.577",
   "author": "7365admin1",
   "main": "./nuxt.config.ts",
   "//files": "What a consumer extending this layer actually loads. Without this npm ships the whole working tree - the changesets, the CI workflows, the render harness in tools/ and any scratch directory that happened to exist at publish time. Nuxt resolves a layer by directory, so every runtime directory below has to stay listed; adding a new top-level runtime directory means adding it here too.",