boudjeml/2024_DEV_BUT3
boudjeml/2024_DEV_BUT3
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

$

Browse Source
This commit is contained in:
pro.boooooo 2024-03-31 23:45:25 +02:00
parent bc0c68282a
commit 46aa945c1c
35 changed files with 1176 additions and 2709 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
README.md
View File

@ -1,21 +1,25 @@
# Projet BUT 3 # Projet BUT 3
## Run Locally ## Acces en ligne
### Clone the project (ici)[https://www.google.com]
## Demarrer en local
### Cloner le projet git
```bash ```bash
git clone https://grond.iut-fbleau.fr/boudjeml/2024_DEV_BUT3.git git clone https://grond.iut-fbleau.fr/boudjeml/2024_DEV_BUT3.git
cd 2024_DEV_BUT3 cd 2024_DEV_BUT3
``` ```
### Install dependencies ### Installation des dependences
```bash ```bash
pnpm i pnpm install
``` ```
### Start the front-end ### Demarrer le front-end
```bash ```bash
pnpm run dev pnpm run dev

120
package-lock.json generated
View File

@ -12,7 +12,8 @@
"react": "^18.2.0", "react": "^18.2.0",
"react-cookie": "^7.0.2", "react-cookie": "^7.0.2",
"react-dom": "^18.2.0", "react-dom": "^18.2.0",
"react-router-dom": "^6.21.3" "react-router-dom": "^6.21.3",
"sass": "^1.72.0"
}, },
"devDependencies": { "devDependencies": {
"@playwright/test": "^1.41.1", "@playwright/test": "^1.41.1",
@ -1494,6 +1495,18 @@
"url": "https://github.com/chalk/ansi-styles?sponsor=1" "url": "https://github.com/chalk/ansi-styles?sponsor=1"
} }
}, },
"node_modules/anymatch": {
"version": "3.1.3",
"resolved": "https://registry.npmjs.org/anymatch/-/anymatch-3.1.3.tgz",
"integrity": "sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==",
"dependencies": {
"normalize-path": "^3.0.0",
"picomatch": "^2.0.4"
},
"engines": {
"node": ">= 8"
}
},
"node_modules/argparse": { "node_modules/argparse": {
"version": "2.0.1", "version": "2.0.1",
"resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz", "resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz",
@ -1662,6 +1675,17 @@
"integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==", "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==",
"dev": true "dev": true
}, },
"node_modules/binary-extensions": {
"version": "2.3.0",
"resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.3.0.tgz",
"integrity": "sha512-Ceh+7ox5qe7LJuLHoY0feh3pHuUDHAcRUeyL2VYghZwfpkNIy/+8Ocg0a3UuSoYzavmylwuLWQOf3hl0jjMMIw==",
"engines": {
"node": ">=8"
},
"funding": {
"url": "https://github.com/sponsors/sindresorhus"
}
},
"node_modules/brace-expansion": { "node_modules/brace-expansion": {
"version": "1.1.11", "version": "1.1.11",
"resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz", "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
@ -1676,7 +1700,6 @@
"version": "3.0.2", "version": "3.0.2",
"resolved": "https://registry.npmjs.org/braces/-/braces-3.0.2.tgz", "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.2.tgz",
"integrity": "sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==", "integrity": "sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==",
"dev": true,
"dependencies": { "dependencies": {
"fill-range": "^7.0.1" "fill-range": "^7.0.1"
}, },
@ -1762,6 +1785,40 @@
"node": "*" "node": "*"
} }
}, },
"node_modules/chokidar": {
"version": "3.6.0",
"resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.6.0.tgz",
"integrity": "sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw==",
"dependencies": {
"anymatch": "~3.1.2",
"braces": "~3.0.2",
"glob-parent": "~5.1.2",
"is-binary-path": "~2.1.0",
"is-glob": "~4.0.1",
"normalize-path": "~3.0.0",
"readdirp": "~3.6.0"
},
"engines": {
"node": ">= 8.10.0"
},
"funding": {
"url": "https://paulmillr.com/funding/"
},
"optionalDependencies": {
"fsevents": "~2.3.2"
}
},
"node_modules/chokidar/node_modules/glob-parent": {
"version": "5.1.2",
"resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
"integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
"dependencies": {
"is-glob": "^4.0.1"
},
"engines": {
"node": ">= 6"
}
},
"node_modules/cli-cursor": { "node_modules/cli-cursor": {
"version": "4.0.0", "version": "4.0.0",
"resolved": "https://registry.npmjs.org/cli-cursor/-/cli-cursor-4.0.0.tgz", "resolved": "https://registry.npmjs.org/cli-cursor/-/cli-cursor-4.0.0.tgz",
@ -2492,7 +2549,6 @@
"version": "7.0.1", "version": "7.0.1",
"resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.0.1.tgz", "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.0.1.tgz",
"integrity": "sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==", "integrity": "sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==",
"dev": true,
"dependencies": { "dependencies": {
"to-regex-range": "^5.0.1" "to-regex-range": "^5.0.1"
}, },
@ -2587,7 +2643,6 @@
"version": "2.3.3", "version": "2.3.3",
"resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz", "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz",
"integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==", "integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==",
"dev": true,
"hasInstallScript": true, "hasInstallScript": true,
"optional": true, "optional": true,
"os": [ "os": [
@ -2913,6 +2968,11 @@
"node": ">= 4" "node": ">= 4"
} }
}, },
"node_modules/immutable": {
"version": "4.3.5",
"resolved": "https://registry.npmjs.org/immutable/-/immutable-4.3.5.tgz",
"integrity": "sha512-8eabxkth9gZatlwl5TBuJnCsoTADlL6ftEr7A4qgdaTsPyreilDSnUk57SO+jfKcNtxPa22U5KK6DSeAYhpBJw=="
},
"node_modules/import-fresh": { "node_modules/import-fresh": {
"version": "3.3.0", "version": "3.3.0",
"resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.3.0.tgz", "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.3.0.tgz",
@ -3025,6 +3085,17 @@
"url": "https://github.com/sponsors/ljharb" "url": "https://github.com/sponsors/ljharb"
} }
}, },
"node_modules/is-binary-path": {
"version": "2.1.0",
"resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-2.1.0.tgz",
"integrity": "sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==",
"dependencies": {
"binary-extensions": "^2.0.0"
},
"engines": {
"node": ">=8"
}
},
"node_modules/is-boolean-object": { "node_modules/is-boolean-object": {
"version": "1.1.2", "version": "1.1.2",
"resolved": "https://registry.npmjs.org/is-boolean-object/-/is-boolean-object-1.1.2.tgz", "resolved": "https://registry.npmjs.org/is-boolean-object/-/is-boolean-object-1.1.2.tgz",
@ -3084,7 +3155,6 @@
"version": "2.1.1", "version": "2.1.1",
"resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz", "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
"integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==", "integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==",
"dev": true,
"engines": { "engines": {
"node": ">=0.10.0" "node": ">=0.10.0"
} }
@ -3132,7 +3202,6 @@
"version": "4.0.3", "version": "4.0.3",
"resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz", "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz",
"integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==", "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==",
"dev": true,
"dependencies": { "dependencies": {
"is-extglob": "^2.1.1" "is-extglob": "^2.1.1"
}, },
@ -3165,7 +3234,6 @@
"version": "7.0.0", "version": "7.0.0",
"resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz", "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
"integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==", "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==",
"dev": true,
"engines": { "engines": {
"node": ">=0.12.0" "node": ">=0.12.0"
} }
@ -3761,6 +3829,14 @@
"integrity": "sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==", "integrity": "sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==",
"dev": true "dev": true
}, },
"node_modules/normalize-path": {
"version": "3.0.0",
"resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz",
"integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==",
"engines": {
"node": ">=0.10.0"
}
},
"node_modules/npm-run-path": { "node_modules/npm-run-path": {
"version": "5.2.0", "version": "5.2.0",
"resolved": "https://registry.npmjs.org/npm-run-path/-/npm-run-path-5.2.0.tgz", "resolved": "https://registry.npmjs.org/npm-run-path/-/npm-run-path-5.2.0.tgz",
@ -4051,7 +4127,6 @@
"version": "2.3.1", "version": "2.3.1",
"resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz", "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
"integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==", "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
"dev": true,
"engines": { "engines": {
"node": ">=8.6" "node": ">=8.6"
}, },
@ -4326,6 +4401,17 @@
"react-dom": ">=16.8" "react-dom": ">=16.8"
} }
}, },
"node_modules/readdirp": {
"version": "3.6.0",
"resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.6.0.tgz",
"integrity": "sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==",
"dependencies": {
"picomatch": "^2.2.1"
},
"engines": {
"node": ">=8.10.0"
}
},
"node_modules/reflect.getprototypeof": { "node_modules/reflect.getprototypeof": {
"version": "1.0.4", "version": "1.0.4",
"resolved": "https://registry.npmjs.org/reflect.getprototypeof/-/reflect.getprototypeof-1.0.4.tgz", "resolved": "https://registry.npmjs.org/reflect.getprototypeof/-/reflect.getprototypeof-1.0.4.tgz",
@ -4562,6 +4648,22 @@
"url": "https://github.com/sponsors/ljharb" "url": "https://github.com/sponsors/ljharb"
} }
}, },
"node_modules/sass": {
"version": "1.72.0",
"resolved": "https://registry.npmjs.org/sass/-/sass-1.72.0.tgz",
"integrity": "sha512-Gpczt3WA56Ly0Mn8Sl21Vj94s1axi9hDIzDFn9Ph9x3C3p4nNyvsqJoQyVXKou6cBlfFWEgRW4rT8Tb4i3XnVA==",
"dependencies": {
"chokidar": ">=3.0.0 <4.0.0",
"immutable": "^4.0.0",
"source-map-js": ">=0.6.2 <2.0.0"
},
"bin": {
"sass": "sass.js"
},
"engines": {
"node": ">=14.0.0"
}
},
"node_modules/scheduler": { "node_modules/scheduler": {
"version": "0.23.0", "version": "0.23.0",
"resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.23.0.tgz", "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.23.0.tgz",
@ -4694,7 +4796,6 @@
"version": "1.0.2", "version": "1.0.2",
"resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.0.2.tgz", "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.0.2.tgz",
"integrity": "sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==", "integrity": "sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==",
"dev": true,
"engines": { "engines": {
"node": ">=0.10.0" "node": ">=0.10.0"
} }
@ -4947,7 +5048,6 @@
"version": "5.0.1", "version": "5.0.1",
"resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz", "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
"integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==", "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==",
"dev": true,
"dependencies": { "dependencies": {
"is-number": "^7.0.0" "is-number": "^7.0.0"
}, },

3
package.json
View File

@ -17,8 +17,11 @@
"dependencies": { "dependencies": {
"axios": "^1.6.7", "axios": "^1.6.7",
"react": "^18.2.0", "react": "^18.2.0",
"react-apexcharts": "^1.4.1",
"react-chartjs-2": "^5.2.0",
"react-cookie": "^7.0.2", "react-cookie": "^7.0.2",
"react-dom": "^18.2.0", "react-dom": "^18.2.0",
"react-loader-spinner": "^6.1.6",
"react-router-dom": "^6.21.3", "react-router-dom": "^6.21.3",
"sass": "^1.72.0" "sass": "^1.72.0"
}, },

213
pnpm-lock.yaml generated
View File

@ -11,12 +11,21 @@ dependencies:
react: react:
specifier: ^18.2.0 specifier: ^18.2.0
version: 18.2.0 version: 18.2.0
react-apexcharts:
specifier: ^1.4.1
version: 1.4.1(apexcharts@3.48.0)(react@18.2.0)
react-chartjs-2:
specifier: ^5.2.0
version: 5.2.0(chart.js@4.4.2)(react@18.2.0)
react-cookie: react-cookie:
specifier: ^7.0.2 specifier: ^7.0.2
version: 7.1.0(react@18.2.0) version: 7.1.0(react@18.2.0)
react-dom: react-dom:
specifier: ^18.2.0 specifier: ^18.2.0
version: 18.2.0(react@18.2.0) version: 18.2.0(react@18.2.0)
react-loader-spinner:
specifier: ^6.1.6
version: 6.1.6(react-dom@18.2.0)(react@18.2.0)
react-router-dom: react-router-dom:
specifier: ^6.21.3 specifier: ^6.21.3
version: 6.22.3(react-dom@18.2.0)(react@18.2.0) version: 6.22.3(react-dom@18.2.0)(react@18.2.0)
@ -111,6 +120,20 @@ packages:
regenerator-runtime: 0.14.1 regenerator-runtime: 0.14.1
dev: true dev: true
/@emotion/is-prop-valid@1.2.1:
resolution: {integrity: sha512-61Mf7Ufx4aDxx1xlDeOm8aFFigGHE4z+0sKCa+IHCeZKiyP9RLD0Mmx7m8b9/Cf37f7NAvQOOJAbQQGVr5uERw==}
dependencies:
'@emotion/memoize': 0.8.1
dev: false
/@emotion/memoize@0.8.1:
resolution: {integrity: sha512-W2P2c/VRW1/1tLox0mVUalvnWXxavmv/Oum2aPsRcoDJuob75FC3Y8FbpfLwUegRcxINtGUMPq0tFCvYNTBXNA==}
dev: false
/@emotion/unitless@0.8.0:
resolution: {integrity: sha512-VINS5vEYAscRl2ZUDiT3uMPlrFQupiKgHz5AA4bCH1miKBg4qtwkim1qPmJj/4WG6TreYMY111rEFsjupcOKHw==}
dev: false
/@esbuild/aix-ppc64@0.20.2: /@esbuild/aix-ppc64@0.20.2:
resolution: {integrity: sha512-D+EBOJHXdNZcLJRBkhENNG8Wji2kgc9AZ9KiPr1JuZjsNtyHzrsfLRrY0tk2H2aoFu6RANO1y1iPPUCDYWkb5g==} resolution: {integrity: sha512-D+EBOJHXdNZcLJRBkhENNG8Wji2kgc9AZ9KiPr1JuZjsNtyHzrsfLRrY0tk2H2aoFu6RANO1y1iPPUCDYWkb5g==}
engines: {node: '>=12'} engines: {node: '>=12'}
@ -386,6 +409,10 @@ packages:
resolution: {integrity: sha512-eF2rxCRulEKXHTRiDrDy6erMYWqNw4LPdQ8UQA4huuxaQsVeRPFl2oM8oDGxMFhJUWZf9McpLtJasDDZb/Bpeg==} resolution: {integrity: sha512-eF2rxCRulEKXHTRiDrDy6erMYWqNw4LPdQ8UQA4huuxaQsVeRPFl2oM8oDGxMFhJUWZf9McpLtJasDDZb/Bpeg==}
dev: true dev: true
/@kurkle/color@0.3.2:
resolution: {integrity: sha512-fuscdXJ9G1qb7W8VdHi+IwRqij3lBkosAm4ydQtEmbY58OzHXqQhvlxqEkoz0yssNVn38bcpRWgA9PP+OGoisw==}
dev: false
/@nodelib/fs.scandir@2.1.5: /@nodelib/fs.scandir@2.1.5:
resolution: {integrity: sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==} resolution: {integrity: sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==}
engines: {node: '>= 8'} engines: {node: '>= 8'}
@ -725,6 +752,10 @@ packages:
/@types/scheduler@0.23.0: /@types/scheduler@0.23.0:
resolution: {integrity: sha512-YIoDCTH3Af6XM5VuwGG/QL/CJqga1Zm3NkU3HZ4ZHK2fRMPYP1VczsTUqtsf43PH/iJNVlPHAo2oWX7BSdB2Hw==} resolution: {integrity: sha512-YIoDCTH3Af6XM5VuwGG/QL/CJqga1Zm3NkU3HZ4ZHK2fRMPYP1VczsTUqtsf43PH/iJNVlPHAo2oWX7BSdB2Hw==}
/@types/stylis@4.2.0:
resolution: {integrity: sha512-n4sx2bqL0mW1tvDf/loQ+aMX7GQD3lc3fkCMC55VFNDu/vBOabO+LTIeXKM14xK0ppk5TUGcWRjiSpIlUpghKw==}
dev: false
/@ungap/structured-clone@1.2.0: /@ungap/structured-clone@1.2.0:
resolution: {integrity: sha512-zuVdFrMJiuCDQUMCzQaD6KL28MjnqqN8XnAqiEq9PNm/hCPTSGfrXCOfwj1ow4LFb/tNymJPwsNbVePc1xFqrQ==} resolution: {integrity: sha512-zuVdFrMJiuCDQUMCzQaD6KL28MjnqqN8XnAqiEq9PNm/hCPTSGfrXCOfwj1ow4LFb/tNymJPwsNbVePc1xFqrQ==}
dev: true dev: true
@ -779,6 +810,10 @@ packages:
pretty-format: 29.7.0 pretty-format: 29.7.0
dev: true dev: true
/@yr/monotone-cubic-spline@1.0.3:
resolution: {integrity: sha512-FQXkOta0XBSUPHndIKON2Y9JeQz5ZeMqLYZVVK93FliNBFm7LNMIZmY6FrMEB9XPcDbE2bekMbZD6kzDkxwYjA==}
dev: false
/acorn-jsx@5.3.2(acorn@8.11.3): /acorn-jsx@5.3.2(acorn@8.11.3):
resolution: {integrity: sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==} resolution: {integrity: sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==}
peerDependencies: peerDependencies:
@ -853,6 +888,18 @@ packages:
normalize-path: 3.0.0 normalize-path: 3.0.0
picomatch: 2.3.1 picomatch: 2.3.1
/apexcharts@3.48.0:
resolution: {integrity: sha512-Lhpj1Ij6lKlrUke8gf+P+SE6uGUn+Pe1TnCJ+zqrY0YMvbqM3LMb1lY+eybbTczUyk0RmMZomlTa2NgX2EUs4Q==}
dependencies:
'@yr/monotone-cubic-spline': 1.0.3
svg.draggable.js: 2.2.2
svg.easing.js: 2.0.0
svg.filter.js: 2.0.2
svg.pathmorphing.js: 0.1.3
svg.resize.js: 1.4.3
svg.select.js: 3.0.1
dev: false
/argparse@2.0.1: /argparse@2.0.1:
resolution: {integrity: sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==} resolution: {integrity: sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==}
dev: true dev: true
@ -1015,6 +1062,10 @@ packages:
engines: {node: '>=6'} engines: {node: '>=6'}
dev: true dev: true
/camelize@1.0.1:
resolution: {integrity: sha512-dU+Tx2fsypxTgtLoE36npi3UqcjSSMNYfkqgmoEhtZrraP5VWq0K7FkWVTYa8eMPtnU/G2txVsfdCJTn9uzpuQ==}
dev: false
/chai@4.4.1: /chai@4.4.1:
resolution: {integrity: sha512-13sOfMv2+DWduEU+/xbun3LScLoqN17nBeTLUsmDfKdoiC1fr0n9PU4guu4AhRcOVFk/sW8LyZWHuhWtQZiF+g==} resolution: {integrity: sha512-13sOfMv2+DWduEU+/xbun3LScLoqN17nBeTLUsmDfKdoiC1fr0n9PU4guu4AhRcOVFk/sW8LyZWHuhWtQZiF+g==}
engines: {node: '>=4'} engines: {node: '>=4'}
@ -1050,6 +1101,13 @@ packages:
engines: {node: ^12.17.0 || ^14.13 || >=16.0.0} engines: {node: ^12.17.0 || ^14.13 || >=16.0.0}
dev: true dev: true
/chart.js@4.4.2:
resolution: {integrity: sha512-6GD7iKwFpP5kbSD4MeRRRlTnQvxfQREy36uEtm1hzHzcOqwWx0YEHuspuoNlslu+nciLIB7fjjsHkUv/FzFcOg==}
engines: {pnpm: '>=8'}
dependencies:
'@kurkle/color': 0.3.2
dev: false
/check-error@1.0.3: /check-error@1.0.3:
resolution: {integrity: sha512-iKEoDYaRmd1mxM90a2OEfWhjsjPpYPuQ+lMYsoxB126+t8fw7ySEO48nmDg5COTjxDI65/Y2OWpeEHk3ZOe8zg==} resolution: {integrity: sha512-iKEoDYaRmd1mxM90a2OEfWhjsjPpYPuQ+lMYsoxB126+t8fw7ySEO48nmDg5COTjxDI65/Y2OWpeEHk3ZOe8zg==}
dependencies: dependencies:
@ -1140,6 +1198,23 @@ packages:
which: 2.0.2 which: 2.0.2
dev: true dev: true
/css-color-keywords@1.0.0:
resolution: {integrity: sha512-FyyrDHZKEjXDpNJYvVsV960FiqQyXc/LlYmsxl2BcdMb2WPx0OGRVgTg55rPSyLSNMqP52R9r8geSp7apN3Ofg==}
engines: {node: '>=4'}
dev: false
/css-to-react-native@3.2.0:
resolution: {integrity: sha512-e8RKaLXMOFii+02mOlqwjbD00KSEKqblnpO9e++1aXS1fPQOpS1YoqdVHBqPjHNoxeF2mimzVqawm2KCbEdtHQ==}
dependencies:
camelize: 1.0.1
css-color-keywords: 1.0.0
postcss-value-parser: 4.2.0
dev: false
/csstype@3.1.2:
resolution: {integrity: sha512-I7K1Uu0MBPzaFKg4nI5Q7Vs2t+3gWWW648spaF+Rg7pI9ds18Ugn+lvg4SHczUdKlHI5LWBXyqfS8+DufyBsgQ==}
dev: false
/csstype@3.1.3: /csstype@3.1.3:
resolution: {integrity: sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw==} resolution: {integrity: sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw==}
@ -2324,7 +2399,6 @@ packages:
resolution: {integrity: sha512-eSRppjcPIatRIMC1U6UngP8XFcz8MQWGQdt1MTBQ7NaAmvXDfvNxbvWV3x2y6CdEUciCSsDHDQZbhYaB8QEo2g==} resolution: {integrity: sha512-eSRppjcPIatRIMC1U6UngP8XFcz8MQWGQdt1MTBQ7NaAmvXDfvNxbvWV3x2y6CdEUciCSsDHDQZbhYaB8QEo2g==}
engines: {node: ^10 || ^12 || ^13.7 || ^14 || >=15.0.1} engines: {node: ^10 || ^12 || ^13.7 || ^14 || >=15.0.1}
hasBin: true hasBin: true
dev: true
/natural-compare@1.4.0: /natural-compare@1.4.0:
resolution: {integrity: sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==} resolution: {integrity: sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==}
@ -2344,7 +2418,6 @@ packages:
/object-assign@4.1.1: /object-assign@4.1.1:
resolution: {integrity: sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==} resolution: {integrity: sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==}
engines: {node: '>=0.10.0'} engines: {node: '>=0.10.0'}
dev: true
/object-inspect@1.13.1: /object-inspect@1.13.1:
resolution: {integrity: sha512-5qoj1RUiKOMsCCNLV1CBiPYE10sziTsnmNxkAI/rZhiD63CF7IqdFGC/XzjWjpSgLf0LxXX3bDFIh0E18f6UhQ==} resolution: {integrity: sha512-5qoj1RUiKOMsCCNLV1CBiPYE10sziTsnmNxkAI/rZhiD63CF7IqdFGC/XzjWjpSgLf0LxXX3bDFIh0E18f6UhQ==}
@ -2504,7 +2577,6 @@ packages:
/picocolors@1.0.0: /picocolors@1.0.0:
resolution: {integrity: sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==} resolution: {integrity: sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==}
dev: true
/picomatch@2.3.1: /picomatch@2.3.1:
resolution: {integrity: sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==} resolution: {integrity: sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==}
@ -2545,6 +2617,19 @@ packages:
engines: {node: '>= 0.4'} engines: {node: '>= 0.4'}
dev: true dev: true
/postcss-value-parser@4.2.0:
resolution: {integrity: sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==}
dev: false
/postcss@8.4.31:
resolution: {integrity: sha512-PS08Iboia9mts/2ygV3eLpY5ghnUcfLV/EXTOW1E2qYxJKGGBUtNjN76FYHnMs36RmARn41bC0AZmn+rR0OVpQ==}
engines: {node: ^10 || ^12 || >=14}
dependencies:
nanoid: 3.3.7
picocolors: 1.0.0
source-map-js: 1.2.0
dev: false
/postcss@8.4.38: /postcss@8.4.38:
resolution: {integrity: sha512-Wglpdk03BSfXkHoQa3b/oulrotAkwrlLDRSOb9D0bN86FdRyE9lppSp33aHNPgBa0JKCoB+drFLZkQoRRYae5A==} resolution: {integrity: sha512-Wglpdk03BSfXkHoQa3b/oulrotAkwrlLDRSOb9D0bN86FdRyE9lppSp33aHNPgBa0JKCoB+drFLZkQoRRYae5A==}
engines: {node: ^10 || ^12 || >=14} engines: {node: ^10 || ^12 || >=14}
@ -2589,7 +2674,6 @@ packages:
loose-envify: 1.4.0 loose-envify: 1.4.0
object-assign: 4.1.1 object-assign: 4.1.1
react-is: 16.13.1 react-is: 16.13.1
dev: true
/proxy-from-env@1.1.0: /proxy-from-env@1.1.0:
resolution: {integrity: sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg==} resolution: {integrity: sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg==}
@ -2604,6 +2688,27 @@ packages:
resolution: {integrity: sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==} resolution: {integrity: sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==}
dev: true dev: true
/react-apexcharts@1.4.1(apexcharts@3.48.0)(react@18.2.0):
resolution: {integrity: sha512-G14nVaD64Bnbgy8tYxkjuXEUp/7h30Q0U33xc3AwtGFijJB9nHqOt1a6eG0WBn055RgRg+NwqbKGtqPxy15d0Q==}
peerDependencies:
apexcharts: ^3.41.0
react: '>=0.13'
dependencies:
apexcharts: 3.48.0
prop-types: 15.8.1
react: 18.2.0
dev: false
/react-chartjs-2@5.2.0(chart.js@4.4.2)(react@18.2.0):
resolution: {integrity: sha512-98iN5aguJyVSxp5U3CblRLH67J8gkfyGNbiK3c+l1QI/G4irHMPQw44aEPmjVag+YKTyQ260NcF82GTQ3bdscA==}
peerDependencies:
chart.js: ^4.1.1
react: ^16.8.0 || ^17.0.0 || ^18.0.0
dependencies:
chart.js: 4.4.2
react: 18.2.0
dev: false
/react-cookie@7.1.0(react@18.2.0): /react-cookie@7.1.0(react@18.2.0):
resolution: {integrity: sha512-n2+Gt07/xxuShXary+SImk1sw5l7a1UguQOQEN55YewEW5LoA0opbR4nbeo8sY6OYwR37iCFJtqJ0AGEywqAtg==} resolution: {integrity: sha512-n2+Gt07/xxuShXary+SImk1sw5l7a1UguQOQEN55YewEW5LoA0opbR4nbeo8sY6OYwR37iCFJtqJ0AGEywqAtg==}
peerDependencies: peerDependencies:
@ -2633,7 +2738,19 @@ packages:
/react-is@18.2.0: /react-is@18.2.0:
resolution: {integrity: sha512-xWGDIW6x921xtzPkhiULtthJHoJvBbF3q26fzloPCK0hsvxtPVelvftw3zjbHWSkR2km9Z+4uxbDDK/6Zw9B8w==} resolution: {integrity: sha512-xWGDIW6x921xtzPkhiULtthJHoJvBbF3q26fzloPCK0hsvxtPVelvftw3zjbHWSkR2km9Z+4uxbDDK/6Zw9B8w==}
dev: true
/react-loader-spinner@6.1.6(react-dom@18.2.0)(react@18.2.0):
resolution: {integrity: sha512-x5h1Jcit7Qn03MuKlrWcMG9o12cp9SNDVHVJTNRi9TgtGPKcjKiXkou4NRfLAtXaFB3+Z8yZsVzONmPzhv2ErA==}
engines: {node: '>= 12'}
peerDependencies:
react: ^16.0.0 || ^17.0.0 || ^18.0.0
react-dom: ^16.0.0 || ^17.0.0 || ^18.0.0
dependencies:
react: 18.2.0
react-dom: 18.2.0(react@18.2.0)
react-is: 18.2.0
styled-components: 6.1.8(react-dom@18.2.0)(react@18.2.0)
dev: false
/react-router-dom@6.22.3(react-dom@18.2.0)(react@18.2.0): /react-router-dom@6.22.3(react-dom@18.2.0)(react@18.2.0):
resolution: {integrity: sha512-7ZILI7HjcE+p31oQvwbokjk6OA/bnFxrhJ19n82Ex9Ph8fNAq+Hm/7KchpMGlTgWhUxRHMMCut+vEtNpWpowKw==} resolution: {integrity: sha512-7ZILI7HjcE+p31oQvwbokjk6OA/bnFxrhJ19n82Ex9Ph8fNAq+Hm/7KchpMGlTgWhUxRHMMCut+vEtNpWpowKw==}
@ -2824,6 +2941,10 @@ packages:
has-property-descriptors: 1.0.2 has-property-descriptors: 1.0.2
dev: true dev: true
/shallowequal@1.1.0:
resolution: {integrity: sha512-y0m1JoUZSlPAjXVtPPW70aZWfIL/dSP7AFkRnniLCrK/8MDKog3TySTBmckD+RObVxH0v4Tox67+F14PdED2oQ==}
dev: false
/shebang-command@2.0.0: /shebang-command@2.0.0:
resolution: {integrity: sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==} resolution: {integrity: sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==}
engines: {node: '>=8'} engines: {node: '>=8'}
@ -2983,6 +3104,30 @@ packages:
js-tokens: 8.0.3 js-tokens: 8.0.3
dev: true dev: true
/styled-components@6.1.8(react-dom@18.2.0)(react@18.2.0):
resolution: {integrity: sha512-PQ6Dn+QxlWyEGCKDS71NGsXoVLKfE1c3vApkvDYS5KAK+V8fNWGhbSUEo9Gg2iaID2tjLXegEW3bZDUGpofRWw==}
engines: {node: '>= 16'}
peerDependencies:
react: '>= 16.8.0'
react-dom: '>= 16.8.0'
dependencies:
'@emotion/is-prop-valid': 1.2.1
'@emotion/unitless': 0.8.0
'@types/stylis': 4.2.0
css-to-react-native: 3.2.0
csstype: 3.1.2
postcss: 8.4.31
react: 18.2.0
react-dom: 18.2.0(react@18.2.0)
shallowequal: 1.1.0
stylis: 4.3.1
tslib: 2.5.0
dev: false
/stylis@4.3.1:
resolution: {integrity: sha512-EQepAV+wMsIaGVGX1RECzgrcqRRU/0sYOHkeLsZ3fzHaHXZy4DaOOX0vOlGQdlsjkh3mFHAIlVimpwAs4dslyQ==}
dev: false
/supports-color@5.5.0: /supports-color@5.5.0:
resolution: {integrity: sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==} resolution: {integrity: sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==}
engines: {node: '>=4'} engines: {node: '>=4'}
@ -3002,6 +3147,60 @@ packages:
engines: {node: '>= 0.4'} engines: {node: '>= 0.4'}
dev: true dev: true
/svg.draggable.js@2.2.2:
resolution: {integrity: sha512-JzNHBc2fLQMzYCZ90KZHN2ohXL0BQJGQimK1kGk6AvSeibuKcIdDX9Kr0dT9+UJ5O8nYA0RB839Lhvk4CY4MZw==}
engines: {node: '>= 0.8.0'}
dependencies:
svg.js: 2.7.1
dev: false
/svg.easing.js@2.0.0:
resolution: {integrity: sha512-//ctPdJMGy22YoYGV+3HEfHbm6/69LJUTAqI2/5qBvaNHZ9uUFVC82B0Pl299HzgH13rKrBgi4+XyXXyVWWthA==}
engines: {node: '>= 0.8.0'}
dependencies:
svg.js: 2.7.1
dev: false
/svg.filter.js@2.0.2:
resolution: {integrity: sha512-xkGBwU+dKBzqg5PtilaTb0EYPqPfJ9Q6saVldX+5vCRy31P6TlRCP3U9NxH3HEufkKkpNgdTLBJnmhDHeTqAkw==}
engines: {node: '>= 0.8.0'}
dependencies:
svg.js: 2.7.1
dev: false
/svg.js@2.7.1:
resolution: {integrity: sha512-ycbxpizEQktk3FYvn/8BH+6/EuWXg7ZpQREJvgacqn46gIddG24tNNe4Son6omdXCnSOaApnpZw6MPCBA1dODA==}
dev: false
/svg.pathmorphing.js@0.1.3:
resolution: {integrity: sha512-49HWI9X4XQR/JG1qXkSDV8xViuTLIWm/B/7YuQELV5KMOPtXjiwH4XPJvr/ghEDibmLQ9Oc22dpWpG0vUDDNww==}
engines: {node: '>= 0.8.0'}
dependencies:
svg.js: 2.7.1
dev: false
/svg.resize.js@1.4.3:
resolution: {integrity: sha512-9k5sXJuPKp+mVzXNvxz7U0uC9oVMQrrf7cFsETznzUDDm0x8+77dtZkWdMfRlmbkEEYvUn9btKuZ3n41oNA+uw==}
engines: {node: '>= 0.8.0'}
dependencies:
svg.js: 2.7.1
svg.select.js: 2.1.2
dev: false
/svg.select.js@2.1.2:
resolution: {integrity: sha512-tH6ABEyJsAOVAhwcCjF8mw4crjXSI1aa7j2VQR8ZuJ37H2MBUbyeqYr5nEO7sSN3cy9AR9DUwNg0t/962HlDbQ==}
engines: {node: '>= 0.8.0'}
dependencies:
svg.js: 2.7.1
dev: false
/svg.select.js@3.0.1:
resolution: {integrity: sha512-h5IS/hKkuVCbKSieR9uQCj9w+zLHoPh+ce19bBYyqF53g6mnPB8sAtIbe1s9dh2S2fCmYX2xel1Ln3PJBbK4kw==}
engines: {node: '>= 0.8.0'}
dependencies:
svg.js: 2.7.1
dev: false
/text-table@0.2.0: /text-table@0.2.0:
resolution: {integrity: sha512-N+8UisAXDGk8PFXP4HAzVR9nbfmVJ3zYLAWiTIoqC5v5isinhr+r5uaO8+7r3BMfuNIufIsA7RdpVgacC2cSpw==} resolution: {integrity: sha512-N+8UisAXDGk8PFXP4HAzVR9nbfmVJ3zYLAWiTIoqC5v5isinhr+r5uaO8+7r3BMfuNIufIsA7RdpVgacC2cSpw==}
dev: true dev: true
@ -3026,6 +3225,10 @@ packages:
dependencies: dependencies:
is-number: 7.0.0 is-number: 7.0.0
/tslib@2.5.0:
resolution: {integrity: sha512-336iVw3rtn2BUK7ORdIAHTyxHGRIHVReokCR3XjbckJMK7ms8FysBfhLR8IXnAgy7T0PTPNBWKiH514FOW/WSg==}
dev: false
/type-check@0.4.0: /type-check@0.4.0:
resolution: {integrity: sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==} resolution: {integrity: sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==}
engines: {node: '>= 0.8.0'} engines: {node: '>= 0.8.0'}

14
src/App.jsx
View File

@ -4,12 +4,12 @@ import { Authenticated } from "./components";
import Layout from "./layout/Layout"; import Layout from "./layout/Layout";
import { Router } from "./router"; import { Router } from "./router";
const App = () => ( export default function App() {
return (
<Authenticated> <Authenticated>
<Layout> <Layout>
<Router /> <Router />
</Layout> </Layout>
</Authenticated> </Authenticated>
); );
}
export default App;

43
src/api/authentication.js
View File

@ -1,34 +1,35 @@
import axios from "axios"; import axios from "axios";
export const isLoggedIn = async () => { export const isLoggedIn = async () => {
try { try {
const response = await axios.get("/authenticate"); const response = await axios.get("/authenticate");
return response.data; return response.data;
} catch (error) { } catch (error) {
return error.response.data; return error.response.data;
} }
}; };
export const login = async (username, password) => { export const login = async (username, password) => {
try { try {
const response = await axios.post("/authenticate", { const response = await axios.post("/authenticate", {
username, username,
password, password,
}); });
return response.data; return response.data;
} catch (error) { } catch (error) {
return error.response.data; window.location.reload();
} return error.response.data;
}
}; };
export const logout = async () => { export const logout = async () => {
try { try {
const response = await axios.delete("/authenticate"); const response = await axios.delete("/authenticate");
return response.data; return response.data;
} catch (error) { } catch (error) {
return error.response.data; return error.response.data;
} }
}; };

1
src/api/items.js
View File

@ -26,6 +26,7 @@ export const updateItem = async (settings) => {
formData.append("brand", settings.brand); formData.append("brand", settings.brand);
formData.append("model", settings.model); formData.append("model", settings.model);
formData.append("price", settings.price); formData.append("price", settings.price);
formData.append("description", settings.description);
formData.append("purchaseDate", settings.purchaseDate); formData.append("purchaseDate", settings.purchaseDate);
formData.append("link", settings.link); formData.append("link", settings.link);

28
src/api/rooms.js
View File

@ -1,23 +1,33 @@
import axios from "axios"; import axios from "axios";
export const createRoom = async (name) => { export const createRoom = async (name) => {
const response = await axios.post("/room", { const response = await axios.post("/room", {
name, name,
}); });
return response.data;
};
export const getState = async () => {
try {
const response = await axios.get("/room/stats");
return response.data; return response.data;
} catch (err) {
console.error(err);
return null;
}
}; };
export const deleteRoom = async (id) => { export const deleteRoom = async (id) => {
const response = await axios.delete(`/room/${id}`); const response = await axios.delete(`/room/${id}`);
return response.data; return response.data;
}; };
export const getRooms = async () => { export const getRooms = async () => {
const response = await axios.get(`/room`); const response = await axios.get(`/room`);
return response.data; return response.data;
}; };
export const getRoom = async (id) => { export const getRoom = async (id) => {
const response = await axios.get(`/room/${id}`); const response = await axios.get(`/room/${id}`);
return response.data; return response.data;
}; };

29
src/api/user.js
View File

@ -1,5 +1,15 @@
import axios from "axios"; import axios from "axios";
export const deleteUser = async (userId) => {
try {
const response = await axios.delete(`/user/${userId}`);
return response.data;
} catch (err) {
console.error(err);
return null;
}
};
export const createUser = async (username, password, confirmation) => { export const createUser = async (username, password, confirmation) => {
try { try {
const response = await axios.post("/user", { const response = await axios.post("/user", {
@ -13,5 +23,20 @@ export const createUser = async (username, password, confirmation) => {
} }
}; };
// TODO: REgarde postman export const updateUser = async (settings) => {
export const updateUser = 0; try {
console.log("try");
const formData = new FormData();
formData.append("_id", settings._id);
formData.append("username", settings.username);
formData.append("password", settings.password);
formData.append("confirmation", settings.confirmation);
formData.append("old_password", settings.old_password);
const response = await axios.put(`/user/${settings._id}`, formData);
return response.data;
} catch (err) {
console.error(err);
return null;
}
};

16
src/assets/styles/index.css → src/assets/styles/index.scss
View File

@ -1,13 +1,13 @@
body { @import "./vars.scss";
height: 100vh;
font-family: Arial, Helvetica, sans-serif;
}
* { * {
a {
color: rgb(123, 106, 156);
font-weight: bold;
}
margin: 0; margin: 0;
padding: 0; padding: 0;
} }
body {
a {
color: $primary;
font-weight: bold;
}
font-family: Arial, Helvetica, sans-serif;
}

9
src/assets/styles/vars.scss Normal file
View File

@ -0,0 +1,9 @@
$primary: #7b6a9c;
$good_black: #363636;
$black_text: #252525;
$white: #fff;
$black: #000;
$red: #ce5353;
$orange: #f6a439;
$shadow_box_def: rgba(0, 0, 0, 0.1) 0px 4px 12px;
$my_border_rad: 6px;

6
src/components/AddBtn/AddBtn.scss
View File

@ -1,3 +1,5 @@
@import "../../assets/styles/vars.scss";
.add-btn-container { .add-btn-container {
display: flex; display: flex;
position: fixed; position: fixed;
@ -11,8 +13,8 @@
height: 100%; height: 100%;
border-radius: 50px; border-radius: 50px;
border: none; border: none;
background: rgb(123, 106, 156); background: $primary;
color: white; color: $white;
font-weight: bold; font-weight: bold;
font-size: 15px; font-size: 15px;

80
src/components/NavBar/NavBar.jsx
View File

@ -4,47 +4,51 @@ import { logout } from "../../api";
import { Link } from "react-router-dom/"; import { Link } from "react-router-dom/";
export default function NavBar() { export default function NavBar() {
const { user } = useAuth(); const { user } = useAuth();
console.log(user);
const onLogout = () => { const onLogout = () => {
logout().then((res) => { logout().then((res) => {
if (res === "Ok") { if (res === "Ok") {
window.location.reload(); alert("etes vous sur de vouloir quitter");
} window.location.reload();
}); }
}; });
};
return ( return (
<nav id="nav-container"> <nav id="nav-container">
<ul id="leafs-container"> <ul id="leafs-container">
<li className="leaf"> {user && (
<Link to="/">Accueil</Link> <li className="leaf">
</li> <Link to="/">Accueil</Link>
</li>
)}
<li className="leaf"> {user && (
<Link to="rooms">Pieces</Link> <li className="leaf">
</li> <Link to="rooms">Pieces</Link>
</li>
)}
{user ? ( {user ? (
<div className="leaf-into"> <div className="leaf-into">
<li className="leaf"> <li className="leaf">
<Link to="profile">Profile</Link> <Link to="profile">Profile</Link>
</li> </li>
<button className="leaf-btn" onClick={onLogout}> <button className="leaf-btn" onClick={onLogout}>
Deconnexion Deconnexion
</button> </button>
</div> </div>
) : ( ) : (
<li className="leaf-into"> <li className="leaf-into">
<span className="leaf-txt"> <span className="leaf-txt">
<Link to="login">Connexion</Link>&nbsp;/&nbsp; <Link to="login">Connexion</Link>&nbsp;/&nbsp;
<Link to="register">Inscription</Link> <Link to="register">Inscription</Link>
</span> </span>
</li> </li>
)} )}
</ul> </ul>
</nav> </nav>
); );
} }

22
src/components/NavBar/NavBar.scss
View File

@ -1,14 +1,16 @@
@import "../../assets/styles/vars.scss";
#nav-container { #nav-container {
background: rgb(123, 106, 156); background: $primary;
padding: 15px; padding: 15px;
a { a {
font-weight: bold; font-weight: bold;
color: white; color: $white;
text-decoration: none; text-decoration: none;
&:hover { &:hover {
border-bottom: 1.5px solid white; border-bottom: 1.5px solid $white;
} }
} }
@ -17,14 +19,26 @@
display: flex; display: flex;
flex-direction: row; flex-direction: row;
flex-wrap: wrap; flex-wrap: wrap;
color: white; color: $white;
gap: 50px; gap: 50px;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
padding: 0; padding: 0;
.leaf-into { .leaf-into {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 2px;
.leaf-btn { .leaf-btn {
background: $white;
border: none;
padding: 5px;
&:hover {
cursor: pointer;
}
} }
.leaf { .leaf {

3
src/components/Stats/Stats.jsx Normal file
View File

@ -0,0 +1,3 @@
export default function Stats({ chart = null, datas }) {
return <div>{chart ? chart : null}</div>;
}

13
src/components/StylizedBtn/StylizedBtn.jsx Normal file
View File

@ -0,0 +1,13 @@
import "./StylizedBtn.scss";
export default function StylizedBtn({ text, handle, perso_style = null }) {
return (
<button
className="stylized-btn"
style={perso_style ? perso_style : null}
onClick={handle}
>
{text}
</button>
);
}

17
src/components/StylizedBtn/StylizedBtn.scss Normal file
View File

@ -0,0 +1,17 @@
@import "../../assets/styles/vars.scss";
.stylized-btn {
background: $primary;
border: none;
padding: 5px;
width: 50px;
color: $white;
font-weight: bold;
height: 30px;
&:hover {
cursor: pointer;
transform: scale(1.05);
transition: 0.2s;
}
}

149
src/contexts/auth-context.jsx
View File

@ -1,100 +1,99 @@
import React, { useEffect, useState } from "react"; import React, { useEffect, useState } from "react";
import { import {
createUser as registerApi, createUser as registerApi,
isLoggedIn, isLoggedIn,
login as loginApi, login as loginApi,
logout as logoutApi, logout as logoutApi,
} from "../api"; } from "../api";
import { useQuery } from "../hooks"; import { useQuery } from "../hooks";
import { useLocation, useNavigate } from "react-router-dom"; import { useLocation, useNavigate } from "react-router-dom";
const initState = { const initState = {
user: undefined, user: undefined,
}; };
export const AuthenticationContext = React.createContext({ export const AuthenticationContext = React.createContext({
...initState, ...initState,
login: () => {}, login: () => {},
register: () => {}, register: () => {},
logout: () => {}, logout: () => {},
}); });
export const AuthenticationProvider = ({ children }) => { export const AuthenticationProvider = ({ children }) => {
const navigate = useNavigate(); const navigate = useNavigate();
const location = useLocation(); const location = useLocation();
const query = useQuery(); const query = useQuery();
const [authState, setAuthState] = useState(initState); const [authState, setAuthState] = useState(initState);
const [isLoading, setIsLoading] = useState(true); const [isLoading, setIsLoading] = useState(true);
const redirect = () => { const redirect = () => {
navigate(query.get("redirect_uri") || "/"); navigate(query.get("redirect_uri") || "/");
}; };
const login = async (email, password) => { const login = async (email, password) => {
loginApi(email, password) loginApi(email, password)
.then((user) => { .then((user) => {
setAuthState({ user }); setAuthState({ user });
redirect(); redirect();
}) })
.catch(() => { .catch(() => {
setAuthState({ user: undefined }); console.error("ici ca catch fort");
}); setAuthState({ user: undefined });
}; });
};
const register = async (username, password, confirmation) => { const register = async (username, password, confirmation) => {
registerApi(username, password, confirmation).then((user) => { registerApi(username, password, confirmation).then((user) => {
setAuthState({ user }); setAuthState({ user });
redirect(); redirect();
}); });
}; };
const logout = () => { const logout = () => {
logoutApi().then(() => { logoutApi().then(() => {
setAuthState(initState); setAuthState(initState);
navigate(`/login`); navigate(`/login`);
}); });
}; };
useEffect(() => { useEffect(() => {
isLoggedIn() isLoggedIn()
.then((user) => { .then((user) => {
if (user === "Unauthorized") throw new Error("Unauthorized"); if (user === "Unauthorized") throw new Error("Unauthorized");
setAuthState({ user }); setAuthState({ user });
if (location.pathname === "/login") { if (location.pathname === "/login") {
redirect(); redirect();
}
})
.catch(() => {
setAuthState({ user: undefined });
if (!location.pathname.match(/^(\/|\/login|\/register)$/)) {
navigate(
`/login?redirect_uri=${encodeURI(location.pathname)}`
);
}
})
.finally(() => {
setIsLoading(false);
});
}, []);
useEffect(() => {
if (location.pathname === "/logout") {
logout();
} }
}, [location]); })
.catch(() => {
setAuthState({ user: undefined });
if (isLoading) { if (!location.pathname.match(/^(\/|\/login|\/register)$/)) {
return <p>Loading...</p>; navigate(`/login?redirect_uri=${encodeURI(location.pathname)}`);
}
})
.finally(() => {
setIsLoading(false);
});
}, []);
useEffect(() => {
if (location.pathname === "/logout") {
logout();
} }
}, [location]);
return ( if (isLoading) {
<AuthenticationContext.Provider return <p>Loading...</p>;
value={{ ...authState, login, logout, register }} }
>
{children} return (
</AuthenticationContext.Provider> <AuthenticationContext.Provider
); value={{ ...authState, login, logout, register }}
>
{children}
</AuthenticationContext.Provider>
);
}; };

5
src/layout/Layout.css
View File

@ -1,9 +1,4 @@
#layout-container { #layout-container {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
height: 100vh;
main {
height: 100%;
}
} }

16
src/main.jsx
View File

@ -1,7 +1,7 @@
import React from "react"; import React from "react";
import ReactDOM from "react-dom/client"; import ReactDOM from "react-dom/client";
import App from "./App.jsx"; import App from "./App.jsx";
import "./assets/styles/index.css"; import "./assets/styles/index.scss";
import { BrowserRouter } from "react-router-dom"; import { BrowserRouter } from "react-router-dom";
import { CookiesProvider } from "react-cookie"; import { CookiesProvider } from "react-cookie";
import setupAxios from "./setupAxios"; import setupAxios from "./setupAxios";
@ -9,11 +9,11 @@ import setupAxios from "./setupAxios";
setupAxios(); setupAxios();
ReactDOM.createRoot(document.getElementById("root")).render( ReactDOM.createRoot(document.getElementById("root")).render(
<React.StrictMode> <React.StrictMode>
<BrowserRouter> <BrowserRouter>
<CookiesProvider> <CookiesProvider>
<App /> <App />
</CookiesProvider> </CookiesProvider>
</BrowserRouter> </BrowserRouter>
</React.StrictMode> </React.StrictMode>,
); );

68
src/pages/authenticated/login.jsx
View File

@ -3,40 +3,44 @@ import React, { useState } from "react";
import { useAuth } from "../../hooks"; import { useAuth } from "../../hooks";
export const Login = () => { export const Login = () => {
const { login } = useAuth(); const { login } = useAuth();
const [username, setUsername] = useState(""); const [username, setUsername] = useState("");
const [password, setPassword] = useState(""); const [password, setPassword] = useState("");
const [error, setError] = useState(); const [error, setError] = useState();
const onSubmit = async (e) => { const onSubmit = async (e) => {
e.preventDefault(); e.preventDefault();
const response = await login(username, password); const response = await login(username, password);
if (response && !response.success) { if (response && !response.success) {
setError(response.error); console.log("salut");
} setError(response.error);
}; }
};
return ( return (
<div> <div>
<h1>Login page</h1> <h1>Login page</h1>
{error && <p className="text-red-500">{error}</p>} {error && <p className="text-red-500">{error}</p>}
<form onSubmit={onSubmit}>
<input <form onSubmit={onSubmit}>
type="text" <input
value={username} type="text"
placeholder="username" value={username}
onChange={(e) => setUsername(e.target.value)} placeholder="username"
/> required
<input onChange={(e) => setUsername(e.target.value)}
type="password" />
value={password} <input
placeholder="password" type="password"
onChange={(e) => setPassword(e.target.value)} value={password}
/> placeholder="password"
<button type="submit">submit</button> required
</form> onChange={(e) => setPassword(e.target.value)}
</div> />
); <button type="submit">submit</button>
</form>
</div>
);
}; };

83
src/pages/authenticated/register.jsx
View File

@ -3,48 +3,51 @@ import React, { useState } from "react";
import { useAuth } from "../../hooks"; import { useAuth } from "../../hooks";
export const Register = () => { export const Register = () => {
const { register } = useAuth(); const { register } = useAuth();
const [username, setUsername] = useState(""); const [username, setUsername] = useState("");
const [password, setPassword] = useState(""); const [password, setPassword] = useState("");
const [confirmation, setConfirmation] = useState(""); const [confirmation, setConfirmation] = useState("");
const [error, setError] = useState(); const [error, setError] = useState();
const onSubmit = async (e) => { const onSubmit = async (e) => {
e.preventDefault(); e.preventDefault();
const response = await register(username, password, confirmation); const response = await register(username, password, confirmation);
console.log(response); console.log(response);
if (response && !response.success) { if (response && !response.success) {
setError(response.error); setError(response.error);
} }
}; };
return ( return (
<div> <div>
<h1>Register page</h1> <h1>Register page</h1>
{error && <p className="text-red-500">{error}</p>} {error && <p className="text-red-500">{error}</p>}
<form onSubmit={onSubmit}> <form onSubmit={onSubmit}>
<input <input
type="text" type="text"
value={username} value={username}
placeholder="username" placeholder="username"
onChange={(e) => setUsername(e.target.value)} required
/> onChange={(e) => setUsername(e.target.value)}
<input />
type="password" <input
value={password} type="password"
placeholder="password" value={password}
onChange={(e) => setPassword(e.target.value)} required
/> placeholder="password"
<input onChange={(e) => setPassword(e.target.value)}
type="password" />
value={confirmation} <input
placeholder="confirmation" type="password"
onChange={(e) => setConfirmation(e.target.value)} required
/> value={confirmation}
<button type="submit">submit</button> placeholder="confirmation"
</form> onChange={(e) => setConfirmation(e.target.value)}
</div> />
); <button type="submit">submit</button>
</form>
</div>
);
}; };

15
src/pages/home.jsx
View File

@ -1,15 +0,0 @@
import React from "react";
import { useAuth } from "../hooks";
export const Home = () => {
const { user } = useAuth();
console.log(user);
return (
<div>
<h1>Home page</h1>
{user && <h2>Hello {user.user.username}</h2>}
</div>
);
};

184
src/pages/home/home.jsx Normal file
View File

@ -0,0 +1,184 @@
import React from "react";
import { useAuth } from "../../hooks";
import { useEffect } from "react";
import { getState } from "../../api";
import { useState } from "react";
import Chart from "react-apexcharts";
import "./home.scss";
import { Link } from "react-router-dom";
import { MagnifyingGlass } from "react-loader-spinner";
export const Home = () => {
const { user } = useAuth();
const [dataset, setDataset] = useState(null);
const [generalStat, setGeneralStat] = useState(null);
const [roomsStats, setRoomsState] = useState(null);
const [isLoad, setIsLoad] = useState(true);
useEffect(() => {
getState().then((res) => {
try {
setIsLoad(false);
console.log(res);
setDataset(res);
setupRoomsStats(res.rooms);
setupGlobalStat({ years: res.years, global: res.global });
} catch (err) {
console.error(err);
}
});
}, []);
const setupRoomsStats = (rooms) => {
setRoomsState(
Object.values(rooms).sort((a, b) => b.room_price - a.room_price),
);
};
const setupGlobalStat = (data) => {
const stats = {
options: {
chart: {
id: "",
},
xaxis: {
categories: [],
},
stroke: {
curve: "smooth",
},
},
series: [
{
name: "",
type: "line",
data: [],
color: "#7b6a9c",
},
],
};
for (let i in data.years) {
if (data.years[i] === 0) {
continue;
}
stats.options.xaxis.categories.push(i);
stats.series[0].data.push(data.years[i]);
}
const component = (
<Chart options={stats.options} series={stats.series} width="500" />
);
setGeneralStat(component);
};
return (
<div id="home-container">
{user && (
<div id="home-title">
<h3 id="title">Bonjour {user.user.username} !</h3>
</div>
)}
<MagnifyingGlass
visible={isLoad}
height="100"
width="100"
ariaLabel="magnifying-glass-loading"
wrapperStyle={{}}
wrapperClass="magnifying-glass-wrapper"
glassColor="#ffffff"
color="#7B6A9C"
/>
{dataset ? (
<div id="stats-container">
<div className="stats">
<div className="header">
<h3 className="header-title">Statistique general</h3>
</div>
{generalStat ? generalStat : null}
<div id="others-container">
<div className="others">
<div className="others-label">Moyenne de vos depenses</div>
<div className="others-value">
{dataset.global.average_price}e
</div>
</div>
<div className="others">
<div className="others-label">Nombre total d'objet</div>
<div className="others-value">
{dataset.global.items_count}e
</div>
</div>
<div className="others">
<div className="others-label">Nombre de piece</div>
<div className="others-value">{dataset.global.rooms_count}</div>
</div>
<div className="others">
<div className="others-label">Prix total</div>
<div className="others-value">
{dataset.global.total_price}e
</div>
</div>
<div className="others">
<div className="others-label">Piece la plus cher</div>
<div className="others-value">
{dataset.global.most_expensive_room.name} (
{dataset.global.most_expensive_room.count}e)
</div>
</div>
<div className="others">
<div className="others-label">Piece avec le plus d'objet</div>
<div className="others-value">
{dataset.global.most_item_room.name} (
{dataset.global.most_item_room.count}).
</div>
</div>
<div className="others">
<div className="others-label">Piece avec le plus d'objet</div>
<div className="others-value">
{dataset.global.most_item_room.name} (
{dataset.global.most_item_room.count}).
</div>
</div>
</div>
</div>
<div className="stats">
<div className="header">
<h3 className="header-title">Pieces</h3>
</div>
<div id="rooms-container">
{roomsStats.length >= 1
? roomsStats.map((r, i) => (
<div className="rooms" key={i}>
<span>- </span>
<Link to={`/room/${r._id}`}>{r.name}</Link>
<span>
{" "}
contient <b>{r.items_count}</b> objet(s) pour une valeur
total de <b>{r.room_price}e</b>{" "}
</span>
</div>
))
: null}
</div>
</div>
</div>
) : null}
</div>
);
};

84
src/pages/home/home.scss Normal file
View File

@ -0,0 +1,84 @@
@import "../../assets/styles/vars.scss";
#home-container {
width: 100%;
height: 100%;
#home-title {
#title {
margin-top: 30px;
text-align: center;
}
}
#stats-container {
margin-top: 50px;
flex-wrap: wrap;
display: flex;
flex-direction: row;
justify-content: space-around;
width: 100%;
gap: 20px;
.stats {
display: flex;
flex-direction: column;
align-items: center;
.header {
.header-title {
text-align: center;
}
}
#rooms-container {
display: flex;
flex-direction: column;
gap: 10px;
margin-top: 20px;
max-height: 500px;
overflow: auto;
.rooms {
border: 1px dashed $good_black;
padding: 10px;
}
}
#others-container {
display: flex;
flex-direction: column;
height: 100%;
gap: 10px;
.others {
display: flex;
flex-direction: row;
justify-content: space-between;
border: 1px dashed $good_black;
padding: 10px;
width: 100%;
.others-label {
display: flex;
align-items: center;
}
.others-value {
display: flex;
justify-content: center;
align-items: center;
width: 90px;
height: 30px;
transform: rotate(10deg);
background: $primary;
color: $white;
font-weight: bold;
padding: 5px;
text-align: left;
}
}
}
}
}
}

2
src/pages/index.js
View File

@ -1,2 +1,2 @@
export * from "./authenticated"; export * from "./authenticated";
export * from "./home"; export * from "./home/home";

101
src/pages/profile/Profile.jsx
View File

@ -1,45 +1,102 @@
import { useAuth } from "../../hooks"; import { useAuth } from "../../hooks";
import { useState } from "react"; import { useState, useEffect } from "react";
import "./Profile.scss"; import "./Profile.scss";
import { updateUser, deleteUser, logout } from "../../api";
import StylizedBtn from "../../components/StylizedBtn/StylizedBtn";
import passwordCheck from "../../services/password";
//Bilouuuuuuu94!@@ //Bilouuuuuuu94!@@
export default function Profile() { export default function Profile() {
const { user } = useAuth(); const { user } = useAuth();
const [username, setUsername] = useState(""); const [username, setUsername] = useState("");
const [oldPUsername, setOldPUsername] = useState(""); const [pUsername, setPUsername] = useState("");
const [oldPPassword, setOldPPassword] = useState(""); const [oldPPassword, setOldPPassword] = useState("");
const [password, setPassword] = useState(""); const [password, setPassword] = useState("");
const [confirmPassword, setConfirmPassword] = useState(""); const [confirmPassword, setConfirmPassword] = useState("");
useEffect(() => {
if (!user.user.username) {
console.log("pas de login");
}
});
const handleUsername = (e) => { const handleUsername = (e) => {
setUsername(e.target.value); setUsername(e.target.value);
}; };
const handlePUsername = (e) => {
setPUsername(e.target.value);
};
const handlePassword = (e) => { const handlePassword = (e) => {
setPassword(e.target.value); setPassword(e.target.value);
}; };
const handleConfirmPassword = (e) => { const handleConfirmPassword = (e) => {
setConfirmPassword(e.target.value); setConfirmPassword(e.target.value);
}; };
const handleOldPUsername = (e) => {
setOldPUsername(e.target.value);
};
const handleOldPPassword = (e) => { const handleOldPPassword = (e) => {
setOldPPassword(e.target.value); setOldPPassword(e.target.value);
}; };
// TODO: Faire la paire de fonction const handleSubmitPassword = () => {
const handleSubmitPassword = () => {}; if (!passwordCheck(password, confirmPassword)) {
const handleSubmitUsername = () => {}; alert(
"Verifiez que les mdps sont identiques, contiennent au moins un caractere special, font au moins 8 characteres",
);
return;
}
updateUser({
username: user.user.username,
password: password,
confirmation: confirmPassword,
old_password: oldPPassword,
_id: user.user._id,
}).then((res) => {
logout().then((_) => {
window.location.reload();
});
console.log(res);
console.log(oldPPassword, password, confirmPassword);
});
};
const handleSubmitUsername = () => {
updateUser({
username: username,
password: pUsername,
confirmation: pUsername,
old_password: pUsername,
_id: user.user._id,
}).then((res) => {
console.log(res);
console.log(username, pUsername);
});
};
const handleDeleteUser = () => {
deleteUser(user.user._id).then((_) => {
logout().then((res) => {
window.location.reload();
});
});
};
return ( return (
<div id="profile-container"> <div id="profile-container">
<div id="title-container"> <div id="title-container">
<h3 id="title"> <span id="title">
Heureux de vous voir <b>{user.user.username}</b> ! Heureux de vous voir <b>{user.user.username}</b> !
</h3> </span>
<button onClick={null}>Supprimer mon compte</button> <StylizedBtn
perso_style={{
width: "100px",
height: "50px",
background: "red",
fontWeight: "bold",
}}
handle={handleDeleteUser}
text="Supprimer mon compte"
/>
</div> </div>
<div className="profile-modifier-container"> <div className="profile-modifier-container">
@ -47,46 +104,42 @@ export default function Profile() {
<input <input
className="profile-modifier-ipt" className="profile-modifier-ipt"
type="password" type="text"
placeholder="Ancien mot de passe" placeholder="Nouveau pseudo"
onChange={handleOldPUsername} onChange={handleUsername}
/> />
<input <input
className="profile-modifier-ipt" className="profile-modifier-ipt"
type="text" type="password"
placeholder="Nouveau nom" placeholder="Mot de passe"
onChange={handleUsername} onChange={handlePUsername}
/> />
<button>OK</button> <StylizedBtn handle={handleSubmitUsername} text="OK" />
</div> </div>
<div className="profile-modifier-container"> <div className="profile-modifier-container">
<span className="profile-modifier-title">Change ton mot de passe</span> <span className="profile-modifier-title">Change ton mot de passe</span>
<input <input
className="profile-modifier-ipt" className="profile-modifier-ipt"
type="password" type="password"
placeholder="Ancien mot de passe" placeholder="Ancien mot de passe"
onChange={handleOldPPassword} onChange={handleOldPPassword}
/> />
<input <input
className="profile-modifier-ipt" className="profile-modifier-ipt"
type="password" type="password"
placeholder="Nouveau mot de passe" placeholder="Nouveau mot de passe"
onChange={handlePassword} onChange={handlePassword}
/> />
<input <input
className="profile-modifier-ipt" className="profile-modifier-ipt"
type="password" type="password"
placeholder="Confirmation" placeholder="Confirmation"
onChange={handleConfirmPassword} onChange={handleConfirmPassword}
/> />
<StylizedBtn handle={handleSubmitPassword} text="OK" />
<button>OK</button>
</div> </div>
</div> </div>
); );

16
src/pages/profile/Profile.scss
View File

@ -1,3 +1,5 @@
@import "../../assets/styles/vars.scss";
#profile-container { #profile-container {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@ -7,12 +9,21 @@
margin-top: 15px; margin-top: 15px;
#title-container { #title-container {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 20px;
#title { #title {
} }
.stylized-btn {
}
} }
.profile-modifier-container { .profile-modifier-container {
border: 1px dashed rgb(61, 61, 61); border: 1px dashed $good_black;
width: 450px; width: 450px;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@ -20,13 +31,14 @@
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
gap: 10px; gap: 10px;
border-radius: $my_border_rad;
@media (max-width: 770px) { @media (max-width: 770px) {
width: 80%; width: 80%;
} }
.profile-modifier-title { .profile-modifier-title {
color: rgb(49, 49, 49); color: $black_text;
font-weight: bold; font-weight: bold;
} }

34
src/pages/room/Room.jsx
View File

@ -4,6 +4,7 @@ import { getRoom } from "../../api";
import "./Room.scss"; import "./Room.scss";
import AddBtn from "../../components/AddBtn/AddBtn"; import AddBtn from "../../components/AddBtn/AddBtn";
import { createItem, deleteItem, updateItem } from "../../api/"; import { createItem, deleteItem, updateItem } from "../../api/";
import StylizedBtn from "../../components/StylizedBtn/StylizedBtn";
export default function Room() { export default function Room() {
const { id } = useParams(); const { id } = useParams();
@ -14,11 +15,13 @@ export default function Room() {
useEffect(() => { useEffect(() => {
getRoom(id).then((res) => { getRoom(id).then((res) => {
console.log(res);
setData(res); setData(res);
}); });
}, []); }, []);
const handleFormUpdateDataChange = (e, name) => { const handleFormUpdateDataChange = (e, name) => {
console.log(e.target.value);
const cpy = { ...formUpdateData }; const cpy = { ...formUpdateData };
cpy[name] = cpy[name] =
name === "purchaseDate" name === "purchaseDate"
@ -40,7 +43,6 @@ export default function Room() {
delete cpy.user; delete cpy.user;
delete cpy.updatedAt; delete cpy.updatedAt;
delete cpy.__v; delete cpy.__v;
delete cpy.description;
setFormUpdateData(cpy); setFormUpdateData(cpy);
} }
@ -106,6 +108,8 @@ export default function Room() {
</div> </div>
) : null} ) : null}
{isInForm || isInFormUpdate ? <div id="blur"></div> : null}
{data.items && data.items.length > 0 ? ( {data.items && data.items.length > 0 ? (
<div id="items-container"> <div id="items-container">
{data.items.map((e, i) => ( {data.items.map((e, i) => (
@ -159,7 +163,7 @@ export default function Room() {
</div> </div>
<div className="item-price-container"> <div className="item-price-container">
Montant ➜<span className="item-price">&nbsp;{e.price}$</span> Montant ➜<span className="item-price">&nbsp;{e.price}e</span>
</div> </div>
<div className="item-buy-date-container"> <div className="item-buy-date-container">
@ -239,6 +243,13 @@ export default function Room() {
type="text" type="text"
placeholder={formUpdateData.model} placeholder={formUpdateData.model}
/> />
<input
onChange={(e) => {
handleFormUpdateDataChange(e, "description");
}}
type="text"
placeholder={formUpdateData.description}
/>
<input <input
onChange={(e) => { onChange={(e) => {
handleFormUpdateDataChange(e, "price"); handleFormUpdateDataChange(e, "price");
@ -251,6 +262,9 @@ export default function Room() {
handleFormUpdateDataChange(e, "purchaseDate"); handleFormUpdateDataChange(e, "purchaseDate");
}} }}
type="date" type="date"
min="1900-01-01"
max="2100-01-01"
value={`${new Date(formUpdateData.purchaseDate).toISOString().split("T")[0].replace(/-/g, "-")}`}
/> />
<input <input
onChange={(e) => { onChange={(e) => {
@ -261,12 +275,16 @@ export default function Room() {
/> />
<div id="actions"> <div id="actions">
<button className="actions-btn" onClick={handleFormUpdate}> <StylizedBtn
Annuler perso_style={{ width: "75px" }}
</button> text={"Annuler"}
<button onClick={handleSubmitUpdate} className="actions-btn"> handle={handleFormUpdate}
Confirmer />
</button> <StylizedBtn
perso_style={{ width: "75px" }}
text={"Confirmer"}
handle={handleSubmitUpdate}
/>
</div> </div>
</div> </div>
</div> </div>

40
src/pages/room/Room.scss
View File

@ -1,8 +1,20 @@
@import "../../assets/styles/vars.scss";
#room-container { #room-container {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
width: 100%; width: 100%;
height: 100%;
#blur {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
filter: blur(30px);
background: $primary;
z-index: 99;
}
#items-container { #items-container {
margin-top: 20px; margin-top: 20px;
@ -18,7 +30,7 @@
.item-container { .item-container {
padding: 10px; padding: 10px;
gap: 10px; gap: 10px;
border: 1px dashed rgb(54, 54, 54); border: 1px dashed $good_black;
width: 370px; width: 370px;
border-radius: 6px; border-radius: 6px;
height: 370px; height: 370px;
@ -41,7 +53,7 @@
border: none; border: none;
&:hover { &:hover {
background-color: orange; background-color: $orange;
cursor: pointer; cursor: pointer;
} }
} }
@ -53,8 +65,8 @@
border: none; border: none;
&:hover { &:hover {
background: red; background: $red;
color: white; color: $white;
font-weight: bold; font-weight: bold;
cursor: pointer; cursor: pointer;
} }
@ -82,12 +94,12 @@
.item-image { .item-image {
width: 200px; width: 200px;
box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px; box-shadow: $shadow_box_def;
} }
} }
.item-no-img { .item-no-img {
color: red; color: $red;
} }
.item-description-container { .item-description-container {
@ -96,7 +108,7 @@
width: 100%; width: 100%;
.item-description { .item-description {
color: black; color: $black;
font-weight: bold; font-weight: bold;
} }
} }
@ -125,18 +137,21 @@
#form-container, #form-container,
#form-update-container { #form-update-container {
border: 1px solid black; z-index: 9999;
border: 1px solid $black;
width: 300px; width: 300px;
height: 400px; height: 400px;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
position: fixed; position: fixed;
justify-content: center;
gap: 20px; gap: 20px;
padding: 20px; padding: 20px;
top: 50%; top: 50%;
left: 50%; left: 50%;
transform: translate(-50%, -50%); transform: translate(-50%, -50%);
background: white; border-radius: $my_border_rad;
background: $white;
#form-closure-container { #form-closure-container {
position: absolute; position: absolute;
@ -149,11 +164,12 @@
width: 100%; width: 100%;
height: 100%; height: 100%;
border: none; border: none;
border-top-right-radius: $my_border_rad;
&:hover { &:hover {
background: red; background: $red;
cursor: pointer; cursor: pointer;
color: white; color: $white;
font-weight: bold; font-weight: bold;
} }
} }

34
src/pages/rooms/Rooms.jsx
View File

@ -2,14 +2,18 @@ import "./Rooms.scss";
import { useState, useEffect } from "react"; import { useState, useEffect } from "react";
import { createRoom, getRooms, deleteRoom } from "../../api"; import { createRoom, getRooms, deleteRoom } from "../../api";
import { Link } from "react-router-dom"; import { Link } from "react-router-dom";
import { MagnifyingGlass } from "react-loader-spinner";
export default function Rooms() { export default function Rooms() {
const [rooms, setRooms] = useState([]); const [rooms, setRooms] = useState(null);
const [isLoad, setIsLoad] = useState(true);
const [isErr, setIsErr] = useState(false);
const onClickCreate = () => { const onClickCreate = () => {
const name = prompt("Nom de la piece ?"); const name = prompt("Nom de la piece ?");
createRoom(name).then((res) => { createRoom(name).then((res) => {
setIsErr(false);
const values = [...rooms]; const values = [...rooms];
values.push(res); values.push(res);
setRooms(values); setRooms(values);
@ -22,7 +26,7 @@ export default function Rooms() {
"non", "non",
); );
if (confirmation.toLocaleLowerCase() !== "oui") return; if (!confirmation || !confirmation.toLocaleLowerCase() !== "oui") return;
deleteRoom(id).then((res) => { deleteRoom(id).then((res) => {
const values = rooms.filter((e) => e._id !== id); const values = rooms.filter((e) => e._id !== id);
@ -32,15 +36,18 @@ export default function Rooms() {
useEffect(() => { useEffect(() => {
getRooms().then((res) => { getRooms().then((res) => {
if (res.length === 0) {
setIsLoad(false);
setIsErr(true);
}
setRooms(res); setRooms(res);
}); });
}, []); }, []);
return ( return (
<div id="rooms-container"> <div id="rooms-container">
{rooms.length === 0 ? ( {rooms ? (
<span id="err-no-rooms">Aucune piece enregistree</span>
) : (
<div id="rooms-list-container"> <div id="rooms-list-container">
{rooms.map((i, j) => ( {rooms.map((i, j) => (
<div className="room" key={j}> <div className="room" key={j}>
@ -75,8 +82,25 @@ export default function Rooms() {
</div> </div>
))} ))}
</div> </div>
) : (
<div>
<MagnifyingGlass
visible={isLoad}
height="100"
width="100"
ariaLabel="magnifying-glass-loading"
wrapperStyle={{}}
wrapperClass="magnifying-glass-wrapper"
glassColor="#ffffff"
color="#7B6A9C"
/>
</div>
)} )}
{isErr && !isLoad ? (
<span id="err-no-rooms">Vous n'avez pas de piece pour le moment !</span>
) : null}
<div id="rooms-add-container"> <div id="rooms-add-container">
<div id="rooms-text-on">Creer une nouvelle piece</div> <div id="rooms-text-on">Creer une nouvelle piece</div>
<button id="add-rooms" onClick={onClickCreate}> <button id="add-rooms" onClick={onClickCreate}>

20
src/pages/rooms/Rooms.scss
View File

@ -1,3 +1,5 @@
@import "../../assets/styles/vars.scss";
#rooms-container { #rooms-container {
height: 100%; height: 100%;
width: 100%; width: 100%;
@ -5,7 +7,7 @@
#err-no-rooms { #err-no-rooms {
height: 100%; height: 100%;
display: flex; display: flex;
color: red; color: $red;
font-weight: bold; font-weight: bold;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
@ -26,7 +28,8 @@
justify-content: center; justify-content: center;
align-items: center; align-items: center;
flex-direction: column; flex-direction: column;
border: 1px dashed rgb(54, 54, 54); border: 1px dashed $good_black;
border-radius: $my_border_rad;
position: relative; position: relative;
&:hover { &:hover {
@ -41,8 +44,9 @@
position: absolute; position: absolute;
top: 0; top: 0;
right: 0; right: 0;
background: red; background: $red;
display: none; display: none;
border-top-right-radius: $my_border_rad;
.room-delete-ascii { .room-delete-ascii {
display: flex; display: flex;
@ -50,7 +54,7 @@
height: 100%; height: 100%;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
color: white; color: $white;
font-weight: bold; font-weight: bold;
} }
} }
@ -95,8 +99,8 @@
#rooms-text-on { #rooms-text-on {
width: 100px; width: 100px;
background: rgb(123, 106, 156); background: $primary;
color: white; color: $white;
display: none; display: none;
} }
@ -106,8 +110,8 @@
height: 40px; height: 40px;
border-radius: 50px; border-radius: 50px;
border: none; border: none;
background: rgb(123, 106, 156); background: $primary;
color: white; color: $white;
font-size: 1em; font-size: 1em;
font-weight: bold; font-weight: bold;

17
src/router.jsx
View File

@ -6,12 +6,13 @@ import Room from "./pages/room/Room";
import { Home, Login, Register } from "./pages"; import { Home, Login, Register } from "./pages";
export const Router = () => ( export const Router = () => (
<Routes> <Routes>
<Route index element={<Home />} /> <Route index element={<Home />} />
<Route path="login" element={<Login />} /> <Route path="login" element={<Login />} />
<Route path="register" element={<Register />} /> <Route path="register" element={<Register />} />
<Route path="rooms" element={<Rooms />} /> <Route path="rooms/" element={<Rooms />} />
<Route path="room/:id" element={<Room />} /> {/* maybe <Route path="rooms/:page" element={<Rooms />} /> */}
<Route path="profile" element={<Profile />} /> <Route path="room/:id" element={<Room />} />
</Routes> <Route path="profile" element={<Profile />} />
</Routes>
); );

31
src/services/password.js Normal file
View File

@ -0,0 +1,31 @@
export default function passwordCheck(p1, p2) {
const specialChars = [
"@",
"#",
"$",
"%",
"!",
"0",
"1",
"2",
"3",
"4",
"5",
"6",
"7",
"8",
"9",
];
const containsLetter = /[a-zA-Z]/.test(p1);
const containsDigit = /[0-9]/.test(p1);
const containsSpecialChar = specialChars.some((char) => p1.includes(char));
return (
p1 === p2 &&
p1.length >= 8 &&
containsLetter &&
containsDigit &&
containsSpecialChar
);
}

2355
test.json
View File

File diff suppressed because it is too large Load Diff