Merge branch 'feature/display-sources' into main

pigeon-voyageur · Oct 20, 2023 · dc40c3b · dc40c3b
2 parents a4a1544 + cc8bd64
commit dc40c3b
Show file tree

Hide file tree

Showing 3 changed files with 20 additions and 5 deletions.
diff --git 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
@@ -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
@@ -24,10 +24,23 @@ 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>
+                        <li v-if="!news.sources?.length">
+                            Aucune source pour l'instant.
+                            <Link :href="route('news.edit', news)">Rajoutez-en une</Link>
+                        </li>
+                    </ul>
+
+                    <hr class="mt-4 mb-2">
+                    <a v-if="news.video" :href="news.video">Voir la vidéo</a>
                 </div>
             </div>
         </div>