From 8565553280db858fe852e4d483d3dd0b4f9c2005 Mon Sep 17 00:00:00 2001
From: Lupu Gheorghe <gheorghelupu17@gmail.com>
Date: Mon, 16 Oct 2023 14:38:22 +0300
Subject: [PATCH] fix accepting volunteer on edit page

---
 .../Resources/Project/EditProjectResource.php |   5 +-
 lang/ro.json                                  |   4 +
 lang/ro/field.php                             |   4 +
 lang/ro/validation.php                        |   2 +-
 .../Pages/AdminOng/Projects/EditProject.vue   | 200 ++++++++++++------
 5 files changed, 148 insertions(+), 67 deletions(-)

diff --git a/app/Http/Resources/Project/EditProjectResource.php b/app/Http/Resources/Project/EditProjectResource.php
index 23449879..617a3c07 100644
--- a/app/Http/Resources/Project/EditProjectResource.php
+++ b/app/Http/Resources/Project/EditProjectResource.php
@@ -13,6 +13,7 @@ class EditProjectResource extends Resource
 
     public function toArray(Request $request): array
     {
+
         return [
             'id' => $this->id,
             // 'type' => $this->type,
@@ -38,8 +39,8 @@ public function toArray(Request $request): array
             'description' => $this->description ?? '',
             'scope' => $this->scope ?? '',
             'reason_to_donate' => $this->reason_to_donate ?? '',
-            'accepting_volunteers' => \boolval($this->accepting_volunteers),
-            'accepting_comments' => \boolval($this->accepting_comments),
+            'accepting_volunteers' =>$this->accepting_volunteers ? __('field.boolean.true'): __('field.boolean.false'),
+            'accepting_comments' => $this->accepting_comments ? __('field.boolean.true'): __('field.boolean.false'),
             'videos' => '',
             'external_links' => $this->external_links,
             'counties' => $this->counties->pluck('id')->toArray(),
diff --git a/lang/ro.json b/lang/ro.json
index 176c47db..c85bdab2 100644
--- a/lang/ro.json
+++ b/lang/ro.json
@@ -93,6 +93,10 @@
     "project_beneficiary_extra": "Descrie beneficiarii proiectului/comunitatea căreia i se adresează, incluzând timpul și numărul acestora. Nu depăși 500 caractere",
     "why_to_donate": "De ce să donez?",
     "why_to_donate_extra": "Precizează nevoile sesizate în rândul beneficiarilor/comunității în care va fi implementat proiectul.",
+    "accepting_volunteers": "Proiectul acceptă voluntari?",
+    "accepting_volunteers_extra": "Dacă da, precizează care sunt activitățile pentru care se pot înscrie voluntarii.",
+    "accepting_comments": "Proiectul acceptă comentarii?",
+    "accepting_comments_extra": "Dacă da, text.",
     "has_comments_label": "Proiectul acceptă comentarii?",
     "has_volunteers_label": "Proiectul acceptă voluntari?",
     "photo_gallery": "Galerie foto",
diff --git a/lang/ro/field.php b/lang/ro/field.php
index b7091b74..14f6f802 100644
--- a/lang/ro/field.php
+++ b/lang/ro/field.php
@@ -8,5 +8,9 @@
     'updated_at' => 'Actualizată la',
     'id' => 'ID',
     'id_format' => '#:number',
+    'boolean'=>[
+        'true'=>'Da',
+        'false'=>'Nu',
+    ],
 
 ];
diff --git a/lang/ro/validation.php b/lang/ro/validation.php
index 0aa82794..007b6f4c 100644
--- a/lang/ro/validation.php
+++ b/lang/ro/validation.php
@@ -222,6 +222,6 @@
         'target_budget' => 'Bugetul țintă',
         'categories' => 'Categorii',
         'counties' => 'Județe',
-        'preview' => 'Imaginea principala'
+        'preview' => 'Imaginea principala',
     ],
 ];
