From 1cf6eefbc11c52c93107b131a0e05dd3617e042e Mon Sep 17 00:00:00 2001
From: asyncnomi <aurelian.pinet@student-cs.fr>
Date: Tue, 3 Jan 2023 21:52:14 +0100
Subject: [PATCH] bla

---
 static/css/main.css | 17 +++++++++++++++++
 static/js/main.js   | 28 ++++++++++++++--------------
 2 files changed, 31 insertions(+), 14 deletions(-)

diff --git a/static/css/main.css b/static/css/main.css
index ae60f53..4049c6c 100644
--- a/static/css/main.css
+++ b/static/css/main.css
@@ -176,6 +176,23 @@ button[type="submit"]:hover {
     color: #ffffff;
 }
 
+.activity {
+    display: flex;
+    flex-direction: column;
+    margin: 30px 0
+}
+
+.activity>* {
+    display: flex;
+    flex-direction: column;
+}
+
+textarea {
+    background: none;
+    border: none;
+    border-bottom: 1px solid orange;
+}
+
 @media screen and (max-width: 800px) {
     .bg-full {
         display: none;
diff --git a/static/js/main.js b/static/js/main.js
index 5999c22..f4ba6d2 100644
--- a/static/js/main.js
+++ b/static/js/main.js
@@ -186,11 +186,11 @@ function get_admin(type) {
                                     <option value="event">Event</option>
                                     <option value="treasure">Trésor</option>
                                 </select>
-                                <div class="activity-title">Titre: <input type="text"/></div>
-                                <div class="activity-desc">Description: <input type="text"/></div>
-                                <div class="activity-where">Lieu: <input type="text"/></div>
-                                <div class="activity-start">Début: <input type="datetime-local"/></div>
-                                <div id="activity-end-add" class="activity-end">Fin: <input type="datetime-local"/></div>
+                                <div class="activity-title">Titre: <textarea type="text"/></div>
+                                <div class="activity-desc">Description: <textarea type="text"/></div>
+                                <div class="activity-where">Lieu: <textarea type="text"/></div>
+                                <div class="activity-start">Début: <textarea type="datetime-local"/></div>
+                                <div id="activity-end-add" class="activity-end">Fin: <textarea type="datetime-local"/></div>
                                 <span class="activity-btn">
                                     <div id="activity-btn-add">Ajouter une activité</div>
                                 </span>
@@ -206,11 +206,11 @@ function get_admin(type) {
                             if (activityData[entry].type = "event") {
                                 $("#admin-content").append(`
                                     <span id="${activityData[entry].activityUid}" class="activity">
-                                        <div class="activity-title">Event: <input type="text" value="${activityData[entry].title}"/></div>
-                                        <div class="activity-desc">Description: <input type="text" value="${activityData[entry].desc}"/></div>
-                                        <div class="activity-where">Lieu: <input type="text" value="${activityData[entry].where}"/></div>
-                                        <div class="activity-start">Début: <input type="datetime-local" value="${toIsoString(new Date(activityData[entry].start))}"/></div>
-                                        <div class="activity-end">Fin: <input type="datetime-local" value="${toIsoString(new Date(activityData[entry].end))}"/></div>
+                                        <div class="activity-title">Event: <textarea type="text" value="${activityData[entry].title}"/></div>
+                                        <div class="activity-desc">Description: <textarea type="text" value="${activityData[entry].desc}"/></div>
+                                        <div class="activity-where">Lieu: <textarea type="text" value="${activityData[entry].where}"/></div>
+                                        <div class="activity-start">Début: <textarea type="datetime-local" value="${toIsoString(new Date(activityData[entry].start))}"/></div>
+                                        <div class="activity-end">Fin: <textarea type="datetime-local" value="${toIsoString(new Date(activityData[entry].end))}"/></div>
                                         <span class="activity-footer">
                                             <div class="activity-uid">UID: ${activityData[entry].activityUid}</div>
                                         </span>
@@ -223,10 +223,10 @@ function get_admin(type) {
                             } else if (activityData[entry].type = "treasure") {
                                 $("#admin-content").prepend(`
                                     <span id="${activityData[entry].activityUid}" class="activity">
-                                        <div class="activity-title">Trésor: <input type="text" value="${activityData[entry].title}"/></div>
-                                        <div class="activity-desc">Description: <input type="text" value="${activityData[entry].desc}"/></div>
-                                        <div class="activity-where">Lieu: <input type="text" value="${activityData[entry].where}"/></div>
-                                        <div class="activity-start">Début: <input type="datetime-local" value="${toIsoString(new Date(activityData[entry].start))}"/></div>
+                                        <div class="activity-title">Trésor: <textarea type="text" value="${activityData[entry].title}"/></div>
+                                        <div class="activity-desc">Description: <textarea type="text" value="${activityData[entry].desc}"/></div>
+                                        <div class="activity-where">Lieu: <textarea type="text" value="${activityData[entry].where}"/></div>
+                                        <div class="activity-start">Début: <textarea type="datetime-local" value="${toIsoString(new Date(activityData[entry].start))}"/></div>
                                         <div class="activity-state">Status: ${activityData[entry].treasureState}</div>
                                         <span class="activity-footer">
                                             <div class="activity-uid">UID: ${activityData[entry].activityUid}</div>