#40 - generate pdf

resources/js/Pages/VacationRequest/Show.vue

@@ -58,6 +58,30 @@
                 {{ request.comment }}
               </dd>
             </div>
+            <div class="bg-white px-4 py-5 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-6">
+              <dt class="text-sm font-medium text-gray-500">
+                Załączniki
+              </dt>
+              <dd class="mt-1 text-sm text-gray-900 sm:mt-0 sm:col-span-2">
+                <ul class="border border-gray-200 rounded-md divide-y divide-gray-200">
+                  <li class="pl-3 pr-4 py-3 flex items-center justify-between text-sm">
+                    <div class="w-0 flex-1 flex items-center">
+                      <PaperClipIcon class="flex-shrink-0 h-5 w-5 text-gray-400" />
+                      <span class="ml-2 flex-1 w-0 truncate"> wniosek_urlopowy.pdf </span>
+                    </div>
+                    <div class="ml-4 flex-shrink-0">
+                      <a
+                        :href="`/vacation-requests/${request.id}/download`"
+                        target="_blank"
+                        class="font-medium text-indigo-600 hover:text-indigo-500"
+                      >
+                        Pobierz
+                      </a>
+                    </div>
+                  </li>
+                </ul>
+              </dd>
+            </div>
           </dl>
         </div>
       </div>
@@ -196,11 +220,13 @@
 
 <script>
 import { ThumbUpIcon } from '@heroicons/vue/outline'
+import {PaperClipIcon} from '@heroicons/vue/solid'
 
 export default {
   name: 'VacationRequestShow',
   components: {
     ThumbUpIcon,
+    PaperClipIcon,
   },
   props: {
     request: {