- add send CV status

resources/js/Pages/CV/Edit.vue

@@ -40,6 +40,7 @@ const form = useForm({
     rodo: props.cv.rodo,
     position: props.cv.position,
     notes: props.cv.notes,
+    sended: props.cv.sended.status,
 });
 
 function updateCV() {
@@ -128,6 +129,12 @@ function updateCV() {
                     v-model="form.rodo"
                     :error="form.errors.rodo"
                 />
+                <Input
+                    id="sended"
+                    label="Wysłany"
+                    type="checkbox"
+                    v-model="form.sended"
+                />
                 <div class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-3 sm:gap-2 items-center">
                     <InertiaLink
                         as="button"

resources/js/Pages/CV/Show.vue

@@ -1,5 +1,6 @@
 <script setup>
 import { computed } from 'vue';
+import { router } from '@inertiajs/inertia';
 
 const props = defineProps({
     cv: {
@@ -21,6 +22,15 @@ const cvNotes = computed(() => {
 
 <template>
     <InertiaHead title="Szczegóły CV" />
+    <div class="px-3 py-2">
+        <InertiaLink
+            v-if="!cv.sended.status"
+            as="button"
+            method="post"
+            :href="`/dashboard/cv/${cv.token}/sended`"
+            class="w-full px-0.5 py-1 rounded-lg bg-[#436da7] border-4 border-[#436da7] text-white text-lg hover:bg-transparent hover:text-[#436da7]"
+            title="Ustaw jako wysłane">Ustaw jako wysłane do odbiorcy.</InertiaLink>
+    </div>
     <div class="p-4">
         <header class="flex justify-between items-center pb-4">
             <div class="flex items-center gap-2">
@@ -52,6 +62,9 @@ const cvNotes = computed(() => {
                     ><FontAwesomeIcon :icon="['fas', 'trash']" /><span class="hidden sm:inline-block">Usuń</span></InertiaLink>
             </div>
         </header>
+        <div v-if="cv.sended.status" class="max-w-screen-lg my-2 lg:mx-auto px-2 py-3 rounded-md bg-yellow-100 text-yellow-600 text-center">
+            CV jest oznaczone jako wysłane - {{ cv.sended.datetime }}
+        </div>
         <div class="mb-4">
             <header>
                 <h2 class="text-2xl font-roboto font-light pb-3">Podstawowe informacje</h2>

resources/js/Share/Layout/App.vue

@@ -33,7 +33,7 @@ defineProps({
                 </nav>
             </div>
         </header>
-        <div  v-if="messages?.info" class="max-w-screen-lg mx-2 lg:mx-auto mt-2 px-2 py-3 rounded-md bg-yellow-100 text-yellow-600 text-center">
+        <div v-if="messages?.info" class="max-w-screen-lg mx-2 lg:mx-auto mt-2 px-2 py-3 rounded-md bg-yellow-100 text-yellow-600 text-center">
             {{ messages.info }}
         </div>
         <div v-if="messages?.error" class="max-w-screen-lg mx-2 lg:mx-auto mt-2 px-2 py-3 rounded-md bg-red-100 text-red-600 text-center">