Browse Source

Ajout page settings

Arthur Brandao 5 years ago
parent
commit
8240760acb
4 changed files with 205 additions and 48 deletions
  1. 2 2
      WebContent/index.html
  2. 2 2
      WebContent/inscription.jsp
  3. 96 44
      WebContent/settings/index.html
  4. 105 0
      settings.html

+ 2 - 2
WebContent/index.html

@@ -28,7 +28,7 @@
                 <ul class="right mright-2 hide-on-med-and-down">
                     <li><a href="#abonne">Abonn&eacute;s</a></li>
                     <li><a href="inscription.jsp">Inscription</a></li>
-                    <li><a href="#param">Param&eacute;trage espace</a></li>
+                    <li><a href="settings">Param&eacute;trage espace</a></li>
                 </ul>
             </div>
         </nav>
@@ -44,7 +44,7 @@
         </li>
         <li><a href="#abonne">Abonn&eacute;s</a></li>
         <li><a href="inscription.jsp">Inscription</a></li>
-        <li><a href="#param">Param&eacute;trage espace</a></li>
+        <li><a href="settings">Param&eacute;trage espace</a></li>
     </ul>
     <div class="mtop-5 hide-on-med-and-down"></div>
 

+ 2 - 2
WebContent/inscription.jsp

@@ -31,7 +31,7 @@
                 <ul class="right mright-2 hide-on-med-and-down">
                     <li><a href="#abonne">Abonn&eacute;s</a></li>
                     <li class="active"><a href="inscription.jsp">Inscription</a></li>
-                    <li><a href="#param">Param&eacute;trage espace</a></li>
+                    <li><a href="settings">Param&eacute;trage espace</a></li>
                 </ul>
             </div>
         </nav>
@@ -47,7 +47,7 @@
         </li>
         <li><a href="#abonne">Abonn&eacute;s</a></li>
         <li class="active"><a href="inscription.jsp">Inscription</a></li>
-        <li><a href="#param">Param&eacute;trage espace</a></li>
+        <li><a href="settings">Param&eacute;trage espace</a></li>
     </ul>
     <div class="mtop-5 hide-on-med-and-down"></div>
 

+ 96 - 44
WebContent/settings/index.html

@@ -1,53 +1,105 @@
 <!DOCTYPE html>
-
-
-
-<html xmlns="http://www.w3.org/1999/xhtml">
+<html>
 
 <head>
-	<meta charset="UTF-8">
-  <title>Bienvenue à microfolie</title>
-  <link rel="stylesheet" type="text/css" href="../css/style.css">
-  <link rel="stylesheet" type="text/css" href="../css/settings.css">
-  <link rel="stylesheet" type="text/css" href="../css/bootstrap/css/bootstrap.css">
-  <link rel="stylesheet" href="../css/style1.css" type="text/css"  /> 
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <link type="text/css" rel="stylesheet" href="../css/material-icons.css" />
+    <link type="text/css" rel="stylesheet" href="../css/materialize.min.css" media="screen,projection" />
+    <link type="text/css" rel="stylesheet" href="../css/style.min.css" media="screen,projection" />
+    <link rel="icon" href="../img/favicon.ico" />
+    <title>Accueil - Microfolie Lens</title>
 </head>
 
