Création des pages d'accueil utilisateur et administrateur

Tendry-Rkt56 · Jul 19, 2024 · 1d01e9b · 1d01e9b
1 parent f05758b
commit 1d01e9b
Show file tree

Hide file tree

Showing 22 changed files with 757 additions and 212 deletions.
diff --git a/assets/script/header.js b/assets/script/header.js
@@ -12,7 +12,7 @@ const select = document.getElementById('select')
 
 if (select) {
 	select.addEventListener('change', (e) => {
-		if (e.target.value == "admin") window.location.href = "/admin/medicament"
-		else window.location.href = "/users/medicament"
+		if (e.target.value == "admin") window.location.href = "/"
+		else window.location.href = "/users"
 	})
 }	
diff --git a/assets/styles/admin.css b/assets/styles/admin.css
@@ -10,7 +10,7 @@
 :root {
 	--poppins: 'Poppins', sans-serif;
 	--lato: 'Lato', sans-serif;
-  --green: #1cc88a;
+     --green: #1cc88a;
 	--light: #f7f7f7;
 	--blue: #3C91E6;
 	--light-blue: #CFE8FF;
@@ -89,55 +89,6 @@
   color:green;
 }
 
-.cards {
-  display: flex;
-  justify-content: space-between;
-  flex-wrap: wrap;
-  margin: 20px 0;
-}
-
-.card {
-  flex: 1;
-  margin: 10px;
-  padding: 20px;
-  border-radius: 10px;
-  color: #fff;
-  text-align: center;
-  box-shadow: 0 2px 5px rgba(0,0,0,0.1);
-}
-
-.card.blue {
-  background-color: #4e73df;
-}
-
-.card.light-blue {
-  background-color: #36b9cc;
-}
-
-.card.purple {
-  background-color: #6f42c1;
-}
-
-.card.green {
-  background-color: #1cc88a;
-}
-
-.card h3 {
-  color: #fff;
-  margin-top: 0;
-  font-size: 1.2em;
-}
-
-.card p {
-  color: #fff;
-  font-size: 2em;
-  margin: 10px 0;
-}
-
-.card span {
-  color: #fff;
-  font-size: 0.9em;
-}
 
 .sidebar.active{
   width: 60px;
@@ -280,97 +231,6 @@ nav .profile-details i{
   color: #333;
 }
 
-.dashboards{
-  position: absolute;
-  top:20%;
-  min-height: 100vh;
-  width: calc(100% - 240px);
-  left: 240px;
-  transition: all 0.5s ease;
-}
-
-
-.table-data {
-  position:relative;
-  left:1%;
-	display: flex;
-	flex-wrap: wrap;
-	grid-gap: 24px;
-	margin-top: 24px;
-	width: 100%;
-	color: var(--dark);
-}
-.table-data > div {
-	border-radius: 20px;
-	background: var(--light);
-	padding: 24px;
-	overflow-x: auto;
-}
-.table-data .head {
-	display: flex;
-	align-items: center;
-	grid-gap: 16px;
-	margin-bottom: 24px;
-}
-.table-data .head h3 {
-	margin-right: auto;
-	font-size: 24px;
-	font-weight: 600;
-}
-.table-data .head .bx {
-	cursor: pointer;
-}
-
-.table-data .order {
-	flex-grow: 1;
-	flex-basis: 500px;
-}
-.table-data .order table {
-	width: 100%;
-	border-collapse: collapse;
-}
-.table-data .order table th {
-	padding-bottom: 12px;
-	font-size: 13px;
-	text-align: left;
-	border-bottom: 1px solid var(--grey);
-}
-.table-data .order table td {
-	padding: 16px 0;
-}
-.table-data .order table tr td:first-child {
-	display: flex;
-	align-items: center;
-	grid-gap: 12px;
-	padding-left: 6px;
-}
-.table-data .order table td img {
-	width: 36px;
-	height: 36px;
-	border-radius: 50%;
-	object-fit: cover;
-}
-.table-data .order table tbody tr:hover {
-	background: var(--grey);
-}
-.table-data .order table tr td .status {
-	font-size: 10px;
-	padding: 6px 16px;
-	color: var(--light);
-	border-radius: 20px;
-	font-weight: 700;
-}
-.table-data .order table tr td .status.completed {
-	background: var(--green);
-}
-.table-data .order table tr td .status.process {
-	background: var(--yellow);
-}
-.table-data .order table tr td .status.pending {
-	background: var(--orange);
-}
-
-
 /* Responsive Media Query */
 @media (max-width: 1240px) {
   .sidebar{

diff --git a/assets/styles/header.css b/assets/styles/header.css
@@ -74,63 +74,6 @@
 .profile-details i{
   font-size: 25px;
   color: #333;
-}
-
-.dashboards {
-     position: absolute;
-     top:50%;
-     left:50%;
-     transform: translate(-50%, -50%);
-     width:80%;
-}
-
-.cards {
-     display: flex;
-     justify-content: space-between;
-     flex-wrap: wrap;
-     margin: 20px 0;
-}
-
-.card {
-     flex: 1;
-     margin: 10px;
-     padding: 20px;
-     border-radius: 10px;
-     color: #fff;
-     text-align: center;
-     box-shadow: 0 2px 5px rgba(0,0,0,0.1);
-}
-
-.card.blue {
-     background-color: #4e73df;
-}
-
-.card.light-blue {
-     background-color: #36b9cc;
-}
-
-.card.purple {
-     background-color: #6f42c1;
-}
-
-.card.green {
-     background-color: #1cc88a;
-}
-
-.card h3 {
-     color: #fff;
-     margin-top: 0;
-     font-size: 1.2em;
-}
-
-.card p {
-     color: #fff;
-     font-size: 2em;
-     margin: 10px 0;
-}
-
-.card span {
-  color: #fff;
-  font-size: 0.9em;
+
 }