finish proposal

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"]);

src/components/project/cards/Document.vue

@@ -13,14 +13,16 @@
 
     <DateTime :date="pdf.modified" />
 
-    <figure
+    <template v-if="hasImage">
-      v-if="pdf.cover"
+      <figure
-      class="card__images pdf-cover"
+        v-if="pdf.cover"
-      style="aspect-ratio: unset"
+        class="card__images pdf-cover"
-    >
+        style="aspect-ratio: unset"
-      <img :src="pdf.cover" alt="" />
+      >
-    </figure>
+        <img :src="pdf.cover" alt="" />
-    <div v-else class="card__images" data-icon="document"></div>
+      </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>

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>