diff --git a/resources/js/Pages/AdminOng/Projects/EditProject.vue b/resources/js/Pages/AdminOng/Projects/EditProject.vue
index 22dc78fd..e167f67b 100644
--- a/resources/js/Pages/AdminOng/Projects/EditProject.vue
+++ b/resources/js/Pages/AdminOng/Projects/EditProject.vue
@@ -259,6 +259,77 @@
                     </EditModal>
                 </template>
             </Field>
+            <Field :label="$t('accepting_volunteers')" :hasPendingChanges="changes.includes('accepting_volunteers')" alt :errors="formChangeStatus.errors.accepting_volunteers">
+                <template #value>
+                    {{ originalProject.accepting_volunteers }}
+                </template>
+
+                <template #action>
+                    <EditModal
+                        @action="editField('accepting_volunteers')"
+                        @cancel="resetField('accepting_volunteers')"
+                        class="flex justify-end col-span-1"
+                    >
+                        <fieldset>
+                            <legend class="text-sm font-semibold leading-6 text-gray-900">  {{ $t('accepting_volunteers') }}</legend>
+                            <div class="mt-6 space-y-6">
+                                <div class="relative flex gap-x-3">
+                                    <div class="flex h-6 items-center">
+                                        <Checkbox
+                                            class="form-checkbox"
+                                            id="accepting_comments"
+                                            color="gray-700"
+                                            v-model="project.accepting_volunteers"
+                                            :checked="project.accepting_volunteers==='Da'"
+                                            :error="errors.accepting_volunteers"
+                                        />
+                                    </div>
+                                    <div class="text-sm leading-6">
+                                        <label for="accepting_comments" class="font-medium text-gray-900">{{$t('accepting_volunteers')}}</label>
+                                        <p class="text-gray-500">{{ $t('accepting_volunteers_extra') }}</p>
+                                    </div>
+                                </div>
+                            </div>
+                        </fieldset>
+                    </EditModal>
+                </template>
+            </Field>
+
+            <Field :label="$t('accepting_comments')" :hasPendingChanges="changes.includes('accepting_comments')" alt :errors="formChangeStatus.errors.accepting_comments">
+                <template #value>
+                    {{ originalProject.accepting_comments }}
+                </template>
+
+                <template #action>
+                    <EditModal
+                        @action="editField('accepting_comments')"
+                        @cancel="resetField('accepting_comments')"
+                        class="flex justify-end col-span-1"
+                    >
+                        <fieldset>
+                            <legend class="text-sm font-semibold leading-6 text-gray-900">  {{ $t('accepting_comments') }}</legend>
+                            <div class="mt-6 space-y-6">
+                                <div class="relative flex gap-x-3">
+                                    <div class="flex h-6 items-center">
+                                        <Checkbox
+                                            class="form-checkbox"
+                                            id="accepting_comments"
+                                            color="gray-700"
+                                            v-model="project.accepting_comments"
+                                            :checked="project.accepting_comments==='Da'"
+                                            :error="errors.accepting_comments"
+                                        />
+                                    </div>
+                                    <div class="text-sm leading-6">
+                                        <label for="accepting_comments" class="font-medium text-gray-900">{{$t('accepting_comments')}}</label>
+                                        <p class="text-gray-500">{{ $t('accepting_comments_extra') }}</p>
+                                    </div>
+                                </div>
+                            </div>
+                        </fieldset>
+                    </EditModal>
+                </template>
+            </Field>
 
             <!-- Edit main image -->
             <Field :label="$t('main_image')" :errors="formChangeStatus.errors.preview">
@@ -300,7 +371,7 @@
                         >
                             <DangerButton @click="removeImage(index)">{{ $t('remove_image') }} </DangerButton>
                             <SecondaryButton class="col-start-2" @click="setCoverImage(index)"
-                                >{{ $t('set_cover_image') }}
+                            >{{ $t('set_cover_image') }}
                             </SecondaryButton>
                         </div>
                     </div>
@@ -406,70 +477,71 @@
 </template>
 
 <script setup>
