From 3dce51620fc53c5564ac7ed1e2218dc6176db539 Mon Sep 17 00:00:00 2001
From: Nicolas Caron <nicolas.caron@coopgo.fr>
Date: Wed, 8 Feb 2023 09:36:48 +0100
Subject: [PATCH] add 'History' page

---
 config.yaml                           |  3 ++
 web/layouts/agenda/display-event.html |  1 +
 web/layouts/agenda/history-event.html | 51 +++++++++++++++++++++++++++
 3 files changed, 55 insertions(+)
 create mode 100644 web/layouts/agenda/history-event.html

diff --git a/config.yaml b/config.yaml
index e8174f6..0a0ded8 100644
--- a/config.yaml
+++ b/config.yaml
@@ -95,6 +95,9 @@ views:
     delete_subscriber: 
       files: 
         - web/layouts/agenda/delete-subscriber.html
+    history_event:
+      files:
+        - web/layouts/agenda/history-event.html
   directory: 
     home: 
       files: 
diff --git a/web/layouts/agenda/display-event.html b/web/layouts/agenda/display-event.html
index 787d596..9cad872 100644
--- a/web/layouts/agenda/display-event.html
+++ b/web/layouts/agenda/display-event.html
@@ -70,6 +70,7 @@
                 <div class="bg-white shadow sm:rounded-lg">
                     <div class="px-4 py-5 sm:px-6">
                         <h2 id="event-information-title" class="text-lg leading-6 font-medium text-gray-900">Tous les inscrits</h2>
+                        <a href="/app/agenda/{{.ViewState.event.ID}}/history" class="mt-1 max-w-2xl text-sm text-gray-500">Historique</a>
                     </div>
                     {{template "subscribers_table" .}}
                 </div>
diff --git a/web/layouts/agenda/history-event.html b/web/layouts/agenda/history-event.html
new file mode 100644
index 0000000..b6cc468
--- /dev/null
+++ b/web/layouts/agenda/history-event.html
@@ -0,0 +1,51 @@
+{{define "content"}}
+<table class="min-w-full divide-y divide-gray-300 border-t border-gray-200">
+    <thead class="bg-gray-50">
+        <tr>
+            <th scope="col"
+                class="py-3.5 pl-4 pr-3 text-left text-sm font-semibold text-gray-900 sm:pl-6 ">
+                Bénéficiaire
+            </th>
+            <th scope="col" class="px-3 py-3.5 text-left text-sm font-semibold text-gray-900 sm:pl-6">
+                Prescripteur
+            </th>
+            <th scope="col" class="px-3 py-3.5 text-left text-sm font-semibold text-gray-900 sm:pl-6">
+                Date d'inscription
+            </th>
+            <th scope="col" class="px-3 py-3.5 text-left text-sm font-semibold text-gray-900 sm:pl-6">
+                Supprimé par
+            </th>
+            <th scope="col" class="relative py-3.5 pl-3 pr-4 sm:pr-6">
+                <span class="sr-only">Date de supression</span>
+            </th>
+            <th scope="col" class="relative py-3.5 pl-3 pr-4 sm:pr-6">
+                <span class="sr-only">Actions</span>
+            </th>
+        </tr>
+    </thead>
+    {{$evid := .ViewState.event.ID}}
+    <tbody class="divide-y divide-gray-200 bg-white">
+        {{range .ViewState.event.Subscriptions}}
+        <tr>
+            <td class="whitespace-nowrap py-4 pl-4 pr-3 text-sm sm:pl-6 text-center">
+                <a href="/app/beneficiaries/{{.Subscriber}}" class="flex">
+                    <img class="h-6 w-6 rounded-co mr-2" src="/app/beneficiaries/{{.Subscriber}}/picture" alt=" "> {{ (index $.ViewState.subscribers .Subscriber).Data.first_name }} {{ (index $.ViewState.subscribers .Subscriber).Data.last_name }}
+                </a>
+            </td>
+            <td class="whitespace-nowrap py-4 pl-4 pr-3 text-sm sm:pl-6">
+                <div class="flex"><img class="h-6 w-6 rounded-co mr-2" src="/app/beneficiaries/{{.Data.subscribed_by.user.id}}/picture" alt=" "> {{.Data.subscribed_by.user.display_name}}</div>
+                {{.Data.subscribed_by.group.name}}
+            </td>
+            <td class="whitespace-nowrap py-4 pl-4 pr-3 text-sm sm:pl-6">
+                {{(timeFormat .CreatedAt "02/01/2006")}}
+            </td>
+            <td class="whitespace-nowrap py-4 pl-4 pr-3 text-sm sm:pl-6">
+                <!-- <a href=""
+                        class="text-co-blue hover:text-co-blue">Voir</a> -->
+            </td>
+
+        </tr>
+        {{end}}
+    </tbody>
+</table>
+{{end}}
\ No newline at end of file