From 8ecbb147298d221eeb3500fbede6d070cfbc7af1 Mon Sep 17 00:00:00 2001
From: xdrm-brackets <doowap31@gmail.com>
Date: Tue, 8 Dec 2015 09:31:51 +0100
Subject: [PATCH] CSS+JS+IFACE

---
 Consultations.php   | 10 +++++++---
 Dashboard.php       |  6 ++++--
 css/global.css      | 31 ++++++++++++++++++++++++++++---
 js/consultations.js |  4 ++--
 4 files changed, 41 insertions(+), 10 deletions(-)

diff --git a/Consultations.php b/Consultations.php
index 3b985a6..71eb667 100755
--- a/Consultations.php
+++ b/Consultations.php
@@ -57,8 +57,12 @@ if(!Authentification::checkUser(0)){
 								foreach(MedecinRepo::getAll() as $MEDECIN)
 								echo "<option value='".$MEDECIN['Id']."'>".$MEDECIN['Nom']." ".$MEDECIN['Prenom']."</option>";
 							?>
-						</select>Le médecin traitant se selectionne par défaut
-					</div>
+						</select>
+							<span>Selection du médecin pour la consultation.</span>
+							<span class='associated'>Médecin traitant du patient.</span>
+					</div><br>
+					<input type='text' placeholder='dd/mm/yyyy'>
+					<br><br>coucou
 				</article>
 
 				<article data-title="Numéro de sécurité sociale">
@@ -73,4 +77,4 @@ if(!Authentification::checkUser(0)){
 	
 		<script type='text/javascript' src='js/consultations.js'></script>
 	</body>
-</html>
+</html>
\ No newline at end of file
diff --git a/Dashboard.php b/Dashboard.php
index c88d662..72cae8d 100755
--- a/Dashboard.php
+++ b/Dashboard.php
@@ -29,7 +29,8 @@ if(!Authentification::checkUser(0)){
 				<a href='Dashboard.php' id='ICON'></a>
 				<a href='Dashboard.php'     id='dashboard' class='active'>Tableau de bord</a>
 				<a href='Consultations.php' id='consultations'>Consultations</a>
-				<a>Médecins</a>
+				<a href='Medecins.php'      id='medecin'>Gestion des médecins</a>
+				<a href='Patients.php'      id='patient'>Gestion des patients</a>
 			</nav>
 
 
@@ -40,10 +41,11 @@ if(!Authentification::checkUser(0)){
 				<!-- FIL D'ARIANE -->
 				<div id='BREADCRUMB'><a href='Dashboard.php'>Accueil</a></div>
 
+				
+
 			</section>
 
 		</div>
 	
-
 	</body>
 </html>
diff --git a/css/global.css b/css/global.css
index b1248e3..2dbd5f2 100755
--- a/css/global.css
+++ b/css/global.css
@@ -300,21 +300,46 @@ body{
 	-o-appearance: none;
 }
 
-/* .associated */
+/* <SELECT>.associated */
 #CONTAINER > article select.associated{
 	border-color: #f09108;
 }
 
+
+/* <SPAN> */
+#CONTAINER > article span{
+	margin-left: 1em;
+}
+
+
+/* SPECIFIC <SPAN> */
+#CONTAINER > article select.associated ~ span:not(.associated){
+	display: none; /* on cache le texte défault quand c'est le médecin associé */
+}
+
+#CONTAINER > article select:not(.associated) ~ span.associated{
+	display: none; /* on cache le texte associé quand c'est pas le médecin associé */
+}
+
+
+
 /* <INPUT> */
 #CONTAINER > article input{
 	/* position */
-	display: inline-block;
+	display: block;
 	position: relative;
 	margin: 1em;
 	padding: .7em;
 
 	/* border */
-	border: 1px solid #e5e5e5;	
+	border: 1px solid #e5e5e5;
+	
+	/* animation */
+	transition: all .2s ease-in-out;
+	-moz-transition: all .2s ease-in-out;
+	-webkit-transition: all .2s ease-in-out;
+	-ms-transition: all .2s ease-in-out;
+	-o-transition: all .2s ease-in-out;
 }
 
 /* @focus */
diff --git a/js/consultations.js b/js/consultations.js
index 20c9a7a..ae43762 100755
--- a/js/consultations.js
+++ b/js/consultations.js
@@ -51,8 +51,8 @@ inSecu.addEventListener('keyup', function(e){
 		if( inSecu.value[i] != ' ' && ftSecu[i] == ' ' )
 			inSecu.value = inSecu.value.slice(0, i).concat(' ').concat( inSecu.value.slice(i) );
 
-		// [4] Le numéro saisi est trop long, on le coupe
-		inSecu.value = inSecu.value.slice(0, ftSecu.length);
+		// [4] Le numéro saisi est trop long, on le coupe + enlève les espaces alentours
+		inSecu.value = inSecu.value.slice(0, ftSecu.length).trim();
 	}
 
 }, false);
\ No newline at end of file