From 2e9d841709a41800a33c67f97c2e1c3c1b1fce34 Mon Sep 17 00:00:00 2001
From: Omar El Alaoui El Ismaili <omar.el_alaoui_el_ismaili@bordeaux-inp.fr>
Date: Mon, 5 May 2025 20:32:09 +0200
Subject: [PATCH 1/3] utilisation des fonctions Apis/admin.ts pour mettre un
 raport a un appointmentid

---
 .../src/components/AdminAppointments.vue      | 248 +++++++++---------
 1 file changed, 122 insertions(+), 126 deletions(-)

diff --git a/front/MyINPulse-front/src/components/AdminAppointments.vue b/front/MyINPulse-front/src/components/AdminAppointments.vue
index f6ecb3a..ce96ce6 100644
--- a/front/MyINPulse-front/src/components/AdminAppointments.vue
+++ b/front/MyINPulse-front/src/components/AdminAppointments.vue
@@ -1,178 +1,174 @@
 <template>
     <div>
-        <h2>Ajouter / Modifier un Rapport pour un Rendez-vous</h2>
-
-        <form @submit.prevent="submitReport">
-            <div>
-                <label for="appointmentId">ID du rendez-vous :</label>
-                <div style="display: flex; align-items: center; gap: 0.5rem">
-                    <button type="button" @click="decrementId">-</button>
-                    <input
-                        id="appointmentId"
-                        v-model.number="appointmentId"
-                        type="number"
-                        min="1"
-                        style="width: 60px; text-align: center"
-                    />
-                    <button type="button" @click="incrementId">+</button>
-                </div>
-            </div>
-
-            <div>
-                <label for="reportContent">Contenu du rapport :</label>
-                <textarea
-                    id="reportContent"
-                    v-model="reportContent"
-                    required
-                ></textarea>
-            </div>
-
-            <button type="submit">
-                {{ isUpdate ? "Mettre à jour" : "Créer" }} le rapport
-            </button>
-        </form>
-
-        <p v-if="responseMessage">{{ responseMessage }}</p>
+      <h2>Ajouter / Modifier un Rapport pour un Rendez-vous</h2>
+  
+      <form @submit.prevent="submitReport">
+        <div>
+          <label for="appointmentId">ID du rendez-vous :</label>
+          <div style="display: flex; align-items: center; gap: 0.5rem;">
+            <button type="button" @click="decrementId">-</button>
+            <input
+              id="appointmentId"
+              v-model.number="appointmentId"
+              type="number"
+              min="1"
+              style="width: 60px; text-align: center;"
+            />
+            <button type="button" @click="incrementId">+</button>
+          </div>
+        </div>
+  
+        <div>
+          <label for="reportContent">Contenu du rapport :</label>
+          <textarea
+            id="reportContent"
+            v-model="reportContent"
+            required
+          ></textarea>
+        </div>
+  
+        <button type="submit">{{ isUpdate ? "Mettre à jour" : "Créer" }} le rapport</button>
+      </form>
+  
+      <p v-if="responseMessage">{{ responseMessage }}</p>
     </div>
 </template>
 
 <script>