-<body>
-<div id="principal">
-    <div class="header">
-        <div class="navbar">
-        </div><!-- end navbar -->
-    </div><!-- end of header -->
-    <div class="main">
+<body class="grey lighten-3">
+    <!-- Header -->
+    <header class="navbar-fixed">
+        <nav class="red">
+            <div class="nav-wrapper">
+                <a href="../" class="brand-logo center mtop-half hide-on-med-and-down"><img src="../img/logo.png"
+                        title="Logo Microfolie" class="responsive-img" style="max-width: 128px;" /></a>
+                <a href="../" class="brand-logo center hide-on-large-only">Microfolie Lens</a>
+                <a href="#!" data-target="mobile-nav" class="sidenav-trigger"><i class="material-icons">menu</i></a>
+                <div class="left mleft-2 hide-on-med-and-down">
+                    <a href="../">
+                        <h5>Microfolie Lens</h5>
+                    </a>
+                </div>
+                <ul class="right mright-2 hide-on-med-and-down">
+                    <li><a href="#abonne">Abonn&eacute;s</a></li>
+                    <li><a href="../inscription.jsp">Inscription</a></li>
+                    <li class="active"><a href="./">Param&eacute;trage espace</a></li>
+                </ul>
+            </div>
+        </nav>
+    </header>
+    <!-- Header Mobile -->
+    <ul class="sidenav" id="mobile-nav">
+        <li class="center-align mtop-1">
+            <img src="../img/logo.png" title="Logo Microfolie" class="responsive-img" style="max-height: 150px;" />
+        </li>
+        <li class="center-align">
+            <h4>Microfolie Lens</h4>
+            <hr />
+        </li>
+        <li><a href="#abonne">Abonn&eacute;s</a></li>
+        <li><a href="../inscription.jsp">Inscription</a></li>
+        <li class="active"><a href="./">Param&eacute;trage espace</a></li>
+    </ul>
+    <div class="mtop-5 hide-on-med-and-down"></div>
+
+    <!-- Main -->
+    <main class="container">
+        <div class="row">
+            <div class="col s12 center-align">
+                <h3>Param&eacute;trage</h3>
+            </div>
+        </div>
+        <div class="row center-align">
+            <div class="col l4 m6 s12">
+                <a href="configure?espace=accueil" class="waves-effect waves-light btn-large red">Accueil</a>
+            </div>
+            <div class="col l4 m6 s12">
+                <a href="configure?espace=imprimante3D" class="waves-effect waves-light btn-large red">Imprimante 3D</a>
+            </div>
+            <div class="col l4 m6 s12">
+                <a href="configure?espace=jeux-video" class="waves-effect waves-light btn-large red">Jeux vid&eacute;os</a>
+            </div>
+        </div>
+    </main>
 
-       
-        <div class="content">
-     
-	      <main>         
-	         <div class="container">
-	            <h4 class="section-title">Nos espaces:</h4>
-	           <div>
-				<a href="http://localhost:8080/lens/settings/configure?espace=accueil"><button type="button" class="btn btn-danger btn-lg espace" >Accueil</button></a>	 
-			   </div>
-			   <div>
-				<a href="http://localhost:8080/lens/settings/configure?espace=imprimante3D"><button type="button" class="btn btn-danger btn-lg espace" >Imprimante 3D</button></a>	 
-			   </div>	           
-	         </div>	
-	      </main>
-    	</div><!-- end of main div -->
-    <div class="clear"></div>
-    <div class="footer"></div><!-- end footer div -->
-</div><!-- end of pricipal div -->
+    <!-- Footer -->
+    <footer class="page-footer red">
+        <div class="container">
+            <div class="row">
+                <div class="col l6 s12">
+                    <h5 class="white-text">Microfolie Lens</h5>
+                    <p class="grey-text text-lighten-4">Bla bla bla ...</p>
+                </div>
+                <div class="col l4 offset-l2 s12">
+                    <h5 class="white-text">Liens utiles</h5>
+                    <ul>
+                        <li><a class="grey-text text-lighten-3" href="../">Accueil</a></li>
+                        <li><a class="grey-text text-lighten-3" href="#apropos">Qui somme nous</a></li>
+                        <li><a class="grey-text text-lighten-3" href="#mention">Mentions l&eacute;gales</a></li>
+                        <li><a class="grey-text text-lighten-3" href="#contact">Contact</a></li>
+                    </ul>
+                </div>
+            </div>
+        </div>
+        <div class="footer-copyright">
+            <div class="container">
+                © 2019 Copyright Text
+                <a class="grey-text text-lighten-4 right" href="https://villedelens.fr" target="_blank">Ville de
+                    Lens</a>
+            </div>
+        </div>
+    </footer>
 
- 	  <script src="js/Chart.min.js" type="text/javascript"></script>
-      <script src="js/index.js" type="text/javascript"></script>
-      <script src="js/chart.js" type="text/javascript"></script>
-      <script src="js/bootstrap/js/bootstrap.js" type="text/javascript"></script>
-      
-      <script>
-      	
-      </script>
+    <!-- Script -->
+    <script type="text/javascript" src="../js/jquery.min.js"></script>
+    <script type="text/javascript" src="../js/materialize.min.js"></script>
+    <script type="text/javascript" src="../js/script.js"></script>
 </body>
 
-</html>
+</html>

+ 105 - 0
settings.html

