- [x] [container.scss] Refonte mineure formulaires, charte graphique en cours

css/constants.scss

@@ -3,6 +3,6 @@ $theme-color: #e63321;
 $sub-menu-color: #5b5e63;
 
 /* FORMULAIRES */
-$form-valid-color: #2193e6;
+$form-valid-color: #19C566;
-$form-invalid-color: #e63321;
+$form-neutral-color: #2193e6;
-$form-neutral-color: #7f7f7f;
+$form-invalid-color: #d44f18;

css/container.scss

@@ -182,7 +182,7 @@
 
 				&:hover{
 					& > svg{
-						fill: #3c89e8 !important;
+						fill: $form-neutral-color !important;
 					}
 				}
 			}
@@ -193,7 +193,7 @@
 
 				&:hover{
 					& > svg{
-						fill: #d44f18 !important;
+						fill: $form-invalid-color !important;
 					}
 				}
 			}
@@ -218,24 +218,58 @@
 		/* (1) Champs de texte */
 		input[type=text],
 		input[type=mail],
-		input[type=password]{
+		input[type=password],
+		&.invalid > input[type=text],
+		&.invalid > input[type=mail],
+		&.invalid > input[type=password],
+		input.invalid[type=text],
+		input.invalid[type=mail],
+		input.invalid[type=password]{
 			display: inline-block;
 			margin: 1em 0;
-			padding: .3em .5em;
+			padding: .5em 1em;
 
-			border-radius: 0;
+			border-radius: 3px;
-			border: none;
+			border: 1px solid #d7dde8;
-			border-bottom: 1px solid transparent;
 
-			color: #000;
+
+			color: #2f3033;
 
 			&:focus{
-				border-color: $theme-color;
+				border-color: $form-invalid-color;
 			}
 		}
 
+		// Champs valides
+		&.valid > input[type=text],
+		&.valid > input[type=mail],
+		&.valid > input[type=password],
+		input.valid[type=text],
+		input.valid[type=mail],
+		input.valid[type=password]{
+			&:focus{
+				border-color: $form-valid-color;
+			}
+		}
+
+		// Champs neutres
+		&.neutral > input[type=text],
+		&.neutral > input[type=mail],
+		&.neutral > input[type=password],
+		input.neutral[type=text],
+		input.neutral[type=mail],
+		input.neutral[type=password]{
+			&:focus{
+				border-color: $form-neutral-color;
+			}
+		}
+
+
+
 		/* (2) Boutons */
-		button, button.invalid{
+		button,
+		button.invalid,
+		&.invalid > button{
 			display: inline-block;
 			position: relative;
 				left: 50%;
@@ -260,8 +294,9 @@
 		}
 
 
-
+		// Boutons valides
-		button.valid{			
+		button.valid,
+		&.valid > button{			
 			border-color: $form-valid-color;
 
 			color: $form-valid-color;
@@ -271,6 +306,19 @@
 				color: #fff;
 			}
 		}
+
+		// Boutons neutres
+		button.neutral,
+		&.neutral > button{			
+			border-color: $form-neutral-color;
+
+			color: $form-neutral-color;
+
+			&:hover{
+				background-color: $form-neutral-color;
+				color: #fff;
+			}
+		}
 	}
 
 }

todo.md

@@ -1,6 +1,8 @@
 ###########
 # A FAIRE #
 ###########
+- [ ] Prendre en compte au lieu de SERVER['HTTP_HOST'] l'hote et son dossier source
+- [ ] Gestion de l'erreur de chargement ou erreur de nav (page-manager)
 	
 ############
 # EN COURS #
@@ -11,13 +13,12 @@
 - [ ] [view/machine] Prise en compte de pageManager.vars[2] pour la modification
 - [ ] [view/machine] Prise en compte de pageManager.vars[2] pour la suppression
 
-- [ ] Prendre en compte au lieu de SERVER['HTTP_HOST'] l'hote et son dossier source
-- [ ] Gestion de l'erreur de chargement ou erreur de nav (page-manager)
 
 
 ########
 # FAIT #
 ########
+- [x] [container.scss] Refonte mineure formulaires, charte graphique en cours
 - [x] Creation de la base des managers et de l'API
 - [x] Conception des managers et de l'API
 - [x] Definir graphiquement le #CONTAINER

view/machines.php

@@ -52,10 +52,8 @@
 	$sublink = $post[0];
 
 
-
+	/* [1] Affichage des machines
-	// On recupere toutes les machines
+	=========================================================*/
-	debug();
-	
 	$request = new ModuleRequest('machineDefault/getAll'); // On utilise la methode 'getAll' du module 'machineDefault'
 	$answer = $request->dispatch();                                    // On recupere la reponse
 
@@ -128,7 +126,53 @@
 	=========================================================*/
 	echo "<section data-sublink='create'>";
 
-		echo "<form>";
+		echo "<form class='valid'>";
+			echo "<input id='create_code' type='text' placeholder='Code'><br>";
+			echo "<input id='create_name' type='text' placeholder='Name'><br>";
+			echo "<button id='create_submit'>Créer</button>";
+		echo "</form>";
+
+	echo '</section>';
+
+
+
+
+
+
+
+
+
+
+
+
+	/* [3] Suppression de machine
+	=========================================================*/
+	echo "<section data-sublink='remove'>";
+
+		echo "<form class='invalid'>";
+			echo "<input id='create_code' type='text' placeholder='Code'><br>";
+			echo "<input id='create_name' type='text' placeholder='Name'><br>";
+			echo "<button id='create_submit'>Créer</button>";
+		echo "</form>";
+
+	echo '</section>';
+
+
+
+
+
+
+
+
+
+
+
+
+	/* [4] Modification de machine
+	=========================================================*/
+	echo "<section data-sublink='edit'>";
+
+		echo "<form class='neutral'>";
 			echo "<input id='create_code' type='text' placeholder='Code'><br>";
 			echo "<input id='create_name' type='text' placeholder='Name'><br>";
 			echo "<button id='create_submit'>Créer</button>";

view/users.php

@@ -136,7 +136,7 @@
 	=========================================================*/
 	echo "<section data-sublink='create'>";
 
-		echo "<form>";
+		echo "<form class='valid'>";
 			echo "<input id='create_code'      type='text' placeholder='Code'><br>";
 			echo "<input id='create_username'  type='text' placeholder='Username'><br>";
 			echo "<input id='create_firstname' type='text' placeholder='Firstname'><br>";