maxence.lanone
/
JTT_CrM_test_ci
forked from CRM_Production/JTT_CrM
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merge branch 'master' of https://codefirst.iut.uca.fr/git/maxence.lanone/JTT_CrM

Browse Source
master
Clément VERDOIRE 3 years ago
parent 6955a5ca7d 15a97ca3b7
commit 950309e8d0
8 changed files with 325 additions and 337 deletions
Show Stats Download Patch File Download Diff File

510
server-api/package-lock.json generated
View File

File diff suppressed because it is too large Load Diff

7
server-api/package.json
Unescape View File

@ -1,7 +1,6 @@
{
"name": "server-api",
"version": "1.0.0",
"description": "",
"main": "index.js",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1"
@ -10,16 +9,14 @@
"author": "",
"license": "ISC",
"dependencies": {
"axios": "^1.1.3",
"body": "^5.1.0",
"body-parser": "^1.20.1",
"corps": "^0.1.0",
"cors": "^2.8.5",
"express": "^4.18.2",
"mysql": "^2.18.1",
"nodemon": "^2.0.20",
"parser": "^0.1.4"
},
"devDependencies": {
"nodemon": "^2.0.20"
}
"description": ""
}

2
src/App.js
Unescape View File

@ -5,6 +5,7 @@ import Connexion from './pages/Connexion';
import Admin from './pages/Admin.js';
import Admin_modif from './pages/Admin_modif.js';
import Admin_supp from './pages/Admin_supp.js';
import Dashboard from './pages/Dashboard';
const App = () => {
return (
@ -15,6 +16,7 @@ const App = () => {
<Route path="/Account" element={<Compte />} />
<Route path="/Admin_modif" element={<Admin_modif />} />
<Route path="/Admin_supp" element={<Admin_supp />} />
<Route path="/Dashboard" element={<Dashboard />} />
</Routes>
</BrowserRouter>
);

6
src/components/NavigationAdmin.js
Unescape View File

@ -7,13 +7,13 @@ const NavigationAdmin = () => {
<div className="nav_bar_verticale">
<img className="logo" srcSet="./LogoApp.svg"></img>
<NavLink className="create_user" to="/Admin">
<button id="user" className="bouton" type="button" value="Créer un utilisateur" onClick="Create_user()">Créer utilisateur</button>
<button id="user" className="bouton" type="button" value="Créer un utilisateur">Créer utilisateur</button>
</NavLink>
<NavLink className="modify_user" to="/Admin_modif">
<button id="user" className="bouton" type="button" value="Modifier un utilisateur" /*onClick="Modify_user()"*/>Modifier utilisateur</button>
<button id="user" className="bouton" type="button" value="Modifier un utilisateur">Modifier utilisateur</button>
</NavLink>
<NavLink className="delete_user" to="/Admin_supp">
<button id="user" className="bouton" type="button" value="Supprimer un utilisateur" /*onClick="Delete_user()"*/>Supprimer utilisateur</button>
<button id="user" className="bouton" type="button" value="Supprimer un utilisateur">Supprimer utilisateur</button>
</NavLink>
</div>

16
src/pages/Admin.js
Unescape View File

@ -40,20 +40,4 @@ const Admin = () => {
);
};
function Create_user() {
document.getElementById("user").onclick = function() {Create_user()};
document.location.href = "http://localhost:3000/";
}
function Modify_user(){
document.getElementById("user").onclick = function() {Modify_user()};
document.location.href = "http://localhost:3000/";
}
/*function Delete_user(){
//document.getElementById("user").onclick = function() {Delete_user()};
document.location = './pages/Admin_supp';
console.log(document.location);
}*/
export default Admin;

4
src/pages/Connexion.js
Unescape View File

@ -1,6 +1,8 @@
import axios from 'axios'
import React, { useState } from 'react';
import CryptoJS from 'crypto-js';
import { NavLink } from 'react-router-dom';
import Admin from './Admin.js'
const api = axios.create({
baseURL: 'http://localhost:8080'
@ -52,7 +54,7 @@ function Connexion() {
if (auth === "Succeed") {
return(
<div>My CRM</div>
<Admin/>
);
}
else {

29
src/pages/Dashboard.js
Unescape View File

@ -0,0 +1,29 @@
import React from 'react';
const Dashboard = () => {
return (
<body className='corps_page_dashboard'>
<link rel="stylesheet" href="https://unicons.iconscout.com/release/v4.0.0/css/line.css"></link>
<div className='page_principale'>
{/* Create a principal page */}
<div className="haut_de_page">
<h2 className="titre">Dashboard</h2>
<div className="rechLogo">
<div className="input_box">
<input type="search" placeholder="Rechercher..."/>
<span className="search">
<i class="uil uil-search search-icon"></i>
</span>
</div>
</div>
<img className="logo" srcSet="./LogoApp.svg"/>
</div>
</div>
</body>
);
};
export default Dashboard;

88
src/styles/components/_dashboard.scss
Unescape View File

@ -0,0 +1,88 @@
.corps_page_dashboard{
background-image: url("../../../public/fond_page_connexion.png");
.page_principale {
display: flex;
flex-direction: column;
justify-content: space-evenly;
width: auto;
height: 100vh;
.haut_de_page {
display: flex;
flex-direction: row;
justify-content: space-between;
padding: 50px;
width: auto;
height: 10%;
align-items: center;
margin: 10px 10px 5px 10px;
background: rgba(255, 255, 255, 0.3);
border-radius: 15px;
box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
backdrop-filter: blur(3px);
-webkit-backdrop-filter: blur(15px);
.titre {
font-size: 40px;
}
.rechLogo {
display: flex;
flex-direction: row;
justify-content: space-between;
.input_box {
display: flex;
justify-content: center;
align-items: center;
position: relative;
height: 40px;
max-width: 350px;
width: 100%;
margin: 30px 30px;
border-radius: 25px;
box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
input {
position: relative;
width: 100%;
height: 100%;
padding: 0 15px 0 65px;
outline: none;
border: none;
border-radius: 25px;
font-size: 16px;
font-weight: 400;
color: #333;
}
.search {
display: flex;
align-items: center;
justify-content: center;
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 60px;
border-radius: 25px 0 0 25px;
.search-icon {
font-size: 30px;
color: black;
}
}
}
.logo {
display: flex;
width: 100px;
height: 100px;
}
}
}
}
}
Write Preview
Loading…
Cancel
Save