From 9b22b1ff5496d36853724aafa5ebb478f979882d Mon Sep 17 00:00:00 2001
From: Arthaud <arthaudp33@gmail.com>
Date: Fri, 20 Oct 2023 17:32:21 +0200
Subject: [PATCH] feat: display sources

---
 resources/js/Components/Form/TextListInput.vue |  3 ++-
 resources/js/Pages/News/Partials/NewsForm.vue  |  1 +
 resources/js/Pages/News/Show.vue               | 17 +++++++++++++----
 3 files changed, 16 insertions(+), 5 deletions(-)

diff --git a/resources/js/Components/Form/TextListInput.vue b/resources/js/Components/Form/TextListInput.vue
index df9901f..74aae94 100644
--- a/resources/js/Components/Form/TextListInput.vue
+++ b/resources/js/Components/Form/TextListInput.vue
@@ -3,6 +3,7 @@ import TextInput from "@/Components/Form/TextInput.vue";
 
 const props = defineProps<{
     modelValue: Array<string>;
+    placeholder?: string;
 }>();
 
 const emit = defineEmits<{
@@ -35,7 +36,7 @@ function handleDeleteLine(index: number) {
     <div>
         <ul class="flex flex-col gap-2">
             <li class="flex gap-2" v-for="(str, index) in modelValue" :key="index">
-                <TextInput class="w-full" :model-value="str" @update:modelValue="(value)=>handleInput(index, value)" />
+                <TextInput class="w-full" :model-value="str" @update:modelValue="(value)=>handleInput(index, value)" :placeholder="placeholder" />
                 <button class="p-2 border h-full" @click="handleDeleteLine(index)">x</button>
             </li>
         </ul>
diff --git a/resources/js/Pages/News/Partials/NewsForm.vue b/resources/js/Pages/News/Partials/NewsForm.vue
index f9ec175..4dd994f 100644
--- a/resources/js/Pages/News/Partials/NewsForm.vue
+++ b/resources/js/Pages/News/Partials/NewsForm.vue
@@ -117,6 +117,7 @@ function handleSubmit() {
 
                 <TextListInput
                     id="summary"
+                    placeholder="Ex: https://lemonde.com"
                     class="mt-1 block w-full"
                     v-model="form.sources"
                 />
diff --git a/resources/js/Pages/News/Show.vue b/resources/js/Pages/News/Show.vue
index aa47768..0f8a86e 100644
--- a/resources/js/Pages/News/Show.vue
+++ b/resources/js/Pages/News/Show.vue
@@ -24,10 +24,19 @@ defineProps<{
 
         <div class="py-12">
             <div class="max-w-7xl mx-auto sm:px-6 lg:px-8">
-                <div class="bg-white overflow-hidden shadow-sm sm:rounded-lg">
-                    <h2 class="p-6 text-gray-900">{{ news.title }}</h2>
-                    <p class="p-6 text-gray-900">{{ news.summary }}</p>
-                    <a v-if="news.video" :href="news.video" class="p-6 text-gray-600">Voir la vidéo</a>
+                <div class="bg-white overflow-hidden shadow-sm sm:rounded-lg p-6">
+                    <h2>{{ news.title }}</h2>
+                    <p>{{ news.summary }}</p>
+
+                    <h3 class="mt-2">Sources</h3>
+                    <ul>
+                        <li v-for="(source, index) in news.sources" :key="index">
+                            <a :href="source" target="_blank" rel="noreferrer">{{ source }}</a>
+                        </li>
+                    </ul>
+
+                    <hr class="mt-4 mb-2">
+                    <a v-if="news.video" :href="news.video">Voir la vidéo</a>
                 </div>
             </div>
         </div>