- [x] [view/users][container.scss] Barre de recherche instantannee (physiques)

css/container.scss

@@ -22,7 +22,31 @@
 		flex-wrap: wrap;
 
 		.inline-box{
-			flex: 0 1 1;
+			flex: 0 0 1;
+		}
+
+		// Barre de recherche
+		.searchbar{
+			display: inline-block;
+			position: relative;
+				width: calc( 100% - 2*1em - 2*1em );
+				margin: 1em;
+				padding: .5em 1em;
+				padding-left: 2em;
+
+				border-radius: 3px;
+				border: 1px solid #b1b1b1;
+				// box-shadow: 0 0 1px #b7b7b7;
+
+				background: #fff url('/f/svg/search/st/sub-menu-side') .5em center no-repeat;
+				background-size: 1em; 
+
+				transition: border .4s ease-in-out;
+
+				&:hover,
+				&:focus{
+					border-color: #5630ed;
+				}
 		}
 	}
 
@@ -141,8 +165,8 @@
 			.link_remove{
 				display: inline-block;
 				position: relative;
-					width: 1.2em;
+					width: 1em;
-					height: 1.2em;
+					height: 1em;
 				margin-left: 1em;
 
 				cursor: pointer;

src/static/sub-menu-side/search.svg

@@ -36,9 +36,9 @@
      fit-margin-left="0"
      fit-margin-right="0"
      fit-margin-bottom="0"
-     inkscape:zoom="0.472"
+     inkscape:zoom="7.552"
-     inkscape:cx="203.9385"
+     inkscape:cx="23.312253"
-     inkscape:cy="203.94"
+     inkscape:cy="29.420101"
      inkscape:window-x="0"
      inkscape:window-y="24"
      inkscape:window-maximized="1"
@@ -47,4 +47,4 @@
      d="m 20.374351,8.53274 c 1.536166,0.35555 2.758337,1.66381 3.11389,3.09323 0.121388,0.66837 0.70422,1.1731 1.401239,1.1731 0.781936,0 1.421901,-0.63981 1.421901,-1.42206 0,-1.02393 -0.8602,-2.58115 -2.033691,-3.74736 -1.151967,-1.13772 -2.52417,-1.9411 -3.654537,-1.9411 -0.781936,0 -1.422214,0.66133 -1.422214,1.44365 -7.8e-5,0.69647 0.504803,1.2797 1.173412,1.40054 z M 0.827055,27.17695 c -1.10274,1.10195 -1.10274,2.89412 0,3.99608 1.101957,1.10289 2.894281,1.10289 3.988725,0 l 8.170136,-8.16317 c 1.905494,1.18812 4.152845,1.87763 6.570498,1.87763 C 26.432455,24.88749 32,19.31963 32,12.44359 32,5.56778 26.432455,0 19.556414,0 12.680452,0 7.112829,5.56778 7.112829,12.44359 c 0,2.41069 0.69021,4.665 1.87771,6.5705 l -8.163484,8.16286 z m 9.841073,-14.73336 c 0,-4.90614 3.981681,-8.88829 8.888286,-8.88829 4.906606,0 8.888365,3.98215 8.888365,8.88829 0,4.90668 -3.981759,8.88837 -8.888365,8.88837 -4.906605,0 -8.888286,-3.98169 -8.888286,-8.88837 z"
      id="path3051"
      inkscape:connector-curvature="0"
-     style="fill:#010101;fill-rule:evenodd" /></svg>
+     style="fill:#b1b1b1;fill-rule:evenodd;fill-opacity:1" /></svg>

todo.md

@@ -18,6 +18,7 @@
 ########
 # FAIT #
 ########
+- [x] [view/users][container.scss] Barre de recherche instantannee (physiques)
 - [x] [view/machines+view/js/machines] Prise en compte de pageManager.vars[1] pour le suppression de machine
 - [x] [repo+css+view] Split les listes en 2 colonnes -> Finalisation 
 - [x] [repo+css+view] Split les listes en 2 colonnes

view/machines.php

@@ -66,6 +66,11 @@
 
 		// Si aucune erreur, on affiche les resultats
 		else{
+
+			// Barre de recherche
+			echo "<input type='text' class='searchbar' placeholder='Recherche'>";
+
+			// Liste des machines
 			foreach( $answer->get('machines') as $machine){
 				$clusters = new Repo('machine/getClusters', array($machine['id_machine']));
 				$clusters = $clusters->answer();

view/users.php

@@ -68,6 +68,11 @@
 
 		// Si aucune erreur, on affiche les resultats
 		else{
+
+			// Barre de recherche
+			echo "<input type='text' class='searchbar' placeholder='Recherche'>";
+
+			// Liste des utilisateurs
 			foreach( $answer->get('users') as $user){
 				$clusters = new Repo('user/getClusters', array($user['id_user']));
 				$clusters = $clusters->answer();
@@ -121,7 +126,6 @@
 
 				echo "</article>";
 			}
-			var_dump( $answer->get('users') );
 
 		}