+import {
+  createAppointmentReport,
+  updateAppointmentReport,
+} from "@/services/Apis/Admin";
+
 export default {
-    name: "AdminAppointmentsComponent",
-    data() {
-        return {
-            appointmentId: 1,
-            reportContent: "",
-            responseMessage: "",
-            isUpdate: false,
-        };
+  name: "AdminAppointmentsComponent",
+  data() {
+    return {
+      appointmentId: 1,
+      reportContent: "",
+      responseMessage: "",
+      isUpdate: false,
+    };
+  },
+  watch: {
+    appointmentId(newVal) {
+      if (newVal) {
+        this.isUpdate = true;
+      }
     },
-    watch: {
-        appointmentId(newVal) {
-            if (newVal) {
-                this.isUpdate = true;
-            }
-        },
+  },
+  methods: {
+    incrementId() {
+      this.appointmentId++;
     },
-    methods: {
-        incrementId() {
-            this.appointmentId++;
-        },
-        decrementId() {
-            if (this.appointmentId > 1) {
-                this.appointmentId--;
-            }
-        },
-        async submitReport() {
-            const reportData = {
-                reportContent: this.reportContent,
-            };
-
-            const url = `/admin/appointments/report/${this.appointmentId}`;
-            const method = this.isUpdate ? "PUT" : "POST";
-
-            try {
-                const response = await this.$axios({
-                    method,
-                    url,
-                    data: reportData,
-                });
-
-                if (response.status === 201 || response.status === 200) {
-                    this.responseMessage =
-                        "Rapport " +
-                        (this.isUpdate ? "mis à jour" : "créé") +
-                        " avec succès.";
-                }
-            } catch (error) {
-                if (error.response && error.response.status === 400) {
-                    this.responseMessage =
-                        "Requête invalide. Vérifiez les informations.";
-                } else if (error.response && error.response.status === 401) {
-                    this.responseMessage =
-                        "Vous n'êtes pas autorisé à effectuer cette action.";
-                } else {
-                    this.responseMessage =
-                        "Une erreur est survenue. Veuillez réessayer.";
-                }
-            }
-        },
+    decrementId() {
+      if (this.appointmentId > 1) {
+        this.appointmentId--;
+      }
     },
+    submitReport() {
+      const reportData = { content: this.reportContent };
+      const onSuccess = (response) => {
+        if (response.status === 201 || response.status === 200) {
+          this.responseMessage =
+            "Rapport " +
+            (this.isUpdate ? "mis à jour" : "créé") +
+            " avec succès.";
+        }
+      };
+      const onError = (error) => {
+        console.error("Erreur lors de l'envoi du rapport :", error.response || error.message);
+        if (error.response && error.response.status === 400) {
+          this.responseMessage = "Requête invalide. Vérifiez les informations.";
+        } else if (error.response && error.response.status === 401) {
+          this.responseMessage = "Vous n'êtes pas autorisé à effectuer cette action.";
+        } else {
+          this.responseMessage = "Une erreur est survenue. Veuillez réessayer.";
+        }
+      };
+
+      if (this.isUpdate) {
+        updateAppointmentReport(this.appointmentId, reportData, onSuccess, onError);
+      } else {
+        createAppointmentReport(this.appointmentId, reportData, onSuccess, onError);
+      }
+    },
+  },
 };
 </script>
 
 <style scoped>
 /* Centrer le formulaire */
 div {
-    max-width: 600px;
-    margin: 0 auto;
-    padding: 1rem;
-    background-color: #f9f9f9;
-    border-radius: 8px;
-    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
+  max-width: 600px;
+  margin: 0 auto;
+  padding: 1rem;
+  background-color: #f9f9f9;
+  border-radius: 8px;
+  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
 }
 
 /* Titre */
 h2 {
-    text-align: center;
-    color: #333;
-    margin-bottom: 1rem;
+  text-align: center;
+  color: #333;
+  margin-bottom: 1rem;
 }
 
 /* Formulaire */
 form {
-    display: flex;
-    flex-direction: column;
-    gap: 1rem;
+  display: flex;
+  flex-direction: column;
+  gap: 1rem;
 }
 
 /* Boutons */
 button {
-    padding: 0.5rem 1rem;
-    background-color: #007bff;
-    color: white;
-    border: none;
-    border-radius: 4px;
-    cursor: pointer;
-    transition: background-color 0.3s ease;
+  padding: 0.5rem 1rem;
+  background-color: #007bff;
+  color: white;
+  border: none;
+  border-radius: 4px;
+  cursor: pointer;
+  transition: background-color 0.3s ease;
 }
 
 button:hover {
-    background-color: #0056b3;
+  background-color: #0056b3;
 }
 
 /* Input et Textarea */
 input[type="number"],
 textarea {
-    width: 100%;
-    padding: 0.5rem;
-    border: 1px solid #ccc;
-    border-radius: 4px;
-    font-size: 1rem;
+  width: 100%;
+  padding: 0.5rem;
+  border: 1px solid #ccc;
+  border-radius: 4px;
+  font-size: 1rem;
 }
 
 textarea {
-    height: 120px;
-    resize: none;
+  height: 120px;
+  resize: none;
 }
 
 /* Message de réponse */
 p {
-    text-align: center;
-    font-weight: bold;
-    color: green;
+  text-align: center;
+  font-weight: bold;
+  color: green;
 }
 
 /* Boutons d'incrémentation/décrémentation */
 div[style*="display: flex"] button {
-    background-color: #6c757d;
-    color: white;
-    border: none;
-    border-radius: 4px;
-    padding: 0.5rem;
+  background-color: #6c757d;
+  color: white;
+  border: none;
+  border-radius: 4px;
+  padding: 0.5rem;
 }
 
 div[style*="display: flex"] button:hover {
-    background-color: #5a6268;
+  background-color: #5a6268;
 }
 </style>

From 829baac85ef91ebab8a90134f2b47323f81eabca Mon Sep 17 00:00:00 2001
From: Omar El Alaoui El Ismaili <omar.el_alaoui_el_ismaili@bordeaux-inp.fr>
Date: Mon, 5 May 2025 20:36:09 +0200
Subject: [PATCH 2/3] apply prettier to adminappointment

---
 .../src/components/AdminAppointments.vue      | 254 ++++++++++--------
 1 file changed, 136 insertions(+), 118 deletions(-)

diff --git a/front/MyINPulse-front/src/components/AdminAppointments.vue b/front/MyINPulse-front/src/components/AdminAppointments.vue
index ce96ce6..59535c4 100644
--- a/front/MyINPulse-front/src/components/AdminAppointments.vue
+++ b/front/MyINPulse-front/src/components/AdminAppointments.vue
@@ -1,174 +1,192 @@
 <template>
     <div>
-      <h2>Ajouter / Modifier un Rapport pour un Rendez-vous</h2>
-  
-      <form @submit.prevent="submitReport">
-        <div>
-          <label for="appointmentId">ID du rendez-vous :</label>
-          <div style="display: flex; align-items: center; gap: 0.5rem;">
-            <button type="button" @click="decrementId">-</button>
-            <input
-              id="appointmentId"
-              v-model.number="appointmentId"
-              type="number"
-              min="1"
-              style="width: 60px; text-align: center;"
-            />
-            <button type="button" @click="incrementId">+</button>
-          </div>
-        </div>
-  
-        <div>
-          <label for="reportContent">Contenu du rapport :</label>
-          <textarea
-            id="reportContent"
-            v-model="reportContent"
-            required
-          ></textarea>
-        </div>
-  
-        <button type="submit">{{ isUpdate ? "Mettre à jour" : "Créer" }} le rapport</button>
-      </form>
-  
-      <p v-if="responseMessage">{{ responseMessage }}</p>
+        <h2>Ajouter / Modifier un Rapport pour un Rendez-vous</h2>
+
+        <form @submit.prevent="submitReport">
+            <div>
+                <label for="appointmentId">ID du rendez-vous :</label>
+                <div style="display: flex; align-items: center; gap: 0.5rem">
+                    <button type="button" @click="decrementId">-</button>
+                    <input
+                        id="appointmentId"
+                        v-model.number="appointmentId"
+                        type="number"
+                        min="1"
+                        style="width: 60px; text-align: center"
+                    />
+                    <button type="button" @click="incrementId">+</button>
+                </div>
+            </div>
+
+            <div>
+                <label for="reportContent">Contenu du rapport :</label>
+                <textarea
+                    id="reportContent"
+                    v-model="reportContent"
+                    required
+                ></textarea>
+            </div>
+
+            <button type="submit">
+                {{ isUpdate ? "Mettre à jour" : "Créer" }} le rapport
+            </button>
+        </form>
+
+        <p v-if="responseMessage">{{ responseMessage }}</p>
     </div>
 </template>
 
 <script>
 import {
-  createAppointmentReport,
-  updateAppointmentReport,
+    createAppointmentReport,
+    updateAppointmentReport,
 } from "@/services/Apis/Admin";
 
 export default {
-  name: "AdminAppointmentsComponent",
-  data() {
-    return {
-      appointmentId: 1,
-      reportContent: "",
-      responseMessage: "",
-      isUpdate: false,
-    };
-  },
-  watch: {
-    appointmentId(newVal) {
-      if (newVal) {
-        this.isUpdate = true;
-      }
+    name: "AdminAppointmentsComponent",
+    data() {
+        return {
+            appointmentId: 1,
+            reportContent: "",
+            responseMessage: "",
+            isUpdate: false,
+        };
     },
-  },
-  methods: {
-    incrementId() {
-      this.appointmentId++;
+    watch: {
+        appointmentId(newVal) {
+            if (newVal) {
+                this.isUpdate = true;
+            }
+        },
     },
-    decrementId() {
-      if (this.appointmentId > 1) {
-        this.appointmentId--;
-      }
-    },
-    submitReport() {
-      const reportData = { content: this.reportContent };
-      const onSuccess = (response) => {
-        if (response.status === 201 || response.status === 200) {
-          this.responseMessage =
-            "Rapport " +
-            (this.isUpdate ? "mis à jour" : "créé") +
-            " avec succès.";
-        }
-      };
-      const onError = (error) => {
-        console.error("Erreur lors de l'envoi du rapport :", error.response || error.message);
-        if (error.response && error.response.status === 400) {
-          this.responseMessage = "Requête invalide. Vérifiez les informations.";
-        } else if (error.response && error.response.status === 401) {
-          this.responseMessage = "Vous n'êtes pas autorisé à effectuer cette action.";
-        } else {
-          this.responseMessage = "Une erreur est survenue. Veuillez réessayer.";
-        }
-      };
+    methods: {
+        incrementId() {
+            this.appointmentId++;
+        },
+        decrementId() {
+            if (this.appointmentId > 1) {
+                this.appointmentId--;
+            }
+        },
+        submitReport() {
+            const reportData = { content: this.reportContent };
+            const onSuccess = (response) => {
+                if (response.status === 201 || response.status === 200) {
+                    this.responseMessage =
+                        "Rapport " +
+                        (this.isUpdate ? "mis à jour" : "créé") +
+                        " avec succès.";
+                }
+            };
+            const onError = (error) => {
+                console.error(
+                    "Erreur lors de l'envoi du rapport :",
+                    error.response || error.message
+                );
+                if (error.response && error.response.status === 400) {
+                    this.responseMessage =
+                        "Requête invalide. Vérifiez les informations.";
+                } else if (error.response && error.response.status === 401) {
+                    this.responseMessage =
+                        "Vous n'êtes pas autorisé à effectuer cette action.";
+                } else {
+                    this.responseMessage =
+                        "Une erreur est survenue. Veuillez réessayer.";
+                }
+            };
 
-      if (this.isUpdate) {
-        updateAppointmentReport(this.appointmentId, reportData, onSuccess, onError);
-      } else {
-        createAppointmentReport(this.appointmentId, reportData, onSuccess, onError);
-      }
+            if (this.isUpdate) {
+                updateAppointmentReport(
+                    this.appointmentId,
+                    reportData,
+                    onSuccess,
+                    onError
+                );
+            } else {
+                createAppointmentReport(
+                    this.appointmentId,
+                    reportData,
+                    onSuccess,
+                    onError
+                );
+            }
+        },
     },
-  },
 };
 </script>
 
 <style scoped>
 /* Centrer le formulaire */
 div {
-  max-width: 600px;
-  margin: 0 auto;
-  padding: 1rem;
-  background-color: #f9f9f9;
-  border-radius: 8px;
-  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
+    max-width: 600px;
+    margin: 0 auto;
+    padding: 1rem;
+    background-color: #f9f9f9;
+    border-radius: 8px;
+    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
 }
 
 /* Titre */
 h2 {
-  text-align: center;
-  color: #333;
-  margin-bottom: 1rem;
+    text-align: center;
+    color: #333;
+    margin-bottom: 1rem;
 }
 
 /* Formulaire */
 form {
-  display: flex;
-  flex-direction: column;
-  gap: 1rem;
+    display: flex;
+    flex-direction: column;
+    gap: 1rem;
 }
 
 /* Boutons */
 button {
-  padding: 0.5rem 1rem;
-  background-color: #007bff;
-  color: white;
-  border: none;
-  border-radius: 4px;
-  cursor: pointer;
-  transition: background-color 0.3s ease;
+    padding: 0.5rem 1rem;
+    background-color: #007bff;
+    color: white;
+    border: none;
+    border-radius: 4px;
+    cursor: pointer;
+    transition: background-color 0.3s ease;
 }
 
 button:hover {
-  background-color: #0056b3;
+    background-color: #0056b3;
 }
 
 /* Input et Textarea */
 input[type="number"],
 textarea {
-  width: 100%;
-  padding: 0.5rem;
-  border: 1px solid #ccc;
-  border-radius: 4px;
-  font-size: 1rem;
+    width: 100%;
+    padding: 0.5rem;
+    border: 1px solid #ccc;
+    border-radius: 4px;
+    font-size: 1rem;
 }
 
 textarea {
-  height: 120px;
-  resize: none;
+    height: 120px;
+    resize: none;
 }
 
 /* Message de réponse */
 p {
-  text-align: center;
-  font-weight: bold;
-  color: green;
+    text-align: center;
+    font-weight: bold;
+    color: green;
 }
 
 /* Boutons d'incrémentation/décrémentation */
 div[style*="display: flex"] button {
-  background-color: #6c757d;
-  color: white;
-  border: none;
-  border-radius: 4px;
-  padding: 0.5rem;
+    background-color: #6c757d;
+    color: white;
+    border: none;
+    border-radius: 4px;
+    padding: 0.5rem;
 }
 
 div[style*="display: flex"] button:hover {
-  background-color: #5a6268;
+    background-color: #5a6268;
 }
 </style>

From b1a4c874ecf2f5388f8f40ce28ed45e2698b891c Mon Sep 17 00:00:00 2001
From: MAILLAL Anas <Anas.Maillal@bordeaux-inp.fr>
Date: Tue, 6 May 2025 21:17:52 +0200
Subject: [PATCH 3/3] trying out config to see if this is where 403 responses
 are comming from

---
 .../src/main/resources/application.properties     | 15 +++++----------
 .../main/resources/application.properties_dbtest  | 13 +++++++++++++
 2 files changed, 18 insertions(+), 10 deletions(-)
 create mode 100644 MyINPulse-back/src/main/resources/application.properties_dbtest

diff --git a/MyINPulse-back/src/main/resources/application.properties b/MyINPulse-back/src/main/resources/application.properties
index 37c209e..043c22b 100644
--- a/MyINPulse-back/src/main/resources/application.properties
+++ b/MyINPulse-back/src/main/resources/application.properties
@@ -1,13 +1,8 @@
 spring.application.name=myinpulse
 spring.security.oauth2.resourceserver.jwt.jwk-set-uri=http://localhost:7080/realms/test/protocol/openid-connect/certs
 spring.security.oauth2.resourceserver.jwt.issuer-uri=http://localhost:7080/realms/test
-
-logging.pattern.console=%d{yyyy-MMM-dd HH:mm:ss.SSS} [%thread] %highlight(%-5level) %cyan(%logger{15}) - %msg %n
-
-spring.datasource.url=jdbc:h2:mem:testdb;DB_CLOSE_DELAY=-1
-spring.datasource.driverClassName=org.h2.Driver
-spring.datasource.username=sa
-spring.datasource.password=
-spring.jpa.database-platform=org.hibernate.dialect.H2Dialect
-
-spring.jpa.hibernate.ddl-auto=create
\ No newline at end of file
+spring.datasource.url=jdbc:postgresql://${DATABASE_URL}/${BACKEND_DB}
+spring.datasource.username=${BACKEND_USER}
+spring.datasource.password=${BACKEND_PASSWORD}
+spring.jpa.hibernate.ddl-auto=update
+logging.pattern.console=%d{yyyy-MMM-dd HH:mm:ss.SSS} [%thread] %highlight(%-5level) %cyan(%logger{15}) - %msg %n
\ No newline at end of file
diff --git a/MyINPulse-back/src/main/resources/application.properties_dbtest b/MyINPulse-back/src/main/resources/application.properties_dbtest
new file mode 100644
index 0000000..37c209e
--- /dev/null
+++ b/MyINPulse-back/src/main/resources/application.properties_dbtest
@@ -0,0 +1,13 @@
+spring.application.name=myinpulse
+spring.security.oauth2.resourceserver.jwt.jwk-set-uri=http://localhost:7080/realms/test/protocol/openid-connect/certs
+spring.security.oauth2.resourceserver.jwt.issuer-uri=http://localhost:7080/realms/test
+
+logging.pattern.console=%d{yyyy-MMM-dd HH:mm:ss.SSS} [%thread] %highlight(%-5level) %cyan(%logger{15}) - %msg %n
+
+spring.datasource.url=jdbc:h2:mem:testdb;DB_CLOSE_DELAY=-1
+spring.datasource.driverClassName=org.h2.Driver
+spring.datasource.username=sa
+spring.datasource.password=
+spring.jpa.database-platform=org.hibernate.dialect.H2Dialect
+
+spring.jpa.hibernate.ddl-auto=create
\ No newline at end of file