149 modifacation de user un par un

.gitignore

@@ -8,4 +8,9 @@ node_modules
 .vite
 .env
 dist
-milestone.db
+milestone.db
+*.sql
+
+*.toml
+
+*.db

README.md

@@ -76,10 +76,11 @@ Pour accéder à l'aperçu de la version de production, visitez http://milestone
 Voici les étapes à suivre pour se connecter en tant qu'administrateur :
 
 
-1. Copier le fichier `.default` en `.env` avec la commande `cp .default .env` puis le remplir avec un nom d'utilisateur et un mot de passe admin.
+1. Renommer le fichier `.default` en `.env` avec la commande `cp .default .env` puis le remplir avec un nom d'utilisateur et un mot de passe admin et vous avez la possibilite de laisser URL de base comme elle est ou la changer mais absolument l'indiquer.
+URL de Base du serveur par defaut est : http://localhost:3000/api
 
 
-2.  `node prisma/seed.js` pour injecter les données dans la base de données.
+2. Executer la commande `node prisma/seed.js` pour injecter les données dans la base de données.
 
 
 3. Exécuter la commande `npx prisma generate` pour générer cet utilisateur avec le rôle admin.

app.vue

@@ -57,6 +57,7 @@ const showAddTask = ref(false);
 const showAddUser = ref(false);
 const showScrollToTop = ref(false);
 const showWarning = ref(true);
+
 const show = () => {
   showForm.value = true;
 };

components/LoginForm.vue