-    import { ref, computed } from 'vue';
-    import { useForm } from '@inertiajs/vue3';
-
-    /** Import components. */
-    import DashboardLayout from '@/Layouts/DashboardLayout.vue';
-    import Title from '@/Components/Title.vue';
-    import SvgLoader from '@/Components/SvgLoader.vue';
-    import Field from '@/Components/Field.vue';
-    import EditModal from '@/Components/modals/EditModal.vue';
-    import Input from '@/Components/form/Input.vue';
-    import Textarea from '@/Components/form/Textarea.vue';
-    import FileInput from '@/Components/form/FileInput.vue';
-    import Repeater from '@/Components/form/Repeater.vue';
-    import InputWithIcon from '@/Components/form/InputWithIcon.vue';
-    import SecondaryButton from '@/Components/buttons/SecondaryButton.vue';
-    import DangerButton from '@/Components/buttons/DangerButton.vue';
-    import SelectMultiple from '@/Components/form/SelectMultiple.vue';
-    import Select from "@/Components/form/Select.vue";
-
-    const props = defineProps({
-        project: Object,
-        errors: Object,
-        counties: Array,
-        projectCategories: Array,
-        flash: Object,
-        changes: Array,
+import { ref, computed } from 'vue';
+import { useForm } from '@inertiajs/vue3';
+
+/** Import components. */
+import DashboardLayout from '@/Layouts/DashboardLayout.vue';
+import Title from '@/Components/Title.vue';
+import SvgLoader from '@/Components/SvgLoader.vue';
+import Field from '@/Components/Field.vue';
+import EditModal from '@/Components/modals/EditModal.vue';
+import Input from '@/Components/form/Input.vue';
+import Textarea from '@/Components/form/Textarea.vue';
+import FileInput from '@/Components/form/FileInput.vue';
+import Repeater from '@/Components/form/Repeater.vue';
+import InputWithIcon from '@/Components/form/InputWithIcon.vue';
+import SecondaryButton from '@/Components/buttons/SecondaryButton.vue';
+import DangerButton from '@/Components/buttons/DangerButton.vue';
+import SelectMultiple from '@/Components/form/SelectMultiple.vue';
+import Select from "@/Components/form/Select.vue";
+import Checkbox from "@/Components/form/Checkbox.vue";
+
+const props = defineProps({
+    project: Object,
+    errors: Object,
+    counties: Array,
+    projectCategories: Array,
+    flash: Object,
+    changes: Array,
+});
+
+const project = ref(props.project);
+const originalProject = computed(() => props.project);
+
+const resetField = (field) => {
+    project.value[field] = originalProject.value[field];
+};
+
+const formChangeStatus = useForm({
+    status: 'pending',
+    id: project.value.id,
+});
+
+const changeProjectStatus = (id, status, type) => {
+    let tmpRoute =
+        type === 'regional' ? route('dashboard.projects.regional.status', id) : route('dashboard.projects.status', id);
+    if (confirm('Are you sure you want to change the status of this project?')) {
+        formChangeStatus.post(tmpRoute);
+    }
+};
+
+const editField = (field) => {
+    const form = useForm({
+        [field]: project.value[field],
     });
 
-    const project = ref(props.project);
-    const originalProject = computed(() => props.project);
-
-    const resetField = (field) => {
-        project.value[field] = originalProject.value[field];
-    };
-
-    const formChangeStatus = useForm({
-        status: 'pending',
-        id: project.value.id,
+    // 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) => {
+            //
+        },
     });
-
-    const changeProjectStatus = (id, status, type) => {
-        let tmpRoute =
-            type === 'regional' ? route('dashboard.projects.regional.status', id) : route('dashboard.projects.status', id);
-        if (confirm('Are you sure you want to change the status of this project?')) {
-            formChangeStatus.post(tmpRoute);
-        }
-    };
-
-    const editField = (field) => {
-        const form = useForm({
-            [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) => {
-                //
-            },
-        });
-    };
+};
 </script>