@@ -0,0 +1,105 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <link type="text/css" rel="stylesheet" href="../css/material-icons.css" />
+    <link type="text/css" rel="stylesheet" href="../css/materialize.min.css" media="screen,projection" />
+    <link type="text/css" rel="stylesheet" href="../css/style.min.css" media="screen,projection" />
+    <link rel="icon" href="img/favicon.ico" />
+    <title>Accueil - Microfolie Lens</title>
+</head>
+
+<body class="grey lighten-3">
+    <!-- Header -->
+    <header class="navbar-fixed">
+        <nav class="red">
+            <div class="nav-wrapper">
+                <a href="../" class="brand-logo center mtop-half hide-on-med-and-down"><img src="img/logo.png"
+                        title="Logo Microfolie" class="responsive-img" style="max-width: 128px;" /></a>
+                <a href="../" class="brand-logo center hide-on-large-only">Microfolie Lens</a>
+                <a href="#!" data-target="mobile-nav" class="sidenav-trigger"><i class="material-icons">menu</i></a>
+                <div class="left mleft-2 hide-on-med-and-down">
+                    <a href="../">
+                        <h5>Microfolie Lens</h5>
+                    </a>
+                </div>
+                <ul class="right mright-2 hide-on-med-and-down">
+                    <li><a href="#abonne">Abonn&eacute;s</a></li>
+                    <li><a href="../inscription.html">Inscription</a></li>
+                    <li class="active"><a href="./">Param&eacute;trage espace</a></li>
+                </ul>
+            </div>
+        </nav>
+    </header>
+    <!-- Header Mobile -->
+    <ul class="sidenav" id="mobile-nav">
+        <li class="center-align mtop-1">
+            <img src="img/logo.png" title="Logo Microfolie" class="responsive-img" style="max-height: 150px;" />
+        </li>
+        <li class="center-align">
+            <h4>Microfolie Lens</h4>
+            <hr />
+        </li>
+        <li><a href="#abonne">Abonn&eacute;s</a></li>
+        <li><a href="../inscription.html">Inscription</a></li>
+        <li class="active"><a href="./">Param&eacute;trage espace</a></li>
+    </ul>
+    <div class="mtop-5 hide-on-med-and-down"></div>
+
+    <!-- Main -->
+    <main class="container">
+        <div class="row">
+            <div class="col s12 center-align">
+                <h3>Param&eacute;trage</h3>
+            </div>
+        </div>
+        <div class="row center-align">
+            <div class="col l4 m6 s12">
+                <a href="settings/configure?espace=accueil" class="waves-effect waves-light btn-large red">Accueil</a>
+            </div>
+            <div class="col l4 m6 s12">
+                <a href="settings/configure?espace=imprimante+3D" class="waves-effect waves-light btn-large red">Imprimante 3D</a>
+            </div>
+            <div class="col l4 m6 s12">
+                <a href="settings/configure?espace=jeux+video" class="waves-effect waves-light btn-large red">Jeux vid&eacute;os</a>
+            </div>
+        </div>
+    </main>
+
+    <!-- Footer -->
+    <footer class="page-footer red">
+        <div class="container">
+            <div class="row">
+                <div class="col l6 s12">
+                    <h5 class="white-text">Microfolie Lens</h5>
+                    <p class="grey-text text-lighten-4">Bla bla bla ...</p>
+                </div>
+                <div class="col l4 offset-l2 s12">
+                    <h5 class="white-text">Liens utiles</h5>
+                    <ul>
+                        <li><a class="grey-text text-lighten-3" href="../">Accueil</a></li>
+                        <li><a class="grey-text text-lighten-3" href="#apropos">Qui somme nous</a></li>
+                        <li><a class="grey-text text-lighten-3" href="#mention">Mentions l&eacute;gales</a></li>
+                        <li><a class="grey-text text-lighten-3" href="#contact">Contact</a></li>
+                    </ul>
+                </div>
+            </div>
+        </div>
+        <div class="footer-copyright">
+            <div class="container">
+                © 2019 Copyright Text
+                <a class="grey-text text-lighten-4 right" href="https://villedelens.fr" target="_blank">Ville de
+                    Lens</a>
+            </div>
+        </div>
+    </footer>
+
+    <!-- Script -->
+    <script type="text/javascript" src="../js/jquery.min.js"></script>
+    <script type="text/javascript" src="../js/materialize.min.js"></script>
+    <script type="text/javascript" src="../js/script.js"></script>
+</body>
+
+</html>