@@ -130,7 +130,7 @@ const login = async (isAdmin = true) => {
     : {
         name: username.value,
       };
-  const res = await fetch("http://localhost:3000/api/login", {
+  const res = await fetch(`${import.meta.env.VITE_APP_API_URL}/login`, {
     method: "POST",
     headers: {
       "Content-Type": "application/json",

components/ModifUser.vue

@@ -18,7 +18,7 @@
       <input class="inputStyle" type="password" v-model="passwordInput" />
     </div>
     <input class="inputStyle inputSubmit" type="submit" value="Modifier" />
-    <button @click="$emit('close')">Arrêter les modifications</button>
+    <button @click="$emit('close'), endUserEdit()">Arrêter les modifications</button>
     <span v-if="error !== ''">{{ error }}</span>
   </form>
 </template>
@@ -31,11 +31,12 @@ const jwt = jwtStore.jwt;
 const userStore = useUserStore();
 const emit = defineEmits(["close", "errorOnUpdateUser"]);
 
-const { id, name, role, password } = defineProps({
+const { id, name, role, password, isSelected } = defineProps({
   id: Number,
   name: String,
   role: String,
   password: String,
+  isSelected: Boolean
 });
 
 const nameInput = ref(name);
@@ -56,6 +57,11 @@ const editUser = async () => {
   }
   await userStore.setUsers(jwt);
 };
+const endUserEdit = () => {
+  for (let currentUser of userStore.users){
+      currentUser.isSelected = false
+  }
+};
 </script>
 
 <style scoped>

components/TaskList.vue

@@ -38,9 +38,6 @@
           v-if="jwtStore.role === 'ADMIN'  && task.isSelected"
           class="modif-form"
         />
-        <!-- <button v-if="task.isSelected" @click="endTaskEdit, task.isSelected = false">
-        Terminer les modifications
-      </button> -->
       </div>
     </div>
   </div>
@@ -59,17 +56,17 @@ const error = ref("");
 
 const md = new MarkdownIt();
 
-const endTaskEdit = () => {
-  taskStore.tasks.sort((a, b) => {
-    if (a.completed < b.completed) {
-      return 1;
-    }
-    if (a.completed > b.completed) {
-      return -1;
-    }
-    return 0;
-  });
-};
+// const endTaskEdit = () => {
+//   taskStore.tasks.sort((a, b) => {
+//     if (a.completed < b.completed) {
+//       return 1;
+//     }
+//     if (a.completed > b.completed) {
+//       return -1;
+//     }
+//     return 0;
+//   });
+// };
 
 const scrollToTask = (id) => {
   const task = document.getElementById(id);

components/UserList.vue

@@ -35,8 +35,9 @@
             </span>
             <ModifUser
               v-bind="user"
-              v-if="showModifUserForm"
-              @close="showModifUserForm = false"
+              v-if="showModifUserForm && user.isSelected"
+              @close="showModifUserForm=false"
+              @submit="showModifUserForm=false"
               @errorOnUpdateUser="
                 error = `La modification de l'utilisateur ${user.name} a échoué.`
               "
@@ -68,11 +69,19 @@ const error = ref("");
 
 const scrollToUser = (id) => {
   showModifUserForm.value = !showModifUserForm.value;
+
+  const newId = id.substring(4)
   const user = document.getElementById(id);
-  console.log(user);
   setTimeout(() => {
     user.scrollIntoView({ behavior: "smooth" });
   }, 10);
+  for (let currentUser of userStore.users){
+    if (currentUser.id != newId){
+      currentUser.isSelected = false
+    } else {
+      currentUser.isSelected = true
+    }
+  } 
 };
 
 if (users === false) {

stores/discord.js

@@ -7,7 +7,7 @@ export const useDiscordStore = defineStore("discord", {
     }),
     actions: {
         async fetchDiscordUser(jwt) {
-            const res = await fetch("http://localhost:3000/api/discord-id", {
+            const res = await fetch(`${import.meta.env.VITE_APP_API_URL}/discord-id`, {
                 method: "GET",
                 headers: {
                     "Content-Type": "application/json",

stores/task.js

@@ -8,7 +8,7 @@ export const useTaskStore = defineStore("tasks", {
   actions: {
     async setTasks() {
       const res = await fetch(
-        "http://localhost:3000/api/task",
+        `${import.meta.env.VITE_APP_API_URL}/task`,
         {
           method: "GET",
         }
@@ -38,7 +38,7 @@ export const useTaskStore = defineStore("tasks", {
     async addTask(jwt, title, content, completed) {
       console.log("addTask", title, content, completed, jwt);
       const res = await fetch(
-        "http://localhost:3000/api/task",
+        `${import.meta.env.VITE_APP_API_URL}/task`,
         {
           method: "POST",
           headers: {
@@ -73,7 +73,7 @@ export const useTaskStore = defineStore("tasks", {
 
     async updateTask(jwt, id, title, content, completed, isContentPrivate) {
       const res = await fetch(
-        "http://localhost:3000/api/task/" + id,
+        `${import.meta.env.VITE_APP_API_URL}/task/${id}` ,
         {
           method: "PUT",
           headers: {
@@ -118,7 +118,7 @@ export const useTaskStore = defineStore("tasks", {
         return;
       }
       const res = await fetch(
-        "http://localhost:3000/api/task/" + id,
+        `${import.meta.env.VITE_APP_API_URL}/task/${id}`,
         {
           //await fait attendre que toute la fonction soit déroulée
           headers: {

stores/user.js

@@ -7,7 +7,7 @@ export const useUserStore = defineStore("users", {
   }),
   actions: {
     async setUsers(jwt) {
-      const res = await fetch("http://localhost:3000/api/user", {
+      const res = await fetch(`${import.meta.env.VITE_APP_API_URL}/user`, {
         method: "GET",
         headers: {
           "Content-Type": "application/json",
@@ -33,7 +33,7 @@ export const useUserStore = defineStore("users", {
     },
 
     async addUser(jwt, name, role, password, discordId, twitchId) {
-      const res = await fetch("http://localhost:3000/api/user", {
+      const res = await fetch(`${import.meta.env.VITE_APP_API_URL}/user`, {
         method: "POST",
         headers: {
           "Content-Type": "application/json",
@@ -74,7 +74,7 @@ export const useUserStore = defineStore("users", {
       if (!conf) {
         return;
       }
-      const res = await fetch(`http://localhost:3000/api/user/${id}`, {
+      const res = await fetch(`${import.meta.env.VITE_APP_API_URL}/user/${id}`, {
         method: "DELETE",
         headers: {
           "Content-Type": "application/json",
@@ -104,7 +104,7 @@ export const useUserStore = defineStore("users", {
     },
 
     async updateUser(jwt, id, name, role, password, discordId, twitchId) {
-      const res = await fetch(`http://localhost:3000/api/user/${id}`, {
+      const res = await fetch(`${import.meta.env.VITE_APP_API_URL}/user/${id}`, {
         method: "PUT",
         headers: {
           "Content-Type": "application/json",
@@ -144,7 +144,7 @@ export const useUserStore = defineStore("users", {
     async checkThirdPartyUserExistence(userId) {
       try {
         const res = await fetch(
-          `http://localhost:3000/api/third-party/${userId}`
+          `${import.meta.env.VITE_APP_API_URL}`/third-party/`${userId}`
         );
 
         const data = await res.json();