results = res.result();
+ JsonArray jsonArray = new JsonArray();
+
+ results.forEach(row -> {
+ JsonObject json = new JsonObject()
+ .put("id", row.getInteger("id"))
+ .put("object_id", row.getInteger("object_id"))
+ .put("requested_by", row.getInteger("requested_by"))
+ .put("request_date", row.getLocalDateTime("request_date").toString()); // Assurez-vous que le type correspond
+ jsonArray.add(json);
+ });
+
+ context.response()
+ .putHeader("Content-Type", "application/json")
+ .end(jsonArray.encode());
+ } else {
+ res.cause().printStackTrace();
+ context.response().setStatusCode(500).end(new JsonObject().put("error", "Erreur lors de la récupération des demandes").encode());
+ }
+ });
+ }
+}
diff --git a/z1/Back-end/src/main/java/com/example/starter/SetUser.java b/z1/Back-end/src/main/java/com/example/starter/SetUser.java
new file mode 100644
index 0000000..47aa996
--- /dev/null
+++ b/z1/Back-end/src/main/java/com/example/starter/SetUser.java
@@ -0,0 +1,196 @@
+package com.example.starter;
+
+import at.favre.lib.crypto.bcrypt.BCrypt;
+import io.vertx.core.json.JsonObject;
+import io.vertx.ext.web.RoutingContext;
+import io.vertx.sqlclient.Tuple;
+
+public class SetUser {
+ private DatabaseService databaseService;
+
+ public SetUser(DatabaseService ddbs) {
+ this.databaseService = ddbs;
+ }
+
+ public void updateUserPoints(Integer userId, Integer points) {
+ databaseService.pool
+ .preparedQuery("UPDATE users SET points=points+? WHERE id=?")
+ .execute(Tuple.of(points, userId))
+ .onFailure(e -> {
+ System.err.println("Erreur de mise à jour des points :" + e.getMessage());
+ })
+ .onSuccess(rows -> {
+ if (rows.rowCount() > 0) {
+ System.out.println("Points de l'utilisateur mis à jour avec succès");
+ } else {
+ System.out.println("Utilisateur non trouvé pour la mise à jour des points");
+ }
+ });
+ }
+
+ public void changeUserPassword(RoutingContext context) {
+ JsonObject body = context.body().asJsonObject();
+ if (body == null) {
+ context.response()
+ .setStatusCode(400)
+ .end(new JsonObject().put("error", "Corps de la requête manquant").encode());
+ return;
+ }
+ Integer id = body.getInteger("id");
+ String oldPassword = body.getString("oldPassword");
+ String newPassword = body.getString("newPassword");
+
+ databaseService.pool
+ .preparedQuery("SELECT password FROM users WHERE id=?")
+ .execute(Tuple.of(id))
+ .onFailure(e -> {
+ System.err.println("Erreur de récupération de la BDD :" + e.getMessage());
+ context.response()
+ .setStatusCode(500)
+ .end(new JsonObject().put("error", "Erreur de récupération de la BDD").encode());
+ })
+ .onSuccess(rows -> {
+ if (rows.rowCount() == 0) {
+ context.response()
+ .setStatusCode(404)
+ .end(new JsonObject().put("error", "Utilisateur non trouvé").encode());
+ return;
+ }
+
+ String currentPassword = rows.iterator().next().getString("password");
+ BCrypt.Result verification = BCrypt.verifyer().verify(oldPassword.toCharArray(), currentPassword);
+
+ if (!verification.verified) {
+ context.response()
+ .setStatusCode(401)
+ .end(new JsonObject().put("error", "Ancien mot de passe incorrect").encode());
+ return;
+ }
+ String hashedPassword = BCrypt.withDefaults().hashToString(12, newPassword.toCharArray());
+
+ databaseService.pool
+ .preparedQuery("UPDATE users SET password=? WHERE id=?")
+ .execute(Tuple.of(hashedPassword, id))
+ .onFailure(e -> {
+ System.err.println("Erreur lors de la mise à jour du mot de passe :" + e.getMessage());
+ context.response()
+ .setStatusCode(500)
+ .end(new JsonObject()
+ .put("error", "Erreur lors de la mise à jour du mot de passe")
+ .encode());
+ })
+ .onSuccess(updateRows -> {
+ context.response()
+ .putHeader("content-type", "application/json: charset=UTF-8")
+ .end(new JsonObject().put("success", "Le mot de passe a bien été mis à jour")
+ .encode());
+ });
+ });
+ }
+
+ public void updateUserProfile(RoutingContext context) {
+ JsonObject body = context.body().asJsonObject();
+ if (body == null) {
+ context.response()
+ .setStatusCode(400)
+ .end(new JsonObject().put("error", "Corps de la requête manquant").encode());
+ return;
+ }
+ Integer id = body.getInteger("id");
+ String name = body.getString("name");
+ String surname = body.getString("surname");
+ String pseudo = body.getString("pseudo");
+
+ databaseService.pool
+ .preparedQuery("UPDATE users SET name=?, surname=?, pseudo=? WHERE id=?")
+ .execute(Tuple.of(name, surname,pseudo, id))
+ .onFailure(e -> {
+ System.err.println("Erreur de récupération de la BDD :" + e.getMessage());
+ context.response()
+ .setStatusCode(500)
+ .end(new JsonObject().put("error", "Erreur de récupération de la BDD").encode());
+ })
+ .onSuccess(rows -> {
+ if (rows.rowCount() == 0) {
+ context.response()
+ .setStatusCode(404)
+ .end(new JsonObject().put("error", "Utilisateur non trouvé").encode());
+ return;
+ }
+ context.response()
+ .putHeader("content-type", "application/json: charset=UTF-8")
+ .end(new JsonObject()
+ .put("success", "Les informations de l'utilisateur ont bien été mises à jour")
+ .encode());
+ return;
+ });
+ }
+
+ public void setUserPoints(RoutingContext context) {
+ JsonObject body = context.body().asJsonObject();
+ if (body == null) {
+ context.response()
+ .setStatusCode(400)
+ .end(new JsonObject().put("error", "Corps de la requête manquant").encode());
+ return;
+ }
+ Integer id = body.getInteger("id");
+ Integer points = body.getInteger("points");
+ databaseService.pool
+ .preparedQuery(
+ "UPDATE users SET points=? WHERE id=?")
+ .execute(Tuple.of(points, id))
+ .onFailure(e -> {
+ System.err.println("Erreur de récupération de la BDD :" + e.getMessage());
+ context.response()
+ .setStatusCode(500)
+ .end(new JsonObject().put("Erreur", "Erreur de récupération de la BDD").encode());
+ })
+ .onSuccess(rows -> {
+ if (rows.rowCount() == 0) {
+ context.response()
+ .setStatusCode(404)
+ .end(new JsonObject().put("error", "Utilisateur non trouvé").encode());
+ return;
+ }
+ context.response()
+ .putHeader("content-type", "application/json: charset=UTF-8")
+ .end(new JsonObject().put("success", "Les points de l'utilisateur ont bien été mis à jour")
+ .encode());
+ return;
+ });
+ }
+
+ public void deleteUser(RoutingContext context) {
+ JsonObject body = context.body().asJsonObject();
+ if (body == null) {
+ context.response()
+ .setStatusCode(400)
+ .end(new JsonObject().put("error", "Corps de la requête manquant").encode());
+ return;
+ }
+ Integer id = body.getInteger("id");
+ databaseService.pool
+ .preparedQuery("DELETE FROM users WHERE id=?")
+ .execute(Tuple.of(id))
+ .onFailure(e -> {
+ System.err.println("Erreur de récupération de la BDD :" + e.getMessage());
+ context.response()
+ .setStatusCode(500)
+ .end(new JsonObject().put("error", "Erreur de récupération de la BDD").encode());
+ })
+ .onSuccess(rows -> {
+ if (rows.rowCount() == 0) {
+ context.response()
+ .setStatusCode(404)
+ .end(new JsonObject().put("error", "Utilisateur non trouvé").encode());
+ return;
+ }
+ context.response()
+ .putHeader("content-type", "application/json: charset=UTF-8")
+ .end(new JsonObject().put("success", "L'utilisateur à bien été supprimé").encode());
+ return;
+ });
+
+ }
+}
diff --git a/z1/Back-end/src/main/java/com/example/starter/SetWeatherData.java b/z1/Back-end/src/main/java/com/example/starter/SetWeatherData.java
new file mode 100644
index 0000000..233611f
--- /dev/null
+++ b/z1/Back-end/src/main/java/com/example/starter/SetWeatherData.java
@@ -0,0 +1,72 @@
+package com.example.starter;
+
+import io.vertx.core.json.JsonObject;
+import io.vertx.ext.web.RoutingContext;
+import io.vertx.sqlclient.Tuple;
+
+public class SetWeatherData {
+ private DatabaseService databaseService;
+ private SetUser setUser;
+
+
+ public SetWeatherData(DatabaseService ddbs) {
+ this.databaseService = ddbs;
+ }
+ public void setUserHandler(SetUser setUser) {
+ this.setUser = setUser;
+ }
+ public void setRangeData(RoutingContext context) {
+ JsonObject body = context.body().asJsonObject();
+ if (body == null) {
+ context.response()
+ .setStatusCode(400)
+ .end(new JsonObject().put("error", "Corps de la requête manquant").encode());
+ return;
+ }
+ String id = body.getString("id");
+ Double min = body.getDouble("min");
+ Double max = body.getDouble("max");
+ String type = body.getString("type");
+
+ if (id == null || min == null || max == null || type == null) {
+ context.response()
+ .setStatusCode(400)
+ .end(new JsonObject().put("error", "Paramètres manquants ou invalides").encode());
+ return;
+ }
+ if (!type.matches("^[a-zA-Z_]+$")) {
+ context.response()
+ .setStatusCode(400)
+ .end(new JsonObject().put("error", "Type invalide").encode());
+ return;
+ }
+ String query = String.format("UPDATE range_data SET %s_min=?, %s_max=? WHERE station_id=?", type, type);
+ Integer idUser = body.getInteger("idUser");
+ databaseService.pool
+ .preparedQuery(
+ query)
+ .execute(Tuple.of(min, max, Integer.parseInt(id)))
+ .onFailure(e -> {
+ System.err.println("Erreur de récupération de la BDD :" + e.getMessage());
+ context.response()
+ .setStatusCode(500)
+ .end(new JsonObject().put("Erreur", "Erreur de récupération de la BDD").encode());
+ })
+ .onSuccess(rows -> {
+ if (rows.rowCount() == 0) {
+ context.response()
+ .setStatusCode(404)
+ .end(new JsonObject().put("error", "Objet non trouvé").encode());
+ return;
+ }
+ if (idUser != null) {
+ setUser.updateUserPoints(idUser, 1);
+ }
+ context.response()
+ .putHeader("content-type", "application/json: charset=UTF-8")
+ .end(new JsonObject().put("success", "Les limites ont bien été mis à jour").encode());
+ return;
+ });
+ }
+
+}
diff --git a/z1/Back-end/src/test/java/com/example/starter/TestMainVerticle.java b/z1/Back-end/src/test/java/com/example/starter/TestMainVerticle.java
new file mode 100644
index 0000000..333630b
--- /dev/null
+++ b/z1/Back-end/src/test/java/com/example/starter/TestMainVerticle.java
@@ -0,0 +1,22 @@
+package com.example.starter;
+
+import io.vertx.core.Vertx;
+import io.vertx.junit5.VertxExtension;
+import io.vertx.junit5.VertxTestContext;
+import org.junit.jupiter.api.BeforeEach;
+import org.junit.jupiter.api.Test;
+import org.junit.jupiter.api.extension.ExtendWith;
+
+@ExtendWith(VertxExtension.class)
+public class TestMainVerticle {
+
+ @BeforeEach
+ void deploy_verticle(Vertx vertx, VertxTestContext testContext) {
+ vertx.deployVerticle(new MainVerticle()).onComplete(testContext.succeeding(id -> testContext.completeNow()));
+ }
+
+ @Test
+ void verticle_deployed(Vertx vertx, VertxTestContext testContext) throws Throwable {
+ testContext.completeNow();
+ }
+}
diff --git a/z1/Front-end/.gitignore b/z1/Front-end/.gitignore
new file mode 100644
index 0000000..a547bf3
--- /dev/null
+++ b/z1/Front-end/.gitignore
@@ -0,0 +1,24 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+dist
+dist-ssr
+*.local
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+.DS_Store
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
diff --git a/z1/Front-end/Dockerfile b/z1/Front-end/Dockerfile
new file mode 100644
index 0000000..d741d86
--- /dev/null
+++ b/z1/Front-end/Dockerfile
@@ -0,0 +1,25 @@
+# Stage 1: Build the React application
+FROM node:18-alpine AS build
+WORKDIR /app
+
+COPY package.json package-lock.json* ./
+RUN npm install
+
+COPY . .
+RUN npm run build
+
+# Stage 2: Serve the application using Nginx
+FROM nginx:alpine
+
+# Remove default Nginx static assets
+RUN rm -rf /usr/share/nginx/html/*
+
+# Copy built app from the first stage
+COPY --from=build /app/dist /usr/share/nginx/html
+
+# Replace the default Nginx configuration
+COPY nginx.conf /etc/nginx/conf.d/default.conf
+
+EXPOSE 80
+
+CMD ["nginx", "-g", "daemon off;"]
diff --git a/z1/Front-end/eslint.config.js b/z1/Front-end/eslint.config.js
new file mode 100644
index 0000000..5cc400d
--- /dev/null
+++ b/z1/Front-end/eslint.config.js
@@ -0,0 +1,27 @@
+import js from '@eslint/js';
+import globals from 'globals';
+import reactHooks from 'eslint-plugin-react-hooks';
+import reactRefresh from 'eslint-plugin-react-refresh';
+
+export default [
+ { ignores: ['dist'] },
+ js.configs.recommended,
+ {
+ files: ['**/*.{js,jsx}'],
+ languageOptions: {
+ ecmaVersion: 2020,
+ globals: globals.browser,
+ },
+ plugins: {
+ 'react-hooks': reactHooks,
+ 'react-refresh': reactRefresh,
+ },
+ rules: {
+ ...reactHooks.configs.recommended.rules,
+ 'react-refresh/only-export-components': [
+ 'warn',
+ { allowConstantExport: true },
+ ],
+ },
+ }
+];
\ No newline at end of file
diff --git a/z1/Front-end/index.html b/z1/Front-end/index.html
new file mode 100644
index 0000000..9b72c45
--- /dev/null
+++ b/z1/Front-end/index.html
@@ -0,0 +1,14 @@
+
+
+
+
+
+
+
+ Projet Dev Web
+
+
+
+
+
+
\ No newline at end of file
diff --git a/z1/Front-end/nginx.conf b/z1/Front-end/nginx.conf
new file mode 100644
index 0000000..34f1760
--- /dev/null
+++ b/z1/Front-end/nginx.conf
@@ -0,0 +1,12 @@
+server {
+ listen 80;
+ server_name localhost;
+ root /usr/share/nginx/html;
+
+ index index.html;
+
+ # Fallback to index.html for Single Page Applications handling client-side routing
+ location / {
+ try_files $uri $uri/ /index.html;
+ }
+}
diff --git a/z1/Front-end/package.json b/z1/Front-end/package.json
new file mode 100644
index 0000000..6c314e3
--- /dev/null
+++ b/z1/Front-end/package.json
@@ -0,0 +1,55 @@
+{
+ "name": "vite-react-javascript-starter",
+ "private": true,
+ "version": "0.0.0",
+ "type": "module",
+ "scripts": {
+ "dev": "vite",
+ "build": "vite build",
+ "lint": "eslint .",
+ "preview": "vite preview"
+ },
+ "dependencies": {
+ "@emotion/react": "^11.14.0",
+ "@emotion/styled": "^11.14.0",
+ "@mui/material": "^7.0.1",
+ "axios": "^1.8.4",
+ "i18next": "^26.0.1",
+ "i18next-browser-languagedetector": "^8.2.1",
+ "jwt-decode": "^4.0.0",
+ "lucide-react": "^0.427.0",
+ "react": "^18.3.1",
+ "react-charts": "^3.0.0-beta.57",
+ "react-circle-progress-bar": "^0.1.4",
+ "react-dom": "^18.3.1",
+ "react-i18next": "^17.0.1",
+ "react-router-dom": "^7.4.0",
+ "recharts": "^2.15.1"
+ },
+ "devDependencies": {
+ "@eslint/js": "^9.9.1",
+ "@vitejs/plugin-react": "^4.3.1",
+ "autoprefixer": "^10.4.18",
+ "eslint": "^9.23.0",
+ "eslint-plugin-react": "^7.37.5",
+ "eslint-plugin-react-hooks": "^5.1.0-rc.0",
+ "eslint-plugin-react-refresh": "^0.4.11",
+ "globals": "^15.9.0",
+ "postcss": "^8.4.35",
+ "tailwindcss": "^3.4.17",
+ "vite": "^5.4.2"
+ },
+ "description": "Bienvenue dans le projet **DevWeb** ! Ce projet utilise **Vite** et **React** pour créer une application web moderne et performante.",
+ "main": "eslint.config.js",
+ "repository": {
+ "type": "git",
+ "url": "git+https://github.com/Charles40130/Projet-Dev-Web-Ing1.git"
+ },
+ "keywords": [],
+ "author": "",
+ "license": "ISC",
+ "bugs": {
+ "url": "https://github.com/Charles40130/Projet-Dev-Web-Ing1/issues"
+ },
+ "homepage": "https://github.com/Charles40130/Projet-Dev-Web-Ing1#readme"
+}
diff --git a/z1/Front-end/postcss.config.js b/z1/Front-end/postcss.config.js
new file mode 100644
index 0000000..2aa7205
--- /dev/null
+++ b/z1/Front-end/postcss.config.js
@@ -0,0 +1,6 @@
+export default {
+ plugins: {
+ tailwindcss: {},
+ autoprefixer: {},
+ },
+};
diff --git a/z1/Front-end/public/img/Est.png b/z1/Front-end/public/img/Est.png
new file mode 100644
index 0000000..96a8101
Binary files /dev/null and b/z1/Front-end/public/img/Est.png differ
diff --git a/z1/Front-end/public/img/Nord-Est.png b/z1/Front-end/public/img/Nord-Est.png
new file mode 100644
index 0000000..108fc9a
Binary files /dev/null and b/z1/Front-end/public/img/Nord-Est.png differ
diff --git a/z1/Front-end/public/img/Nord-Ouest.png b/z1/Front-end/public/img/Nord-Ouest.png
new file mode 100644
index 0000000..6d58631
Binary files /dev/null and b/z1/Front-end/public/img/Nord-Ouest.png differ
diff --git a/z1/Front-end/public/img/Nord.png b/z1/Front-end/public/img/Nord.png
new file mode 100644
index 0000000..8c47efa
Binary files /dev/null and b/z1/Front-end/public/img/Nord.png differ
diff --git a/z1/Front-end/public/img/NotreMission.png b/z1/Front-end/public/img/NotreMission.png
new file mode 100644
index 0000000..f51ebc9
Binary files /dev/null and b/z1/Front-end/public/img/NotreMission.png differ
diff --git a/z1/Front-end/public/img/Ouest.png b/z1/Front-end/public/img/Ouest.png
new file mode 100644
index 0000000..7b544a9
Binary files /dev/null and b/z1/Front-end/public/img/Ouest.png differ
diff --git a/z1/Front-end/public/img/Sud-Est.png b/z1/Front-end/public/img/Sud-Est.png
new file mode 100644
index 0000000..39d0632
Binary files /dev/null and b/z1/Front-end/public/img/Sud-Est.png differ
diff --git a/z1/Front-end/public/img/Sud-Ouest.png b/z1/Front-end/public/img/Sud-Ouest.png
new file mode 100644
index 0000000..2840f64
Binary files /dev/null and b/z1/Front-end/public/img/Sud-Ouest.png differ
diff --git a/z1/Front-end/public/img/Sud.png b/z1/Front-end/public/img/Sud.png
new file mode 100644
index 0000000..d3e5bd7
Binary files /dev/null and b/z1/Front-end/public/img/Sud.png differ
diff --git a/z1/Front-end/public/img/cloud-sun-rain.svg b/z1/Front-end/public/img/cloud-sun-rain.svg
new file mode 100644
index 0000000..9892ac6
--- /dev/null
+++ b/z1/Front-end/public/img/cloud-sun-rain.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/z1/Front-end/public/img/fr-alert.webp b/z1/Front-end/public/img/fr-alert.webp
new file mode 100644
index 0000000..d1ab54b
Binary files /dev/null and b/z1/Front-end/public/img/fr-alert.webp differ
diff --git a/z1/Front-end/public/img/gestioniot.png b/z1/Front-end/public/img/gestioniot.png
new file mode 100644
index 0000000..d2661ab
Binary files /dev/null and b/z1/Front-end/public/img/gestioniot.png differ
diff --git a/z1/Front-end/public/img/iotmeteo.jpg b/z1/Front-end/public/img/iotmeteo.jpg
new file mode 100644
index 0000000..19a2683
Binary files /dev/null and b/z1/Front-end/public/img/iotmeteo.jpg differ
diff --git a/z1/Front-end/public/img/precisionfiable.jpg b/z1/Front-end/public/img/precisionfiable.jpg
new file mode 100644
index 0000000..b861940
Binary files /dev/null and b/z1/Front-end/public/img/precisionfiable.jpg differ
diff --git a/z1/Front-end/public/img/snow.jpg b/z1/Front-end/public/img/snow.jpg
new file mode 100644
index 0000000..a9e9abd
Binary files /dev/null and b/z1/Front-end/public/img/snow.jpg differ
diff --git a/z1/Front-end/public/img/surveillancemeteo.webp b/z1/Front-end/public/img/surveillancemeteo.webp
new file mode 100644
index 0000000..976fac5
Binary files /dev/null and b/z1/Front-end/public/img/surveillancemeteo.webp differ
diff --git a/z1/Front-end/public/img/surveillancetempsreel.jpg b/z1/Front-end/public/img/surveillancetempsreel.jpg
new file mode 100644
index 0000000..07405a2
Binary files /dev/null and b/z1/Front-end/public/img/surveillancetempsreel.jpg differ
diff --git a/z1/Front-end/src/App.jsx b/z1/Front-end/src/App.jsx
new file mode 100644
index 0000000..fbf874c
--- /dev/null
+++ b/z1/Front-end/src/App.jsx
@@ -0,0 +1,54 @@
+import { BrowserRouter as Router, Routes, Route } from "react-router-dom";
+import { AuthProvider } from "./AuthContext.jsx";
+import Home from "./pages/Home.jsx";
+import About from "./pages/About.jsx";
+import Gestion from "./pages/Gestion/Gestion.jsx";
+import Header from "./components/Header.jsx";
+import ObjectManagement from "./pages/Gestion/ObjectManagement.jsx";
+import Objet from "./pages/Gestion/Objet.jsx";
+import AddObject from "./pages/Gestion/AddObject.jsx";
+import Signup from "./pages/Signup.jsx";
+import Login from "./pages/Login.jsx";
+import Profil from "./pages/Profil.jsx";
+import Sidebar from "./pages/Admin/sidebar.jsx";
+import User from "./pages/Admin/User.jsx";
+import Dashboard from "./pages/Admin/Dashboard.jsx";
+import AdminObjet from "./pages/Admin/AdminObjet.jsx";
+import ProtectedRoute from "./ProtectedRoute.jsx";
+
+function App() {
+ return (
+
+
+
+
+
+ {/* Routes publiques */}
+ } />
+ } />
+ } />
+ } />
+
+ {/* Routes protégées pour tous les utilisateurs connectés */}
+ } allowedRoles={['admin', 'complexe', 'user']} />} />
+ } allowedRoles={['admin', 'complexe', 'user']} />} />
+ } allowedRoles={['admin', 'complexe', 'user']} />} />
+
+ {/* Routes protégées pour les admins et complexes */}
+ } allowedRoles={['admin', 'complexe']} />} />
+ } allowedRoles={['admin', 'complexe','user']} />} />
+
+ {/* Routes protégées pour tous les utilisateurs connectés */}
+ } allowedRoles={['admin', 'complexe', 'user']} />} />
+ } allowedRoles={['admin', 'complexe', 'user']} />} />
+ {/* Routes protégées pour les admins uniquement */}
+ } allowedRoles={['admin']} />} />
+ } allowedRoles={['admin']} />} />
+
+
+
+
+ );
+}
+
+export default App;
diff --git a/z1/Front-end/src/AuthContext.jsx b/z1/Front-end/src/AuthContext.jsx
new file mode 100644
index 0000000..545e406
--- /dev/null
+++ b/z1/Front-end/src/AuthContext.jsx
@@ -0,0 +1,47 @@
+import React, { createContext, useContext, useState, useEffect } from "react";
+import { jwtDecode } from "jwt-decode";
+
+
+// Créer le contexte
+const AuthContext = createContext();
+
+// Hook pour accéder facilement au contexte
+export const useAuth = () => useContext(AuthContext);
+
+// Fournisseur de contexte qui gère l'état du token et de l'utilisateur
+export const AuthProvider = ({ children }) => {
+ const [token, setToken] = useState(localStorage.getItem("token"));
+ const [user, setUser] = useState(null);
+
+ // Met à jour le token et décode l'utilisateur
+ useEffect(() => {
+ if (token) {
+ try {
+ const decoded = jwtDecode(token);
+ setUser(decoded);
+ } catch (error) {
+ console.error("Erreur lors du décodage du token:", error);
+ setUser(null);
+ }
+ } else {
+ setUser(null);
+ }
+ }, [token]);
+
+ const login = (newToken) => {
+ localStorage.setItem("token", newToken);
+ setToken(newToken);
+ };
+
+ const logout = () => {
+ localStorage.removeItem("token");
+ setToken(null);
+ setUser(null);
+ };
+
+ return (
+
+ {children}
+
+ );
+};
diff --git a/z1/Front-end/src/ProtectedRoute.jsx b/z1/Front-end/src/ProtectedRoute.jsx
new file mode 100644
index 0000000..b329341
--- /dev/null
+++ b/z1/Front-end/src/ProtectedRoute.jsx
@@ -0,0 +1,20 @@
+import React from "react";
+import { Navigate } from "react-router-dom";
+import { useAuth } from "./AuthContext"; // Utilisation du contexte d'authentification
+
+function ProtectedRoute({ element, allowedRoles }) {
+ const { token, user } = useAuth(); // Vérifier si un token existe, donc si l'utilisateur est authentifié
+
+ // Si l'utilisateur n'est pas authentifié, redirigez-le vers la page de login
+ if (!token) {
+ return ;
+ }
+ if(user){
+ if (allowedRoles && !allowedRoles.includes(user?.role)) {
+ return ;
+ }
+ return element;
+ }
+}
+
+export default ProtectedRoute;
diff --git a/z1/Front-end/src/components/Alert.jsx b/z1/Front-end/src/components/Alert.jsx
new file mode 100644
index 0000000..615ca9b
--- /dev/null
+++ b/z1/Front-end/src/components/Alert.jsx
@@ -0,0 +1,33 @@
+import React, { useEffect } from "react";
+import { Check, X } from "lucide-react";
+import { useAuth } from "../AuthContext";
+
+function Alert({ affAlert, setAffAlert, message }) {
+ const { user } = useAuth();
+
+ useEffect(() => {
+ if (affAlert) {
+ const timer = setTimeout(() => {
+ setAffAlert(false);
+ }, 3000);
+ return () => clearTimeout(timer);
+ }
+ }, [affAlert, setAffAlert]);
+
+ return (
+ affAlert && user?.role !== "user" && (
+
+
+
{message}
+
+
+
+
+
+
+
+ {message}
+
+
+
+
+
+
+
+ {t('components.batterieInfo.title')}
+
+
+
+
+
+ {t('components.batterieInfo.batteryType')}{" "}
+ {object.type_batterie}
+
+
+
+
+
+
+
+
{t('components.infoObject.title')}
+
+
+
{t('components.infoObject.description')}
+
{object.description}
+
+
+
+
{t('components.infoObject.type')}
+
{object.type}
+
+
+
+
{t('components.infoObject.location')}
+
{object.location}
+
+
+
+
{t('components.infoObject.status')}
+
{object.status}
+
+
+
+
+ {t('components.infoObject.lastUpdate')}
+
+
{object.last_update}
+
+ {user?.role!=="user"&&(
+
+ )}
+
+
+
+
+ );
+}
diff --git a/z1/Front-end/src/components/MeteoGraph.jsx b/z1/Front-end/src/components/MeteoGraph.jsx
new file mode 100644
index 0000000..2bf6aa3
--- /dev/null
+++ b/z1/Front-end/src/components/MeteoGraph.jsx
@@ -0,0 +1,98 @@
+import React, { useEffect, useState } from "react";
+import {
+ LineChart,
+ Line,
+ XAxis,
+ YAxis,
+ CartesianGrid,
+ Tooltip,
+ Legend,
+ ResponsiveContainer,
+ ReferenceLine,
+} from "recharts";
+
+import { Wind } from "lucide-react";
+import axios from "axios";
+import { API_BASE_URL } from "../config";
+import { useTranslation } from "react-i18next";
+
+function MeteoGraph({ object, categorie, Logo,reference}) {
+ const { t } = useTranslation();
+ const [rawData, setRawData] = useState([]);
+ const identifiant = object.id;
+ useEffect(() => {
+ axios.get(`${API_BASE_URL}/meteo?id=${identifiant}`).then((response) => {
+ setRawData(response.data);
+ });
+ }, [object]);
+ useEffect(() => {
+ if (reference?.current) {
+ reference.current.scrollIntoView({ behavior: "smooth" });
+ }
+ }, [reference]);
+ function getAvg() {
+ let moyenne = 0;
+ rawData.forEach((element) => {
+ if(element){
+ moyenne += element[categorie];
+ }
+ });
+ return moyenne / rawData.length;
+ }
+ return (
+
+
+
+
+
+ {categorie === "temperature" ? (
+
+ {t('components.meteoGraph.historyTemp')}
+
+ ) : categorie === "humidity" ? (
+
+ {t('components.meteoGraph.historyHum')}
+
+ ) : (
+
+ {t('components.meteoGraph.historyPres')}
+
+ )}
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {AffAlert && object.status === "active" && (
+
+ )}
+
+
+
+
+
{t('components.meteoInfos.currentWeather')}
+
+ {lastData ? (
+
+
+
+
+
+
+
+ {t('components.meteoInfos.lastRecord')} {lastData.timestamp}
+
+
+ ) : (
+
{t('components.meteoInfos.loading')}
+ )}
+
+
+
+
+
+
+
+
{texte1}
+
+ {Math.round(data[type])}{" "}
+ {texte2}
+
+
+
+
+ {user?.role!=="user" && (
+
+ )}
+
+
+
+ {affRegles && (
+
+
+ {t('components.particularMeteo.defineLimit')}
+
+
+ "Temperature range"}
+ value={rangeValue}
+ onChange={handleChange}
+ valueLabelDisplay="auto"
+ min={MIN}
+ max={MAX}
+ marks={marks}
+ getAriaValueText={valuetext}
+ disableSwap
+ />
+
+ {color=="text-red-600" &&(
+
{t('components.particularMeteo.outOfBounds')}
+ )}
+
+
+ )}
+
+
+
+
+
+
{t('components.userInfosObject.title')}
+
+
+
{t('components.userInfosObject.pseudo')}
+
{userInfo.pseudo}
+
+
+
+
{t('components.userInfosObject.gender')}
+
{userInfo.gender}
+
+
+
+
{t('components.userInfosObject.points')}
+
{userInfo.points}
+
+
+
{t('components.windGraph.date')} {timestamp}
+
{t('components.windGraph.windSpeed')} {wind_speed} km/h
+
{t('components.windGraph.windDirection')} {wind_direction}
+
+
+
+
+
+
{t('components.windGraph.title')}
+
+
+
+
+
+
+ }/>
+
+
+
+
+
+
+
+
+
+
{t('components.windInfo.currentWind')}
+
+ {lastData ? (
+
+
+
+ {lastData.wind_direction}
+
+
+
+
+
+
+
+
+
{t('components.windInfo.value')}
+
+ {lastData.wind_speed} Km/h
+
+
+
+
+
+
+
+ {t('components.windInfo.lastRecord')} {lastData.timestamp}
+
+
+ ) : (
+
{t('components.windInfo.loading')}
+ )}
+
+
+
+ {/* Grille principale */}
+
+ {/* Section Notre mission */}
+
+
+ {t('about.missionTitle')}
+
+
+ {t('about.missionDesc')}
+
+
+
+
+ {/* Section Qui sommes-nous */}
+
+
+
+ {t('about.whoTitle')}
+
+
+ {t('about.whoDesc')}
+
+
+
+ {/* Section Notre Vision */}
+
+
+ {t('about.visionTitle')}
+
+
+ {t('about.visionDesc')}
+
+
+
+
+
+ {/* Section Objectifs */}
+
+
+ {t('about.objectivesTitle')}
+
+
+ {/* Objectif 1 */}
+
+
+
+
+ {t('about.obj1Desc')}
+
+
+
+ {t('about.obj1Title')}
+
+
+
+ {/* Objectif 2 */}
+
+
+
+
+ {t('about.obj2Desc')}
+
+
+
{t('about.obj2Title')}
+
+
+ {/* Objectif 3 */}
+
+
+
+
+ {t('about.obj3Desc')}
+
+
+
+ {t('about.obj3Title')}
+
+
+
+ {/* Objectif 4 */}
+
+
+
+
+ {t('about.obj4Desc')}
+
+
+
+ {t('about.obj4Title')}
+
+
+
+
+
+
+
+
+
+
+
+ {t('admin.adminObjet.title')}
+
+
+
+
+
+
+
+
+ {t('admin.adminObjet.listTitle')}
+
+
+
+
+
+
+
+ |
+ {t('admin.adminObjet.colName')}
+ |
+
+ {t('admin.adminObjet.colDesc')}
+ |
+
+ {t('admin.adminObjet.colType')}
+ |
+
+ {t('admin.adminObjet.colLocation')}
+ |
+
+ {t('admin.adminObjet.colOwner')}
+ |
+
+ {t('admin.adminObjet.colStatus')}
+ |
+ |
+
+
+
+ {sortedObjects.map((obj) => (
+
+ |
+
+ {obj.name}
+
+ |
+
+ {obj.description}
+ |
+
+ {obj.type}
+ |
+
+ {obj.location}
+ |
+
+ {obj.proprio_id}
+ |
+
+ {obj.status}
+ |
+
+
+ |
+
+ ))}
+ {objects.length === 0 && (
+
+ |
+ {t('admin.adminObjet.noObjects')}
+ |
+
+ )}
+
+
+
+
+
+
+
+
+ {t('admin.adminObjet.requestsTitle')}
+
+
+
+
+
+
+ | ID |
+ {t('admin.adminObjet.colObjId')} |
+ {t('admin.adminObjet.colUserId')} |
+ {t('admin.adminObjet.colReqDate')} |
+ {t('admin.user.actions')} |
+
+
+
+ {deleteRequests.map((request) => (
+
+ | {request.id} |
+ Objet n°{request.object_id} |
+ {request.requested_by} |
+ {request.request_date} |
+
+
+
+ |
+
+ ))}
+ {deleteRequests.length === 0 && (
+
+ |
+ {t('admin.adminObjet.noRequests')}
+ |
+
+ )}
+
+
+
+
+
+
+
+
+
+
+
{t('admin.dashboard.title')}
+
+
+
+
+ {widgets.map((widget) => (
+
+ {manageMode && (
+
+ )}
+
+ {widget.type === "summary" && (
+
+
+ {t('admin.dashboard.summary')}
+
+
+
{t('admin.dashboard.totalUsers')}
+
{users.length}
+
+
+
{t('admin.dashboard.lastLog')}
+ {logs.length > 0 ? (
+
+ {logs[logs.length - 1].username} -{" "}
+ {logs[logs.length - 1].action}
+
+ ) : (
+
{t('admin.dashboard.noLog')}
+ )}
+
+
+ )}
+
+ {widget.type === "users" && (
+
+
+ {t('admin.dashboard.usersList')}
+
+
+
+
+
+ |
+ {t('admin.dashboard.username')}
+ |
+
+ {t('admin.dashboard.email')}
+ |
+
+ {t('admin.dashboard.access')}
+ |
+
+
+
+ {users.slice(0, 5).map((user) => (
+
+ |
+ {user.pseudo}
+ |
+
+ {user.email}
+ |
+
+ {user.role}
+ |
+
+ ))}
+ {users.length === 0 && (
+
+ |
+ {t('admin.dashboard.noUser')}
+ |
+
+ )}
+
+
+
+
+
+ )}
+
+ {widget.type === "objects" && (
+
+
+ {t('admin.dashboard.objectsManagement')}
+
+
+
+
+ )}
+
+ {widget.type === "adminobjet" && (
+
+
+ {t('admin.dashboard.objectsList')}
+
+
+ {adminObjects.slice(0, 2).map((obj) => (
+ -
+
{obj.name}
+ {obj.type}
+ {obj.status}
+
+ ))}
+
+
+
+ )}
+
+ {widget.type === "requestObject" && (
+
+
+ {t('admin.dashboard.requestDelete')}
+
+
+
+
+ {t('admin.dashboard.generateReports')}
+
+
+
+
+
+
+ )}
+ {widget.type === "reporting" && (
+
+
+ {t('admin.dashboard.reportsStats')}
+
+
+
+
+ {t('admin.dashboard.generateReports')}
+
+
+
+
+
+
+
+
+
+ {t('admin.dashboard.energyConsumption')}
+
+
+ {t('admin.dashboard.energyConsumptionDesc')}
+
+
+
+
+ {t('admin.dashboard.connectionRate')}
+
+
+ {t('admin.dashboard.connectionRateDesc')}
+
+
+
+
+ {t('admin.dashboard.mostUsedServices')}
+
+
+ - Consultation des données météo
+ - Alertes et suivi de consommation
+ - Ajout d'objets connectés
+
+
+
+
+ )}
+
+ ))}
+
+
+
+
+
+
+
+ {t('admin.dashboard.chooseWidget')}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {t('admin.user.title')}
+
+ {t('admin.user.subtitle')}
+
+
+
+
+ {/*Tableau utilisateur*/}
+
+
{t('admin.user.manageTitle')}
+
+
+ {t('admin.user.logsTitle')}
+
+
+
+
+
+ | {t('admin.user.lastName')} |
+ {t('admin.user.action')} |
+ {t('admin.user.timestamp')} |
+
+
+
+ {logs.map((log) => (
+
+ | {log.name} |
+ {log.action} |
+ {log.timestamp} |
+
+ ))}
+
+
+
+
+
+
+
+ {t('gestion.addObject.title')}
+
+
+
+
+
+
+
+
+
+ {t('gestion.title')} {t('gestion.moduleName')}.
+
+
+
+ {t('gestion.description')}
+
+
+
+
+
+
+
+ {success ? (
+
+ ):
+ }
+
+
+
+ {user?.role !== "user" ? t('gestion.objectManagement.titleAdmin') : t('gestion.objectManagement.titleUser')} {" "}
+ {t('gestion.objectManagement.titleSuffix')} {t('gestion.objectManagement.titleObjects')}
+
+
+
+
+
+ setSearchQuery(e.target.value)}
+ />
+
+
+ {/* Filtres responsifs - utilisation de flex-wrap et responsive spacing */}
+
+
+
+
+
+
+
+
+ {filteredDATA.length === 0 ? (
+
{t('gestion.objectManagement.noObjects')}
+ ) : (
+ filteredDATA.slice(0, nbAffObject).map((object) => (
+
+ {object.status === "active" ? (
+
+
+
+
+
+
+ ) : (
+
+
+
+
+
+ )}
+
+
+
+
+
{object.name}
+
{object.description}
+
+
+ {t('gestion.objectManagement.moreInfo')}
+
+ {user?.role !== "user" && (
+
+ )}
+
+
+ ))
+ )}
+
+
+
+
+
+
+
+
+ {t('gestion.objet.dashboardTitle')} {object.name}
+
+
+
+ {!afficherModif ? (
+
+ ) : (
+
+ )}
+
+
+
+
+
+
+
+ {graphStates.wind &&
}
+ {graphStates.temperature && (
+
+ )}
+ {graphStates.pressure && (
+
+ )}
+ {graphStates.humidity && (
+
+ )}
+
+
{t('gestion.objet.errorFetch')}
+ );
+}
+export default Objet;
diff --git a/z1/Front-end/src/pages/Home.jsx b/z1/Front-end/src/pages/Home.jsx
new file mode 100644
index 0000000..0aad5a3
--- /dev/null
+++ b/z1/Front-end/src/pages/Home.jsx
@@ -0,0 +1,903 @@
+import React, { useState, useEffect } from "react";
+import {
+ UserPlus,
+ LogIn,
+ BadgePlus,
+ RadioTower,
+ Search,
+ Cloud,
+ CloudRain,
+ Droplets,
+ Wind,
+ Thermometer,
+ Sun,
+ Moon,
+ MapPin,
+ CalendarClock,
+ ArrowRight,
+ BellRing,
+ LayoutDashboard,
+ TowerControl,
+} from "lucide-react";
+import { useAuth } from "../AuthContext";
+import axios from "axios";
+import { useTranslation } from "react-i18next";
+import { API_BASE_URL } from "../config";
+
+function EnhancedWeatherHome() {
+ const { t } = useTranslation();
+ const [searchQuery, setSearchQuery] = useState("");
+ const [locations, setLocations] = useState([]);
+ const [infoMeteo, setInfoMeteo] = useState([]);
+ const [activeFilter, setActiveFilter] = useState("all");
+ const [currentTime, setCurrentTime] = useState(new Date());
+ const { user, token } = useAuth();
+ const [ville, setVille] = useState("Paris, France");
+ const heure = currentTime.getHours();
+ const isDayTime = heure > 6 && heure < 20;
+
+ useEffect(() => {
+ const timer = setInterval(() => {
+ setCurrentTime(new Date());
+ }, 60000);
+
+ return () => clearInterval(timer);
+ }, []);
+ useEffect(() => {
+ axios
+ .post(`${API_BASE_URL}/getMeteoHome`, {
+ location: ville,
+ })
+ .then((response) => {
+ if (response.data.length === 0) {
+ console.warn("Aucun infos disponible.");
+ } else {
+ console.log(response.data[0]);
+ setInfoMeteo(response.data[0]);
+ }
+ })
+ .catch((error) => {
+ console.error("Erreur lors de la récupération des infos :", error);
+ });
+ }, [ville]);
+ useEffect(() => {
+ axios
+ .get(`${API_BASE_URL}/getLocations`)
+ .then((response) => {
+ if (response.data.length === 0) {
+ console.warn("Aucun lieu disponible.");
+ } else {
+ console.log(response.data);
+ setLocations(response.data);
+ }
+ })
+ .catch((error) => {
+ console.error("Erreur lors de la récupération des catégories :", error);
+ });
+ }, []);
+ const filteredLocations = locations.filter((loc) =>
+ loc.toLowerCase().includes(searchQuery.toLowerCase())
+ );
+ const formatDate = (date) => {
+ const options = { weekday: "long", day: "numeric", month: "long" };
+ return date.toLocaleDateString("fr-FR", options);
+ };
+
+ const formatHeure = (h) => {
+ const heureFormatee = (h % 24).toString().padStart(2, "0");
+ return `${heureFormatee}:00`;
+ };
+ const hourlyForecast = [
+ {
+ time: "Maintenant",
+ temp: "22°",
+ icon: ,
+ },
+ {
+ time: formatHeure(heure + 1),
+ temp: "22°",
+ icon: ,
+ },
+ {
+ time: formatHeure(heure + 2),
+ temp: "22°",
+ icon: ,
+ },
+ {
+ time: formatHeure(heure + 3),
+ temp: "21°",
+ icon: ,
+ },
+ {
+ time: formatHeure(heure + 4),
+ temp: "20°",
+ icon: ,
+ },
+ {
+ time: formatHeure(heure + 5),
+ temp: "19°",
+ icon: ,
+ },
+ ];
+
+ const dailyForecast = [
+ {
+ day: "Lun",
+ temp: "21°/15°",
+ icon: ,
+ },
+ {
+ day: "Mar",
+ temp: "23°/16°",
+ icon: ,
+ },
+ {
+ day: "Mer",
+ temp: "24°/17°",
+ icon: ,
+ },
+ {
+ day: "Jeu",
+ temp: "22°/16°",
+ icon: ,
+ },
+ {
+ day: "Ven",
+ temp: "20°/14°",
+ icon: ,
+ },
+ ];
+
+ return (
+
+ {" "}
+
+
+
+ {isDayTime ? (
+ <>
+
+
+
+
+ ) : (
+ <>
+
+
+
+ )}
+
+
+
+
+
+ {t('home.title')}
+
+
+ {t('home.subtitle')}
+
+
+
+
+
+ setSearchQuery(e.target.value)}
+ />
+
+ {searchQuery.length > 0 && (
+
+ {filteredLocations.length > 0 ? (
+ filteredLocations.map((loc, idx) => (
+ - {
+ setVille(loc);
+ setSearchQuery("");
+ }}
+ >
+ {loc}
+
+ ))
+ ) : (
+ -
+ {t('home.noCityFound')}
+
+ )}
+
+ )}
+
+
+
+
+
+
+
+
+
+
+
+
+ {ville}
+
+
+
+ {formatDate(currentTime)}
+
+
+ {isDayTime ? (
+
+ ) : (
+
+ )}
+
+
+ {infoMeteo.temperature}°C
+
+
+ {t('home.partlyCloudy')}
+
+
+
+
+
+
+
+
+ {t('home.feelsLike')}
+
+
+
+
+ {infoMeteo.temperature - 2}°C
+
+
+
+
+
+ {t('home.humidity')}
+
+
+
+
+ {infoMeteo.humidity}%
+
+
+
+
+
+ {t('home.wind')}
+
+
+
+
+ {infoMeteo.wind_speed} km/h
+
+
+
+
+
+ {t('home.rain')}
+
+
+
+
+ 30%
+
+
+
+
+
+ {t('home.sunrise')}
+
+
+
+
+ 06:42
+
+
+
+
+
+ {t('home.sunset')}
+
+
+
+
+ 20:51
+
+
+
+
+
+
+
+
+
+ {t('home.hourlyForecast')}
+
+
+ {hourlyForecast.map((item, index) => (
+
+
+ {item.time}
+
+ {item.icon}
+
+ {item.temp}
+
+
+ ))}
+
+
+
+
+
+
+
+ {t('home.dailyForecast')}
+
+
+ {dailyForecast.map((item, index) => (
+
+
+
+ {item.day}
+
+ {item.icon}
+
+
+ {item.temp}
+
+
+ ))}
+
+
+
+
+
+ {t('home.weatherServices')}
+
+ {user?.role === "user" && (
+
+ )}
+
+ {!token && (
+
+ )}
+ {user?.role === "complexe" && (
+
+ )}
+ {user?.role === "admin" && (
+
+ )}
+
+
+
+
+
+ {t('auth.login.title')}
+
+
+ {/* Système d'alertes */}
+ {alert.show && (
+
+
+ {alertConfig[alert.type].icon}
+ {alert.message}
+
+
+
+ )}
+
+
+
+
+
+
{t('profile.title')}
+
+ {errorMessage && (
+
+ {errorMessage}
+
+ )}
+
+ {successMessage && (
+
+ {successMessage}
+
+ )}
+
+
+ {/* Informations du profil */}
+
+
+
{t('profile.personalInfo')}
+
+
+
+
+
+
+ {/* Changement de mot de passe */}
+
+
{t('profile.changePasswordTitle')}
+
+
+
+
+
+
+
{t('auth.signup.title')}
+
+
+
+