Modification du css et de la vue du formulaire de connexion pour prendre en compte le design

f1d582fe · vbochet · a4ec6501 · f1d582fe · f1d582fe
--- a/app/view/Connexion/displayForm.html
+++ b/app/view/Connexion/displayForm.html
 <?php session_start(); ?>
-<!DOCTYPE html>
-<html>
-<head>
-	<meta charset="utf-8"/>
-	<title>Formulaire de connexion</title>
-</head>
-<body>
-	<header>
-		<h1>Connexion au site</h1>
-	</header>
+<?php $page_title = "Formulaire de connexion"; 
+		$RACINE = ".."; ?>
+<?php include(ROOT."/app/view/Includes/header.include.html"); ?>
+
+
 	<?php if(isset($_SESSION['connexionErrCode'])) { // si message d'erreur
 		$errCode = $_SESSION['connexionErrCode'];
-		$errMsg = ($errCode == 0) ? '<h3 style="color:red;">Identifiant inconnu !</h3>' : '<h3 style="color:red;">Mauvais mot de passe !</h3>'; // on détermine le message à afficher
-		echo $errMsg; // on affiche le message
+		$errMsg = ($errCode == 0) ? '<h3>Identifiant inconnu !</h3>' : '<h3>Mauvais mot de passe !</h3>'; // on détermine le message à afficher
+		echo '<article class="msg-erreur">'.$errMsg.'</article>'; // on affiche le message
 		unset($_SESSION['connexionErrCode']); // on retire la variable de session
 	} ?>
-	<form method="post" action="connexion/verify">
-		<label for="login">Login : </label><input type="text" name="login" id="login" /><br/>
-		<label for="password">Password : </label><input type="password" name="password" id="password" /><br/>
-		<input type="submit" value="Connexion" />
-	</form>
-	<footer>
-		<p>Le pied de page</p>
-	</footer>
-</body>
-</html>
+	
+    <article>
+        <h2>Formulaire de connexion</h2>
+        <div class="connexion-form">
+        <form  method="post" action="connexion/verify">
+            <label for="login">Login : </label><input type="text" name="login" id="login" /><br/>
+			<label for="password">Password : </label><input type="password" name="password" id="password" /><br/>
+            <input type="checkbox" id="stayC" name="stayC" value="checket"><label for="stayC">Rester connecté</label><br />
+			<div class="submit">
+				<input type="reset" name="reset" value="Réinitialiser">
+				<input type="submit" name="submit" value="Se connecter">
+			</div>
+        </form>
+        </div>
+    </article>
+
+<?php include(ROOT."/app/view/Includes/footer.include.html"); ?>
--- a/app/view/Includes/css/style.css
+++ b/app/view/Includes/css/style.css
@@ -42,9 +42,8 @@ article{
    width:100%;
    background:white;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
-    padding-bottom: 20px;
-    padding-top: 20px;
    box-sizing: border-box;
+	padding: 20px;
 }


@@ -209,6 +208,20 @@ header a:hover, footer a:hover{
 }


+label {
+	display: block;
+	min-width: 140px;
+	float: left;
+}
+
+div.submit {
+	text-align:center;
+}
+
+div.submit  input[type=submit], div.submit  input[type=reset] {
+	margin-left:5px;
+	margin-right:5px;
+}

 .connexion-form{
    margin: auto;
@@ -239,9 +252,6 @@ header a:hover, footer a:hover{
    box-shadow: 0 6px 20px 2px black;
 }

-article {
-	padding: 10px;
-}
 article h1{
    text-align:  center;
 	font-size: 2em;
@@ -251,6 +261,11 @@ article h2{
    text-align:  center;
 }

+.msg-erreur {
+	color: white;
+	background-color: red;
+}
+
 .classement-card{
    width:100%;
    background:white;
@@ -280,6 +295,8 @@ article h2{
    width: 50px;
    border-radius: 100%;
 }
+
+
 @media only screen and (min-width: 600px) {
    /* For tablets: */
    .col-m-1 {width: 8.33%;}