From d269edcfe455e12818166bd26a6fbd8ad839de57 Mon Sep 17 00:00:00 2001
From: Nicolas CARON <nicolas.caron@coopgo.fr>
Date: Wed, 8 Jan 2025 11:39:48 +0100
Subject: [PATCH] add button Voir for all diags pages

---
 web/layouts/beneficiaries/_partials/beneficiary-diags.html   | 5 ++++-
 web/layouts/diags/home.html                                  | 4 +++-
 web/layouts/vehicles_management/_partials/booking-diags.html | 5 ++++-
 web/layouts/vehicles_management/_partials/vehicle-diags.html | 5 ++++-
 4 files changed, 15 insertions(+), 4 deletions(-)

diff --git a/web/layouts/beneficiaries/_partials/beneficiary-diags.html b/web/layouts/beneficiaries/_partials/beneficiary-diags.html
index e80c560..17a1707 100644
--- a/web/layouts/beneficiaries/_partials/beneficiary-diags.html
+++ b/web/layouts/beneficiaries/_partials/beneficiary-diags.html
@@ -29,8 +29,11 @@
                             <div class="flex-1 ml-3">
                                 <a href="/app/diags/{{$diags}}"class="mt-1 text-sm text-gray-900">{{.Name}}</a>
                             </div>
+                            <a href="/app/diags/{{$diags}}" target="_blank">
+                                <button type="button" class="inline-flex items-center rounded-md border border-gray-300 bg-white px-3 py-2 text-sm font-medium leading-4 text-gray-700 shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-co-blue focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-30">Voir<span class="sr-only"> le diagnostic</span></button>
+                                </a>
                         <a href="/app/diags/{{$diags}}/delete" class="inline-flex"><button type="button"
-                            class="w-full px-4 py-2 border border-transparent text-sm font-medium rounded-2xl shadow-sm text-white bg-co-red hover:bg-co-red focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-gray-100 focus:ring-co-blue">Retirer</button></a>
+                            class="w-full ml-4 px-4 py-2 border border-transparent text-sm font-medium rounded-2xl shadow-sm text-white bg-co-red hover:bg-co-red focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-gray-100 focus:ring-co-blue">Retirer</button></a>
                     </li>
                 {{end}}
                 {{if eq .Deleted true}}
diff --git a/web/layouts/diags/home.html b/web/layouts/diags/home.html
index 31611ba..1be304a 100644
--- a/web/layouts/diags/home.html
+++ b/web/layouts/diags/home.html
@@ -64,7 +64,9 @@
                                         {{end}}
                                     </td>
                                     <td class="whitespace-nowrap py-4 pl-4 pr-3 text-sm sm:pl-6">
-                                        <a href="/app/diags/{{.ID}}" class="text-co-blue hover:text-co-blue">Voir</a>
+                                        <a href="/app/diags/{{.ID}}" target="_blank">
+                                            <button type="button" class="inline-flex items-center rounded-md border border-gray-300 bg-white px-3 py-2 text-sm font-medium leading-4 text-gray-700 shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-co-blue focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-30">Voir<span class="sr-only"> le diagnostic</span></button>
+                                            </a>
                                     </td>
                                 </tr>
                                 </a>
diff --git a/web/layouts/vehicles_management/_partials/booking-diags.html b/web/layouts/vehicles_management/_partials/booking-diags.html
index 28c50c8..bc778d8 100644
--- a/web/layouts/vehicles_management/_partials/booking-diags.html
+++ b/web/layouts/vehicles_management/_partials/booking-diags.html
@@ -27,8 +27,11 @@
                             <div class="flex-1 ml-3">
                                 <a href="/app/diags/{{$diags}}" class="mt-1 text-sm text-gray-900">{{.Name}}</a>
                             </div>
+                            <a href="/app/diags/{{$diags}}" target="_blank">
+                                <button type="button" class="inline-flex items-center rounded-md border border-gray-300 bg-white px-3 py-2 text-sm font-medium leading-4 text-gray-700 shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-co-blue focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-30">Voir<span class="sr-only"> le diagnostic</span></button>
+                                </a>
                         <a href="/app/diags/{{$diags}}/delete" class="inline-flex"><button type="button"
-                            class="w-full px-4 py-2 border border-transparent text-sm font-medium rounded-2xl shadow-sm text-white bg-co-red hover:bg-co-red focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-gray-100 focus:ring-co-blue">Retirer</button></a>
+                            class="w-full ml-4 px-4 py-2 border border-transparent text-sm font-medium rounded-2xl shadow-sm text-white bg-co-red hover:bg-co-red focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-gray-100 focus:ring-co-blue">Retirer</button></a>
                     </li>
                 {{end}}
                 {{if eq .Deleted true}}
diff --git a/web/layouts/vehicles_management/_partials/vehicle-diags.html b/web/layouts/vehicles_management/_partials/vehicle-diags.html
index 0b3b42d..2c5ab6a 100644
--- a/web/layouts/vehicles_management/_partials/vehicle-diags.html
+++ b/web/layouts/vehicles_management/_partials/vehicle-diags.html
@@ -27,8 +27,11 @@
                             <div class="flex-1 ml-3">
                                 <a href="app/diags/{{$diags}}" class="mt-1 text-sm text-gray-900">{{.Name}}</a>
                             </div>
+                            <a href="/app/diags/{{$diags}}" target="_blank">
+                                <button type="button" class="inline-flex items-center rounded-md border border-gray-300 bg-white px-3 py-2 text-sm font-medium leading-4 text-gray-700 shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-co-blue focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-30">Voir<span class="sr-only"> le diagnostic</span></button>
+                            </a>
                         <a href="/app/diags/{{$diags}}/delete" class="inline-flex"><button type="button"
-                            class="w-full px-4 py-2 border border-transparent text-sm font-medium rounded-2xl shadow-sm text-white bg-co-red hover:bg-co-red focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-gray-100 focus:ring-co-blue">Retirer</button></a>
+                            class="w-full ml-4 px-4 py-2 border border-transparent text-sm font-medium rounded-2xl shadow-sm text-white bg-co-red hover:bg-co-red focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-gray-100 focus:ring-co-blue">Retirer</button></a>
                     </li>
                 {{end}}
                 {{if eq .Deleted true}}