From ea6ed41608b151a863fdebbcd7ccaf3f7df4d150 Mon Sep 17 00:00:00 2001
From: Nicolas CARON <nicolas.caron@coopgo.fr>
Date: Wed, 4 Dec 2024 18:20:56 +0100
Subject: [PATCH] Add display-diag.html

---
 config.yaml                                   |  3 +
 .../_partials/beneficiary-diags.html          | 12 +++-
 web/layouts/diags/delete-diag.html            |  9 +--
 web/layouts/diags/display-diag.html           | 57 +++++++++++++++++++
 4 files changed, 72 insertions(+), 9 deletions(-)
 create mode 100644 web/layouts/diags/display-diag.html

diff --git a/config.yaml b/config.yaml
index ab209bc..ac66219 100644
--- a/config.yaml
+++ b/config.yaml
@@ -176,6 +176,9 @@ views:
     list:
       files:
         - web/layouts/diags/home.html
+    display_diag:
+      files:
+        - web/layouts/diags/display-diag.html
     delete:
       files:
         - web/layouts/diags/delete-diag.html
diff --git a/web/layouts/beneficiaries/_partials/beneficiary-diags.html b/web/layouts/beneficiaries/_partials/beneficiary-diags.html
index d7e5139..6c10e53 100644
--- a/web/layouts/beneficiaries/_partials/beneficiary-diags.html
+++ b/web/layouts/beneficiaries/_partials/beneficiary-diags.html
@@ -3,7 +3,7 @@
 {{ $carIcon := .IconSet.Icon "tabler-icons:car" "h-6 w-6"}}
 <div class="bg-white shadow sm:rounded-lg">
     <div class="px-4 py-5 sm:px-6">
-        <h2 id="timeline-title" class="text-lg font-medium text-gray-900">Dignostiques réalisées</h2>
+        <h2 id="timeline-title" class="text-lg font-medium text-gray-900">Diagnostiques réalisés</h2>
         <a href="{{.ViewState.beneficiary.ID}}/create-diag">
             <button type="button"
             class="inline-flex items-center justify-center rounded-2xl border border-transparent bg-co-blue px-4 py-2 text-sm font-medium text-white shadow-sm focus:outline-none focus:ring-2 focus:ring-ci-blue focus:ring-offset-2 sm:w-auto">
@@ -31,6 +31,16 @@
                             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>
                     </li>
                 {{end}}
+                {{if eq .Deleted true}}
+                    <li class="py-5 px-4 flex">
+                            <div class="flex-1 ml-3">
+                                <p class="mt-1 text-sm text-gray-900">{{.Name}}</p>
+                            </div>
+                        <div class="flex-1 ml-3">
+                            <p class="mt-1 text-sm text-gray-900">Ce diagnostique a été retiré</p>
+                        </div>
+                    </li>
+                {{end}}
                 {{end}}
             {{end}}
         </ul>
diff --git a/web/layouts/diags/delete-diag.html b/web/layouts/diags/delete-diag.html
index b7c4ad7..494fee8 100644
--- a/web/layouts/diags/delete-diag.html
+++ b/web/layouts/diags/delete-diag.html
@@ -17,17 +17,10 @@
                         <div class="mt-2">
                             <p class="text-sm text-gray-500">Voulez-vous vraiment retirer ce dignostique ?</p>
                         </div>
-                        <div class="col-span-6">
-                            <label for="motif" class="block text-sm font-medium text-gray-700">Motif</label>
-                            <div class="mt-1">
-                                <textarea rows="4" name="motif" id="motif"
-                                    class="shadow-sm focus:ring-co-blue focus:border-co-blue block w-full sm:text-sm border-gray-300 rounded-2xl"></textarea>
-                            </div>
-                        </div>
                     </div>
                 </div>
                 <div class="mt-5 sm:mt-6 sm:grid sm:grid-flow-row-dense sm:grid-cols-2">
