From 16ae67dfc4990a02f9b980ab6557b6188d295a93 Mon Sep 17 00:00:00 2001
From: isUnknown <adrien.payet@outlook.com>
Date: Fri, 20 Dec 2024 07:30:11 +0100
Subject: [PATCH] finish proposal

---
 src/components/project/ProjectStep.vue    |  2 ++
 src/components/project/cards/Document.vue | 22 ++++++++++++++--------
 src/components/project/cards/Proposal.vue | 14 ++++++++++++++
 3 files changed, 30 insertions(+), 8 deletions(-)
 create mode 100644 src/components/project/cards/Proposal.vue

diff --git a/src/components/project/ProjectStep.vue b/src/components/project/ProjectStep.vue
index ee82e61..934550c 100644
--- a/src/components/project/ProjectStep.vue
+++ b/src/components/project/ProjectStep.vue
@@ -21,6 +21,7 @@ import { computed } from "vue";
 import { useProjectStore } from "../../stores/project";
 import { useRouter } from "vue-router";
 import ClientBrief from "./cards/ClientBrief.vue";
+import Proposal from "./cards/Proposal.vue";
 
 const { step } = defineProps({
   step: Object,
@@ -28,6 +29,7 @@ const { step } = defineProps({
 
 const cardsMap = {
   clientBrief: ClientBrief,
+  proposal: Proposal,
 };
 
 const emit = defineEmits(["update:file"]);
diff --git a/src/components/project/cards/Document.vue b/src/components/project/cards/Document.vue
index e632259..0a36515 100644
--- a/src/components/project/cards/Document.vue
+++ b/src/components/project/cards/Document.vue
@@ -13,14 +13,16 @@
 
     <DateTime :date="pdf.modified" />
 
-    <figure
-      v-if="pdf.cover"
-      class="card__images pdf-cover"
-      style="aspect-ratio: unset"
-    >
-      <img :src="pdf.cover" alt="" />
-    </figure>
-    <div v-else class="card__images" data-icon="document"></div>
+    <template v-if="hasImage">
+      <figure
+        v-if="pdf.cover"
+        class="card__images pdf-cover"
+        style="aspect-ratio: unset"
+      >
+        <img :src="pdf.cover" alt="" />
+      </figure>
+      <div v-else class="card__images" data-icon="document"></div>
+    </template>
 
     <footer
       v-if="pdf.comments?.length > 0"
@@ -44,5 +46,9 @@ const { step, pdf, index } = defineProps({
     default: 0,
     type: Number,
   },
+  hasImage: {
+    default: true,
+    type: Boolean,
+  },
 });
 </script>
diff --git a/src/components/project/cards/Proposal.vue b/src/components/project/cards/Proposal.vue
new file mode 100644
index 0000000..1fe7e13
--- /dev/null
+++ b/src/components/project/cards/Proposal.vue
@@ -0,0 +1,14 @@
+<template>
+  <Document
+    v-for="(pdf, index) in step.files"
+    :key="pdf.uri"
+    :step="step"
+    :pdf="pdf"
+    :index="index"
+    :has-image="index === 0"
+  />
+</template>
+<script setup>
+import Document from "./Document.vue";
+const { step } = defineProps({ step: Object });
+</script>