From 5cfa91d662cc8ba961249d8a55b172f9211a28a8 Mon Sep 17 00:00:00 2001
From: Lupu Gheorghe <gheorghelupu17@gmail.com>
Date: Mon, 16 Oct 2023 11:05:38 +0300
Subject: [PATCH] fix display edited county && projects categories

---
 .../ProjectsRelationManager.php               |  1 -
 resources/js/Components/Field.vue             |  7 +----
 .../Pages/AdminOng/Projects/EditProject.vue   | 29 ++++++++++---------
 3 files changed, 17 insertions(+), 20 deletions(-)

diff --git a/app/Filament/Resources/OrganizationResource/RelationManagers/ProjectsRelationManager.php b/app/Filament/Resources/OrganizationResource/RelationManagers/ProjectsRelationManager.php
index 8e2985a4..c24fc969 100644
--- a/app/Filament/Resources/OrganizationResource/RelationManagers/ProjectsRelationManager.php
+++ b/app/Filament/Resources/OrganizationResource/RelationManagers/ProjectsRelationManager.php
@@ -16,7 +16,6 @@ class ProjectsRelationManager extends RelationManager
 
     protected static ?string $recordTitleAttribute = 'name';
 
-
     public static function getTitle(): string
     {
         return __('project.label.plural');
diff --git a/resources/js/Components/Field.vue b/resources/js/Components/Field.vue
index fd2e157e..cf8afe2e 100644
--- a/resources/js/Components/Field.vue
+++ b/resources/js/Components/Field.vue
@@ -26,12 +26,7 @@
 </template>
 
 <script setup>
-import {computed, onMounted} from "vue";
-    onMounted(() => {
-        console.log('mounted')
-        console.log(props.errors)
-    });
-
+import {computed} from "vue";
     const props = defineProps({
         label: String,
         hasPendingChanges: {
diff --git a/resources/js/Pages/AdminOng/Projects/EditProject.vue b/resources/js/Pages/AdminOng/Projects/EditProject.vue
index 0e380427..c7a13765 100644
--- a/resources/js/Pages/AdminOng/Projects/EditProject.vue
+++ b/resources/js/Pages/AdminOng/Projects/EditProject.vue
@@ -1,14 +1,6 @@
 <template>
     <DashboardLayout>
         <Title :title="$t('edit_project_title')" />
-
-        <SecondaryButton
-
-            v-if="!project.is_active && !project.is_pending && !project.can_be_archived"
-            class="w-full mt-4 py-2.5 text-primary-500 ring-1 ring-inset ring-primary-500 hover:bg-primary-400"
-            @click="changeProjectStatus(project.id, 'pending', project.type)"
-            :label="$t('publish')"
-        />
         <dl class="mt-6 border-t border-gray-100 divide-y divide-gray-100">
             <!-- Edit project name -->
             <Field :label="$t('project_name_label')" :hasPendingChanges="changes.includes('name')" alt :errors="formChangeStatus.errors.name">
@@ -112,7 +104,7 @@
             <!-- Edit project category -->
             <Field :label="$t('project_category_label')" :hasPendingChanges="changes.includes('categories')" :errors="formChangeStatus.errors.categories">
                 <template #value>
-                    {{ project.categories_names }}
+                    {{ originalProject.categories_names }}
                 </template>
 
                 <template #action>
@@ -135,7 +127,8 @@
             <!-- Edit project county -->
             <Field :label="$t('counties_label')" :hasPendingChanges="changes.includes('counties')" :errors="formChangeStatus.errors.counties">
                 <template #value>
-                    {{ project.counties_names}}
+                    {{ originalProject.counties_names}}
+
                 </template>
 
                 <template #action>
@@ -145,7 +138,7 @@
                         class="flex justify-end col-span-1"
                     >
                         <Select
-                            :label="$t('project_category_label')"
+                            :label="$t('counties_label')"
                             type="singleValue"
                             :options="props.counties"
                             v-model="project.counties"
@@ -403,6 +396,12 @@
                 </div>
             </dl>
         </div>
+        <SecondaryButton
+            v-if="!project.is_active && !project.is_pending && !project.can_be_archived"
+            class="w-full mt-4 py-2.5 text-primary-500 ring-1 ring-inset ring-primary-500 hover:bg-primary-400"
+            @click="changeProjectStatus(project.id, 'pending', project.type)"
+            :label="$t('publish')"
+        />
     </DashboardLayout>
 </template>
 
@@ -438,8 +437,6 @@
     const project = ref(props.project);
     const originalProject = computed(() => props.project);
 
-    console.log(props.projectCategories, props.counties);
-
     const resetField = (field) => {
         project.value[field] = originalProject.value[field];
     };
@@ -462,6 +459,12 @@
             [field]: project.value[field],
         });
 
+        // if (field ==='counties') {
+        //     console.log(props.counties.find(form.counties));
+        //     project.counties_names = props.counties.find(form.counties);
+        // }
+        // console.log(form,field);
+
         form.post(route('dashboard.projects.update', project.value.id), {
             preserveScroll: true,
             onSuccess: (response) => {