-                    <a href="/app/diags/{{.ViewState.eventid}}" class="mt-3 inline-flex w-full justify-center rounded-l-2xl border border-gray-300 bg-white px-4 py-2 text-base font-medium text-gray-700 shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-co-blue focus:ring-offset-2 sm:col-start-1 sm:mt-0 sm:text-sm">Annuler</a>
+                    <a href="/app/diags/" class="mt-3 inline-flex w-full justify-center rounded-l-2xl border border-gray-300 bg-white px-4 py-2 text-base font-medium text-gray-700 shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-co-blue focus:ring-offset-2 sm:col-start-1 sm:mt-0 sm:text-sm">Annuler</a>
                     <button  type="submit" class="inline-flex w-full justify-center rounded-r-2xl border border-transparent bg-co-blue px-4 py-2 text-base font-medium text-white shadow-sm hover:bg-co-blue focus:outline-none focus:ring-2 focus:ring-co-blue focus:ring-offset-2 sm:col-start-2 sm:text-sm">Confirmation</button>
                 </div>
                 </div>
diff --git a/web/layouts/diags/display-diag.html b/web/layouts/diags/display-diag.html
new file mode 100644
index 0000000..4b85d29
--- /dev/null
+++ b/web/layouts/diags/display-diag.html
@@ -0,0 +1,57 @@
+{{ define "content" }}
+<main class="py-10">
+    <div class="max-w-3xl mx-auto px-4 sm:px-6 md:flex md:items-center md:justify-between md:space-x-5 lg:max-w-7xl lg:px-8">
+        <div class="flex items-center space-x-5">
+            <div>
+                <h1 class="text-2xl font-bold text-gray-900">{{.ViewState.diag.Name}}</h1>
+            </div>
+            {{$diag := .ViewState.diag.ID}}
+        </div>
+        <div
+        class="mt-6 flex flex-col-reverse justify-stretch space-y-4 space-y-reverse sm:flex-row-reverse sm:justify-end sm:space-x-reverse sm:space-y-0 sm:space-x-3 md:mt-0 md:flex-row md:space-x-3">
+       
+            <a href="/app/diags/{{$diag}}/update" 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-blue hover:bg-co-blue focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-gray-100 focus:ring-co-blue">Modifier</button></a>
+            <a href="/app/diags/{{$diag}}/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>
+        </div>
+    </div>
+    <div class="mt-8 max-w-3xl mx-auto grid grid-cols-1 gap-6 sm:px-6 lg:max-w-7xl lg:grid-flow-col-dense lg:grid-cols-3">
+        <div class="space-y-6 lg:col-start-1 lg:col-span-2">
+            <section aria-labelledby="diag-information-title">
+                <div class="bg-white shadow sm:rounded-lg">
+                    <div class="px-4 py-5 sm:px-6">
+                        <h2 id="diag" class="text-lg leading-6 font-medium text-gray-900">Informations</h2>
+                        <p class="mt-1 max-w-2xl text-sm text-gray-500">Informations sur le diagnostique.</p>
+                    </div>
+                    <div class="border-t border-gray-200 px-4 py-5 sm:px-6">
+                        <dl class="grid grid-cols-1 gap-x-4 gap-y-8 sm:grid-cols-2">
+                            {{if eq .ViewState.diag.Namespace "parcoursmob_beneficiaries"}}
+                            <div class="sm:col-span-1">
+                                <dt class="text-sm font-medium text-gray-500">Type</dt>
+                                <dd class="mt-1 text-sm text-gray-900">Diagnostique personnelle</dd>
+                            </div>
+                            {{end}}
+                            {{if eq .ViewState.diag.Namespace "parcoursmob_vehicle"}}
+                            <div class="sm:col-span-1">
+                                <dt class="text-sm font-medium text-gray-500">Type</dt>
+                                <dd class="mt-1 text-sm text-gray-900">Diagnostique automobile</dd>
+                            </div>
+                            {{end}}
+                            {{if .ViewState.diag.Json_schema}}
+                            <div class="sm:col-span-2">
+                                <dt class="text-sm font-medium text-gray-500">JSON_schema</dt>
+                                <dd class="mt-1 text-sm text-gray-900">{{.ViewState.diag.Json_schema}}</dd>
+                            </div>
+                            {{end}}
+                            {{if .ViewState.diag.Ui_schema}}
+                            <div class="sm:col-span-2">
+                                <dt class="text-sm font-medium text-gray-500">UI_schema</dt>
+                                <dd class="mt-1 text-sm text-gray-900">{{.ViewState.diag.Ui_schema}}</dd>
+                            </div>
+                            {{end}}
+                        </dl>
+                    </div>
+                </div>
+            </section>
+{{ end }}
\ No newline at end of file