wip

SethSharp · Feb 3, 2024 · fc73139 · fc73139
1 parent 41a83c0
commit fc73139
Show file tree

Hide file tree

Showing 4 changed files with 16 additions and 8 deletions.
diff --git a/app/Http/Controllers/Dashboard/Blogs/EditBlogController.php b/app/Http/Controllers/Dashboard/Blogs/EditBlogController.php
@@ -12,6 +12,8 @@ class EditBlogController extends Controller
 {
     public function __invoke(Blog $blog): Response
     {
+        $blog->load('tags');
+
         return Inertia::render('Dashboard/Blogs/Edit', [
             'blog' => $blog,
             'tags' => Tag::all()

diff --git a/resources/js/Components/Blogs/CreateEditForm.vue b/resources/js/Components/Blogs/CreateEditForm.vue
@@ -30,7 +30,7 @@ const tagOptions = props.tags.map((tag) => {
 const form = useForm({
     title: props.blog?.title ? props.blog.title : '',
     slug: props.blog?.slug ? props.blog.slug : '',
-    tags: [],
+    tags: props.blog?.tags ? props.blog.tags : [],
     meta_title: props.blog?.meta_title ? props.blog.meta_title : '',
     meta_description: props.blog?.meta_description ? props.blog.meta_description : '',
     meta_tags: props.blog?.meta_tags ? props.blog.meta_tags : '',
@@ -89,6 +89,8 @@ const submit = () => {
             <InputError :message="form.errors.is_draft" />
         </FormElement>
 
-        <PrimaryButton as="submit" @click.prevent="submit"> Publish</PrimaryButton>
+        <PrimaryButton as="submit" @click.prevent="submit">
+            {{ blog ? 'Update' : 'Save' }}
+        </PrimaryButton>
     </Form>
 </template>
diff --git a/resources/js/Components/Inputs/MultiSelect.vue b/resources/js/Components/Inputs/MultiSelect.vue
@@ -5,6 +5,10 @@ import { ChevronUpDownIcon, CheckIcon } from '@heroicons/vue/16/solid/index.js'
 import InputLabel from '@/Components/Inputs/InputLabel.vue'
 
 const props = defineProps({
+    modelValue: {
+        type: Array,
+        default: null,
+    },
     options: {
         type: Array,
         required: true,
@@ -17,7 +21,7 @@ const props = defineProps({
 
 const emits = defineEmits(['update:modelValue'])
 
-const selectedOptions = ref([])
+const selectedOptions = ref(props.modelValue ? props.modelValue : [])
 
 watch(selectedOptions, (newVal) => {
     if (newVal) {

diff --git a/resources/js/Components/Tags/CreateEditTagForm.vue b/resources/js/Components/Tags/CreateEditTagForm.vue
@@ -59,15 +59,15 @@ const restoreTag = () => {
         </FormElement>
 
         <div class="gap-x-2 flex">
-            <DangerButton v-if="tag && !tag.deleted_at" @click.prevent="removeTag">
-                Delete</DangerButton
-            >
+            <DangerButton v-if="tag && !tag?.deleted_at" @click.prevent="removeTag">
+                Delete
+            </DangerButton>
 
-            <PrimaryButton v-if="tag.deleted_at" @click.prevent="restoreTag">
+            <PrimaryButton v-if="tag?.deleted_at" @click.prevent="restoreTag">
                 Restore
             </PrimaryButton>
 
-            <PrimaryButton v-if="!tag.deleted_at" @click.prevent="submit"> Save</PrimaryButton>
+            <PrimaryButton v-if="!tag?.deleted_at" @click.prevent="submit"> Save</PrimaryButton>
         </div>
     </Form>
 </template>