2018-06-03 11:34:09 +02:00

1920 lines
62 KiB
Plaintext
Raw Blame History

This file contains invisible Unicode characters

This file contains invisible Unicode characters that are indistinguishable to humans but may be processed differently by a computer. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<%@ page pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<c:set var="language"
value="${not empty param.language ? param.language : not empty language ? language : pageContext.request.locale}"
scope="session" />
<fmt:setLocale value="${language}" />
<fmt:setBundle basename="mymirror.i18n.Message" />
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Theme Made By www.w3schools.com - No Copyright -->
<title>MyMirror - Made in Belgium</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet"
href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<link href="http://fonts.googleapis.com/css?family=Montserrat"
rel="stylesheet" type="text/css">
<link href="http://fonts.googleapis.com/css?family=Lato"
rel="stylesheet" type="text/css">
<script
src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script
src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script
src="https://cdnjs.cloudflare.com/ajax/libs/jquery.bootstrapvalidator/0.5.3/css/bootstrapValidator.css"></script>
<script
src="https://cdnjs.cloudflare.com/ajax/libs/jquery.bootstrapvalidator/0.5.3/css/bootstrapValidator.min.css"></script>
<script
src="https://cdnjs.cloudflare.com/ajax/libs/jquery.bootstrapvalidator/0.5.3/js/bootstrapValidator.js"></script>
<script
src="https://cdnjs.cloudflare.com/ajax/libs/jquery.bootstrapvalidator/0.5.3/js/bootstrapValidator.min.js"></script>
<script>
src = "css/flags.css"
</script>
<style>
body {
font: 400 15px Lato, sans-serif;
line-height: 1.8;
color: #818181;
}
h2 {
font-size: 24px;
text-transform: uppercase;
color: #303030;
font-weight: 600;
margin-bottom: 30px;
}
h4 {
font-size: 19px;
line-height: 1.375em;
color: #303030;
font-weight: 400;
margin-bottom: 30px;
}
hC {
font-size: 30px;
line-height: 1.375em;
color: #ffffff;
font-weight: 400;
}
c {
color: #3366ff;
}
.jumbotron {
background-color: #f6f6f6;
color: #b3b3b3;
padding: 50px 25px;
font-family: Montserrat, sans-serif;
}
.container-fluid {
padding: 60px 50px;
}
.bg-grey {
background-color: #f6f6f6;
}
.logo-small {
color: #3366ff;
font-size: 50px;
}
.logo {
color: #3366ff;
font-size: 200px;
}
.thumbnail {
padding: 0 0 15px 0;
border: none;
border-radius: 0;
}
.thumbnail img {
width: 100%;
height: 100%;
margin-bottom: 10px;
}
.carousel .item img {
width: 100%; /*img width*/
max-height: 700px;
}
.carousel-indicators li {
border-color: #808080;
}
.carousel-indicators li.active {
background-color: #3366ff;
}
.item h4 {
font-size: 19px;
line-height: 1.375em;
font-weight: 400;
font-style: italic;
margin: 70px 0;
}
.item span {
font-style: normal;
}
.panel {
border: 1px solid #f4511e;
border-radius: 0 !important;
transition: box-shadow 0.5s;
}
.panel:hover {
box-shadow: 5px 0px 40px rgba(0, 0, 0, .2);
}
.panel-footer .btn:hover {
border: 1px solid #f4511e;
background-color: #fff !important;
color: #f4511e;
}
.panel-heading {
color: #fff !important;
background-color: #f4511e !important;
padding: 25px;
border-bottom: 1px solid transparent;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
}
.panel-footer {
background-color: white !important;
}
.panel-footer h3 {
font-size: 32px;
}
.panel-footer h4 {
color: #aaa;
font-size: 14px;
}
.panel-footer .btn {
margin: 15px 0;
background-color: #f4511e;
color: #fff;
}
.navbar {
margin-bottom: 0;
background-color: #808080;
z-index: 9999;
opacity: 0.6;
border: 0;
font-size: 12px !important;
line-height: 1.42857143 !important;
letter-spacing: 4px;
border-radius: 0;
font-family: Montserrat, sans-serif;
}
.navbar li a, .navbar .navbar-brand {
color: #ffffff !important;
}
.navbar-nav li a:hover, .navbar-nav li.active a {
color: #3366ff !important;
background-color: #f2f2f2 !important;
}
.navbar-default .navbar-toggle {
border-color: transparent;
color: #fff !important;
}
@media ( max-width : 992px) {
.navbar-header {
float: none;
}
.navbar-toggle {
display: block;
}
.navbar-collapse {
border-top: 1px solid transparent;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
}
.navbar-nav {
float: none !important;
margin: 7.5px -15px;
}
.navbar-nav>li {
float: none;
}
.navbar-nav>li>a {
padding-top: 10px;
padding-bottom: 10px;
}
}
.dropdown:hover .dropdown-menu {
display: block;
}
.dropdown-menu li a {
color: #808080 !important;
background-color: #f2f2f2 !important;
}
.dropdown-menu li a:hover, .navbar-nav li.active a {
color: #f2f2f2 !important;
background-color: #808080 !important;
}
.dropdown-menu li:hover .glyphicon, .navbar-nav li.active {
color: #3366ff !important;
background-color: #808080 !important;
}
.icon-small {
height: 18px;
margin: 0;
padding: 0;
}
footer .glyphicon {
font-size: 20px;
margin-bottom: 20px;
color: #3366ff;
}
@
keyframes slide { 0% {
opacity: 0;
-webkit-transform: translateY(70%);
}
100%
{
opacity
:
1;
-webkit-transform
translateY
(0%);
}
}
@
-webkit-keyframes slide { 0% {
opacity: 0;
-webkit-transform: translateY(70%);
}
100%
{
opacity
:
1;
-webkit-transform
:
translateY
(0%);
}
}
@media screen and (max-width: 768px) {
.col-sm-4 {
text-align: center;
margin: 25px 0;
}
.btn-lg {
width: 100%;
margin-bottom: 35px;
}
hC {
font-size: 15px;
}
}
@media screen and (max-width: 480px) {
.logo {
font-size: 150px;
}
}
.modal {
text-align: center;
}
@media screen and (min-width: 768px) {
.modal:before {
display: inline-block;
vertical-align: middle;
content: " ";
height: 100%;
}
}
.modal-dialog {
display: inline-block;
text-align: left;
vertical-align: middle;
}
#success_message {
display: none;
}
#failconnect_message {
display: none;
}
#failinscription_message {
display: none;
}
</style>
</head>
<body id="myPage" data-spy="scroll" data-target=".navbar"
data-offset="60">
<nav class="navbar navbar-default navbar-fixed-top">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse"
data-target="#myNavbar">
<span class="icon-bar"></span> <span class="icon-bar"></span> <span
class="icon-bar"></span>
</button>
<a class="navbar-brand" href=""> <c>My</c>Mirror</a>
</div>
<div class="collapse navbar-collapse" id="myNavbar">
<ul class="nav navbar-nav navbar-right">
<li><a href="#about"><fmt:message key="home.about" /></a></li>
<li><a href="#team"><fmt:message key="home.team" /></a></li>
<li><a href="#contact"><fmt:message key="home.contact" /></a></li>
<c:if test="${!empty sessionScope.sessionUtilisateur.email}">
<li class="dropdown"><a class="dropdown-toggle"
data-toggle="dropdown" href="#"><span
class="glyphicon glyphicon-user"></span>
${sessionScope.sessionUtilisateur.firstName} <span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="Configuration"><fmt:message
key="home.configureMirror" /> <span
class="glyphicon glyphicon-wrench"></span></a></li>
<li><a href="Settings"><fmt:message
key="home.changesettings" /> <span
class="glyphicon glyphicon-edit"></span> </a></li>
<li><a href="Deconnection"><fmt:message
key="home.deconnection" /> <span
class="glyphicon glyphicon-off"></span> </a></li>
</ul></li>
</c:if>
<c:if test="${empty sessionScope.sessionUtilisateur.email}">
<li><a href="#ModalSignUp" data-toggle="modal"
data-target="#ModalSignUp"><fmt:message key="home.signup" />
<span class="glyphicon glyphicon-pencil"></span></a></li>
<li><a href="#connect" data-toggle="modal"
data-target="#ModalLogIn"><fmt:message key="home.login" /> <span
class="glyphicon glyphicon-log-in"></span></a></li>
<li></li>
</c:if>
<li id=tabs class="dropdown"><a href="#"
class="dropdown-toggle" data-toggle="dropdown" role="button"
aria-expanded="false"> <c:if
test="${empty sessionScope.sessionUtilisateur}">
<c:if test="${language == 'FR'}">
<img id="imgNavSel" src="images/fr.png" alt="..."
class=" icon-small">
</c:if>
<c:if test="${language == 'EN'}">
<img id="imgNavSel" src="images/en.png" alt="..."
class=" icon-small">
</c:if>
<c:if test="${language == 'DE'}">
<img id="imgNavSel" src="images/de.png" alt="..."
class=" icon-small">
</c:if>
<c:if test="${language == 'BE'}">
<img id="imgNavSel" src="images/be.png" alt="..."
class=" icon-small">
</c:if>
<c:if test="${language == 'ES'}">
<img id="imgNavSel" src="images/es.png" alt="..."
class=" icon-small">
</c:if>
<c:if test="${language == 'IT'}">
<img id="imgNavSel" src="images/it.png" alt="..."
class=" icon-small">
</c:if>
</c:if> <c:if test="${!empty sessionScope.sessionUtilisateur}">
<c:if test="${sessionScope.sessionUtilisateur.language == 'FR'}">
<img id="imgNavSel" src="images/fr.png" alt="..."
class=" icon-small">
</c:if>
<c:if test="${sessionScope.sessionUtilisateur.language == 'EN'}">
<img id="imgNavSel" src="images/en.png" alt="..."
class=" icon-small">
</c:if>
<c:if test="${sessionScope.sessionUtilisateur.language == 'DE'}">
<img id="imgNavSel" src="images/de.png" alt="..."
class=" icon-small">
</c:if>
<c:if test="${sessionScope.sessionUtilisateur.language == 'BE'}">
<img id="imgNavSel" src="images/be.png" alt="..."
class=" icon-small">
</c:if>
<c:if test="${sessionScope.sessionUtilisateur.language == 'ES'}">
<img id="imgNavSel" src="images/es.png" alt="..."
class=" icon-small">
</c:if>
<c:if test="${sessionScope.sessionUtilisateur.language == 'IT'}">
<img id="imgNavSel" src="images/it.png" alt="..."
class=" icon-small">
</c:if>
</c:if> <span id="lanNavSel"></span> <span class="caret"></span></a>
<ul class="dropdown-menu" role="menu">
<li><a id="navBe" href="Home?lg=BE" class="language"> <img
id="imgNavBe" src="images/be.png" alt="Belgium"
class=" icon-small">  <span id="lanNavBe">Nederlands</span></a></li>
<li><a id="navFr" href="Home?lg=FR" class="language"> <img
id="imgNavFr" src="images/fr.png" alt="France"
class=" icon-small">  <span id="lanNavFr">Français</span></a></li>
<li><a id="navEn" href="Home?lg=EN" class="language"> <img
id="imgNavEn" src="images/en.png" alt="Great-Britain"
class=" icon-small">  <span id="lanNavEn">English</span></a></li>
<li><a id="navDe" href="Home?lg=DE" class="language"> <img
id="imgNavDe" src="images/de.png" alt="Germany"
class=" icon-small">  <span id="lanNavDe">Deutsch</span></a></li>
<li><a id="navEs" href="Home?lg=ES" class="language"> <img
id="imgNavEs" src="images/es.png" alt="Spain"
class=" icon-small">  <span id="lanNavEs">Español</span></a></li>
<li><a id="navIt" href="Home?lg=IT" class="language"> <img
id="imgNavIt" src="images/it.png" alt="Italy"
class=" icon-small">  <span id="lanNavIt">Italiano</span></a></li>
</ul></li>
</ul>
</div>
</div>
</nav>
<div class="modal fade" id="ModalSignUp" role="dialog">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">&times;</button>
<h4 class="modal-title">
<fmt:message key="home.SignUpModal" />
</h4>
</div>
<div class="modal-body">
<form class="well form-horizontal" action=" " method="post"
role="form" id="profil_form">
<fieldset>
<!-- Text input-->
<div class="form-group">
<label class="col-md-4 control-label"><fmt:message
key="home.SignUpFirstName" /></label>
<div class="col-md-5 inputGroupContainer">
<div class="input-group">
<span class="input-group-addon"><i
class="glyphicon glyphicon-user"></i></span> <input name="firstname"
value="<c:out value="${utilisateur.firstName}"/>"
placeholder="<fmt:message key="home.SignUpFirstName"/>"
class="form-control" type="text">
</div>
</div>
</div>
<!-- Text input-->
<div class="form-group">
<label class="col-md-4 control-label"><fmt:message
key="home.SignUpLastName" /></label>
<div class="col-md-5 inputGroupContainer">
<div class="input-group">
<span class="input-group-addon"><i
class="glyphicon glyphicon-user"></i></span> <input name="lastname"
value="<c:out value="${utilisateur.lastName}"/>"
placeholder="<fmt:message key="home.SignUpLastName"/>"
class="form-control" type="text">
</div>
</div>
</div>
<!-- Text input-->
<div class="form-group">
<label class="col-md-4 control-label"><fmt:message
key="home.SignUpEmail" /></label>
<div class="col-md-5 inputGroupContainer">
<div class="input-group">
<span class="input-group-addon"><i
class="glyphicon glyphicon-envelope"></i></span> <input id="emailInscr" name="email"
value="<c:out value="${utilisateur.email}"/>"
placeholder="<fmt:message key="home.SignUpEmail"/>"
class="form-control" type="text">
</div>
</div>
</div>
<!-- Text input-->
<div class="form-group">
<label class="col-md-4 control-label"><fmt:message
key="home.SignUpBirthday" /></label>
<div class="col-md-5 inputGroupContainer">
<div class="input-group">
<span class="input-group-addon"><i
class="glyphicon glyphicon-gift"></i></span> <input name="birthday"
value="<c:out value="${utilisateur.birthday}"/>"
class="form-control" type="date">
</div>
</div>
</div>
<!-- Text input-->
<div class="form-group">
<label class="col-md-4 control-label"><fmt:message
key="home.SignUpAddress" /></label>
<div class="col-md-5 inputGroupContainer">
<div class="input-group">
<span class="input-group-addon"><i
class="glyphicon glyphicon-home"></i></span> <input name="address"
value="<c:out value="${utilisateur.address}"/>"
placeholder="<fmt:message key="home.SignUpAddress"/>"
class="form-control" type="text">
</div>
</div>
</div>
<!-- Text input-->
<div class="form-group">
<label class="col-md-4 control-label"><fmt:message
key="home.SignUpCity" /></label>
<div class="col-md-5 inputGroupContainer">
<div class="input-group">
<span class="input-group-addon"><i
class="glyphicon glyphicon-home"></i></span> <input name="city"
value="<c:out value="${utilisateur.city}"/>"
placeholder="<fmt:message key="home.SignUpCity"/>"
class="form-control" type="text">
</div>
</div>
</div>
<!-- Text input-->
<div class="form-group">
<label class="col-md-4 control-label"><fmt:message
key="home.SignUpState" /></label>
<div class="col-md-5 inputGroupContainer">
<div class="input-group">
<span class="input-group-addon"><i
class="glyphicon glyphicon-home"></i></span> <input name="state"
value="<c:out value="${utilisateur.state}"/>"
placeholder="<fmt:message key="home.SignUpState"/>"
class="form-control" type="text">
</div>
</div>
</div>
<!-- Text input-->
<div class="form-group">
<label class="col-md-4 control-label"><fmt:message
key="home.SignUpPostCode" /></label>
<div class="col-md-5 inputGroupContainer">
<div class="input-group">
<span class="input-group-addon"><i
class="glyphicon glyphicon-home"></i></span> <input name="postcode"
value="<c:out value="${utilisateur.postCode}"/>"
placeholder="<fmt:message key="home.SignUpPostCode"/>"
class="form-control" type="number">
</div>
</div>
</div>
<div class="form-group">
<label class="col-md-4 control-label"><fmt:message
key="home.SignUpCountry" /></label>
<div class="col-md-5 selectContainer">
<div class="input-group">
<span class="input-group-addon"><i
class="glyphicon glyphicon-globe"></i></span> <select name="country"
value="<c:out value="${utilisateur.country}"/>"
class="form-control selectpicker">
<option value="" selected="selected"></option>
<option value="Afghanistan">Afghanistan</option>
<option value="Afrique_Centrale">Afrique Centrale</option>
<option value="Afrique_du_sud">Afrique du Sud</option>
<option value="Albanie">Albanie</option>
<option value="Algerie">Algerie</option>
<option value="Allemagne">Allemagne</option>
<option value="Andorre">Andorre</option>
<option value="Angola">Angola</option>
<option value="Anguilla">Anguilla</option>
<option value="Arabie_Saoudite">Arabie_Saoudite</option>
<option value="Argentine">Argentine</option>
<option value="Armenie">Armenie</option>
<option value="Australie">Australie</option>
<option value="Autriche">Autriche</option>
<option value="Azerbaidjan">Azerbaidjan</option>
<option value="Bahamas">Bahamas</option>
<option value="Bangladesh">Bangladesh</option>
<option value="Barbade">Barbade</option>
<option value="Bahrein">Bahrein</option>
<option value="Belgique">Belgique</option>
<option value="Belize">Belize</option>
<option value="Benin">Benin</option>
<option value="Bermudes">Bermudes</option>
<option value="Bielorussie">Bielorussie</option>
<option value="Bolivie">Bolivie</option>
<option value="Botswana">Botswana</option>
<option value="Bhoutan">Bhoutan</option>
<option value="Boznie_Herzegovine">Boznie
Herzegovine</option>
<option value="Bresil">Bresil</option>
<option value="Brunei">Brunei</option>
<option value="Bulgarie">Bulgarie</option>
<option value="Burkina_Faso">Burkina_Faso</option>
<option value="Burundi">Burundi</option>
<option value="Caiman">Caiman</option>
<option value="Cambodge">Cambodge</option>
<option value="Cameroun">Cameroun</option>
<option value="Canada">Canada</option>
<option value="Canaries">Canaries</option>
<option value="Cap_vert">Cap_Vert</option>
<option value="Chili">Chili</option>
<option value="Chine">Chine</option>
<option value="Chypre">Chypre</option>
<option value="Colombie">Colombie</option>
<option value="Comores">Colombie</option>
<option value="Congo">Congo</option>
<option value="Congo_democratique">Congo
democratique</option>
<option value="Cook">Cook</option>
<option value="Coree_du_Nord">Coree du Nord</option>
<option value="Coree_du_Sud">Coree du Sud</option>
<option value="Costa_Rica">Costa Rica</option>
<option value="Cote_d_Ivoire">Côte d'Ivoire</option>
<option value="Croatie">Croatie</option>
<option value="Cuba">Cuba</option>
<option value="Danemark">Danemark</option>
<option value="Djibouti">Djibouti</option>
<option value="Dominique">Dominique</option>
<option value="Egypte">Egypte</option>
<option value="Emirats_Arabes_Unis">Emirats Arabes
Unis</option>
<option value="Equateur">Equateur</option>
<option value="Erythree">Erythree</option>
<option value="Espagne">Espagne</option>
<option value="Estonie">Estonie</option>
<option value="Etats_Unis">Etats-Unis</option>
<option value="Ethiopie">Ethiopie</option>
<option value="Falkland">Falkland</option>
<option value="Feroe">Feroe</option>
<option value="Fidji">Fidji</option>
<option value="Finlande">Finlande</option>
<option value="France">France</option>
<option value="Gabon">Gabon</option>
<option value="Gambie">Gambie</option>
<option value="Georgie">Georgie</option>
<option value="Ghana">Ghana</option>
<option value="Gibraltar">Gibraltar</option>
<option value="Grece">Grece</option>
<option value="Grenade">Grenade</option>
<option value="Groenland">Groenland</option>
<option value="Guadeloupe">Guadeloupe</option>
<option value="Guam">Guam</option>
<option value="Guatemala">Guatemala</option>
<option value="Guernesey">Guernesey</option>
<option value="Guinee">Guinee</option>
<option value="Guinee_Bissau">Guinee Bissau</option>
<option value="Guinee equatoriale">Guinee
Equatoriale</option>
<option value="Guyana">Guyana</option>
<option value="Guyane_Francaise ">Guyane Francaise</option>
<option value="Haiti">Haiti</option>
<option value="Hawaii">Hawaii</option>
<option value="Honduras">Honduras</option>
<option value="Hong_Kong">Hong Kong</option>
<option value="Hongrie">Hongrie</option>
<option value="Inde">Inde</option>
<option value="Indonesie">Indonesie</option>
<option value="Iran">Iran</option>
<option value="Iraq">Iraq</option>
<option value="Irlande">Irlande</option>
<option value="Islande">Islande</option>
<option value="Israel">Israel</option>
<option value="Italie">italie</option>
<option value="Jamaique">Jamaique</option>
<option value="Jan Mayen">Jan Mayen</option>
<option value="Japon">Japon</option>
<option value="Jersey">Jersey</option>
<option value="Jordanie">Jordanie</option>
<option value="Kazakhstan">Kazakhstan</option>
<option value="Kenya">Kenya</option>
<option value="Kirghizstan">Kirghizistan</option>
<option value="Kiribati">Kiribati</option>
<option value="Koweit">Koweit</option>
<option value="Laos">Laos</option>
<option value="Lesotho">Lesotho</option>
<option value="Lettonie">Lettonie</option>
<option value="Liban">Liban</option>
<option value="Liberia">Liberia</option>
<option value="Liechtenstein">Liechtenstein</option>
<option value="Lituanie">Lituanie</option>
<option value="Luxembourg">Luxembourg</option>
<option value="Lybie">Lybie</option>
<option value="Macao">Macao</option>
<option value="Macedoine">Macedoine</option>
<option value="Madagascar">Madagascar</option>
<option value="Madere">Madère</option>
<option value="Malaisie">Malaisie</option>
<option value="Malawi">Malawi</option>
<option value="Maldives">Maldives</option>
<option value="Mali">Mali</option>
<option value="Malte">Malte</option>
<option value="Man">Man</option>
<option value="Mariannes du Nord">Mariannes du Nord</option>
<option value="Maroc">Maroc</option>
<option value="Marshall">Marshall</option>
<option value="Martinique">Martinique</option>
<option value="Maurice">Maurice</option>
<option value="Mauritanie">Mauritanie</option>
<option value="Mayotte">Mayotte</option>
<option value="Mexique">Mexique</option>
<option value="Micronesie">Micronesie</option>
<option value="Midway">Midway</option>
<option value="Moldavie">Moldavie</option>
<option value="Monaco">Monaco</option>
<option value="Mongolie">Mongolie</option>
<option value="Montserrat">Montserrat</option>
<option value="Mozambique">Mozambique</option>
<option value="Namibie">Namibie</option>
<option value="Nauru">Nauru</option>
<option value="Nepal">Nepal</option>
<option value="Nicaragua">Nicaragua</option>
<option value="Niger">Niger</option>
<option value="Nigeria">Nigeria</option>
<option value="Niue">Niue</option>
<option value="Norfolk">Norfolk</option>
<option value="Norvege">Norvege</option>
<option value="Nouvelle_Caledonie">Nouvelle
Caledonie</option>
<option value="Nouvelle_Zelande">Nouvelle Zelande</option>
<option value="Oman">Oman</option>
<option value="Ouganda">Ouganda</option>
<option value="Ouzbekistan">Ouzbekistan</option>
<option value="Pakistan">Pakistan</option>
<option value="Palau">Palau</option>
<option value="Palestine">Palestine</option>
<option value="Panama">Panama</option>
<option value="Papouasie_Nouvelle_Guinee">Papouasie
Nouvelle Guinee</option>
<option value="Paraguay">Paraguay</option>
<option value="Pays_Bas">Pays_Bas</option>
<option value="Perou">Perou</option>
<option value="Philippines">Philippines</option>
<option value="Pologne">Pologne</option>
<option value="Polynesie">Polynesie</option>
<option value="Porto_Rico">Porto Rico</option>
<option value="Portugal">Portugal</option>
<option value="Qatar">Qatar</option>
<option value="Republique_Dominicaine">Republique
Dominicaine</option>
<option value="Republique_Tcheque">Republique
Tcheque</option>
<option value="Reunion">Reunion</option>
<option value="Roumanie">Roumanie</option>
<option value="Royaume_Uni">Royaume Uni</option>
<option value="Russie">Russie</option>
<option value="Rwanda">Rwanda</option>
<option value="Sahara Occidental">Sahara Occidental</option>
<option value="Sainte_Lucie">Sainte Lucie</option>
<option value="Saint_Marin">Saint Marin</option>
<option value="Salomon">Salomon</option>
<option value="Salvador">Salvador</option>
<option value="Samoa_Occidentales">Samoa
Occidentales</option>
<option value="Samoa_Americaine">Samoa Americaine</option>
<option value="Sao_Tome_et_Principe">Sao Tome et
Principe</option>
<option value="Senegal">Senegal</option>
<option value="Seychelles">Seychelles</option>
<option value="Sierra Leone">Sierra Leone</option>
<option value="Singapour">Singapour</option>
<option value="Slovaquie">Slovaquie</option>
<option value="Slovenie">Slovenie</option>
<option value="Somalie">Somalie</option>
<option value="Soudan">Soudan</option>
<option value="Sri_Lanka">Sri Lanka</option>
<option value="Suede">Suede</option>
<option value="Suisse">Suisse</option>
<option value="Surinam">Surinam</option>
<option value="Swaziland">Swaziland</option>
<option value="Syrie">Syrie</option>
<option value="Tadjikistan">Tadjikistan</option>
<option value="Taiwan">Taiwan</option>
<option value="Tonga">Tonga</option>
<option value="Tanzanie">Tanzanie</option>
<option value="Tchad">Tchad</option>
<option value="Thailande">Thailande</option>
<option value="Tibet">Tibet</option>
<option value="Timor_Oriental">Timor Oriental</option>
<option value="Togo">Togo</option>
<option value="Trinite_et_Tobago">Trinite et Tobago</option>
<option value="Tristan da cunha">Tristan de cuncha</option>
<option value="Tunisie">Tunisie</option>
<option value="Turkmenistan">Turmenistan</option>
<option value="Turquie">Turquie</option>
<option value="Ukraine">Ukraine</option>
<option value="Uruguay">Uruguay</option>
<option value="Vanuatu">Vanuatu</option>
<option value="Vatican">Vatican</option>
<option value="Venezuela">Venezuela</option>
<option value="Vierges_Americaines">Vierges
Americaines</option>
<option value="Vierges_Britanniques">Vierges
Britanniques</option>
<option value="Vietnam">Vietnam</option>
<option value="Wake">Wake</option>
<option value="Wallis et Futuma">Wallis et Futuma</option>
<option value="Yemen">Yemen</option>
<option value="Yougoslavie">Yougoslavie</option>
<option value="Zambie">Zambie</option>
<option value="Zimbabwe">Zimbabwe</option>
</select>
</div>
</div>
</div>
<div class="form-group">
<label class="col-md-4 control-label"><fmt:message
key="home.SignUpTimeZone" /></label>
<div class="col-md-5 selectContainer">
<div class="input-group">
<span class="input-group-addon"><i
class="glyphicon glyphicon-time"></i></span> <select name="timezone"
value="<c:out value="${utilisateur.timeZone}"/>"
class="form-control selectpicker">
<option value="" selected="selected"></option>
<option value="International Date Line West">(GMT-11:00)
International Date Line West</option>
<option value="Midway Island">(GMT-11:00) Midway
Island</option>
<option value="Samoa">(GMT-11:00) Samoa</option>
<option value="Tijuana">(GMT-08:00) Tijuana</option>
<option value="Chihuahua">(GMT-07:00) Chihuahua</option>
<option value="Mazatlan">(GMT-07:00) Mazatlan</option>
<option value="Central America">(GMT-06:00) Central
America</option>
<option value="Guadalajara">(GMT-06:00) Guadalajara</option>
<option value="Mexico City">(GMT-06:00) Mexico City</option>
<option value="Monterrey">(GMT-06:00) Monterrey</option>
<option value="Saskatchewan">(GMT-06:00)
Saskatchewan</option>
<option value="Bogota">(GMT-05:00) Bogota</option>
<option value="Lima">(GMT-05:00) Lima</option>
<option value="Quito">(GMT-05:00) Quito</option>
<option value="Caracas">(GMT-04:30) Caracas</option>
<option value="Atlantic Time (Canada)">(GMT-04:00)
Atlantic Time (Canada)</option>
<option value="La Paz">(GMT-04:00) La Paz</option>
<option value="Santiago">(GMT-04:00) Santiago</option>
<option value="Newfoundland">(GMT-03:30)
Newfoundland</option>
<option value="Brasilia">(GMT-03:00) Brasilia</option>
<option value="Buenos Aires">(GMT-03:00) Buenos
Aires</option>
<option value="Georgetown">(GMT-03:00) Georgetown</option>
<option value="Greenland">(GMT-03:00) Greenland</option>
<option value="Mid-Atlantic">(GMT-02:00)
Mid-Atlantic</option>
<option value="Azores">(GMT-01:00) Azores</option>
<option value="Cape Verde Is.">(GMT-01:00) Cape
Verde Is.</option>
<option value="Casablanca">(GMT+00:00) Casablanca</option>
<option value="Dublin">(GMT+00:00) Dublin</option>
<option value="Edinburgh">(GMT+00:00) Edinburgh</option>
<option value="Lisbon">(GMT+00:00) Lisbon</option>
<option value="London">(GMT+00:00) London</option>
<option value="Monrovia">(GMT+00:00) Monrovia</option>
<option value="UTC">(GMT+00:00) UTC</option>
<option value="Amsterdam">(GMT+01:00) Amsterdam</option>
<option value="Belgrade">(GMT+01:00) Belgrade</option>
<option value="Berlin">(GMT+01:00) Berlin</option>
<option value="Bern">(GMT+01:00) Bern</option>
<option value="Bratislava">(GMT+01:00) Bratislava</option>
<option value="Brussels">(GMT+01:00) Brussels</option>
<option value="Budapest">(GMT+01:00) Budapest</option>
<option value="Copenhagen">(GMT+01:00) Copenhagen</option>
<option value="Ljubljana">(GMT+01:00) Ljubljana</option>
<option value="Madrid">(GMT+01:00) Madrid</option>
<option value="Paris">(GMT+01:00) Paris</option>
<option value="Prague">(GMT+01:00) Prague</option>
<option value="Rome">(GMT+01:00) Rome</option>
<option value="Sarajevo">(GMT+01:00) Sarajevo</option>
<option value="Skopje">(GMT+01:00) Skopje</option>
<option value="Stockholm">(GMT+01:00) Stockholm</option>
<option value="Vienna">(GMT+01:00) Vienna</option>
<option value="Warsaw">(GMT+01:00) Warsaw</option>
<option value="West Central Africa">(GMT+01:00) West
Central Africa</option>
<option value="Zagreb">(GMT+01:00) Zagreb</option>
<option value="Athens">(GMT+02:00) Athens</option>
<option value="Bucharest">(GMT+02:00) Bucharest</option>
<option value="Cairo">(GMT+02:00) Cairo</option>
<option value="Harare">(GMT+02:00) Harare</option>
<option value="Helsinki">(GMT+02:00) Helsinki</option>
<option value="Istanbul">(GMT+02:00) Istanbul</option>
<option value="Jerusalem">(GMT+02:00) Jerusalem</option>
<option value="Kyev">(GMT+02:00) Kyev</option>
<option value="Minsk">(GMT+02:00) Minsk</option>
<option value="Pretoria">(GMT+02:00) Pretoria</option>
<option value="Riga">(GMT+02:00) Riga</option>
<option value="Sofia">(GMT+02:00) Sofia</option>
<option value="Tallinn">(GMT+02:00) Tallinn</option>
<option value="Vilnius">(GMT+02:00) Vilnius</option>
<option value="Baghdad">(GMT+03:00) Baghdad</option>
<option value="Kuwait">(GMT+03:00) Kuwait</option>
<option value="Moscow">(GMT+03:00) Moscow</option>
<option value="Nairobi">(GMT+03:00) Nairobi</option>
<option value="Riyadh">(GMT+03:00) Riyadh</option>
<option value="St. Petersburg">(GMT+03:00) St.
Petersburg</option>
<option value="Volgograd">(GMT+03:00) Volgograd</option>
<option value="Tehran">(GMT+03:30) Tehran</option>
<option value="Abu Dhabi">(GMT+04:00) Abu Dhabi</option>
<option value="Baku">(GMT+04:00) Baku</option>
<option value="Muscat">(GMT+04:00) Muscat</option>
<option value="Tbilisi">(GMT+04:00) Tbilisi</option>
<option value="Yerevan">(GMT+04:00) Yerevan</option>
<option value="Kabul">(GMT+04:30) Kabul</option>
<option value="Ekaterinburg">(GMT+05:00)
Ekaterinburg</option>
<option value="Islamabad">(GMT+05:00) Islamabad</option>
<option value="Karachi">(GMT+05:00) Karachi</option>
<option value="Tashkent">(GMT+05:00) Tashkent</option>
<option value="Chennai">(GMT+05:30) Chennai</option>
<option value="Kolkata">(GMT+05:30) Kolkata</option>
<option value="Mumbai">(GMT+05:30) Mumbai</option>
<option value="New Delhi">(GMT+05:30) New Delhi</option>
<option value="Sri Jayawardenepura">(GMT+05:30) Sri
Jayawardenepura</option>
<option value="Kathmandu">(GMT+05:45) Kathmandu</option>
<option value="Almaty">(GMT+06:00) Almaty</option>
<option value="Astana">(GMT+06:00) Astana</option>
<option value="Dhaka">(GMT+06:00) Dhaka</option>
<option value="Novosibirsk">(GMT+06:00) Novosibirsk</option>
<option value="Rangoon">(GMT+06:30) Rangoon</option>
<option value="Bangkok">(GMT+07:00) Bangkok</option>
<option value="Hanoi">(GMT+07:00) Hanoi</option>
<option value="Jakarta">(GMT+07:00) Jakarta</option>
<option value="Krasnoyarsk">(GMT+07:00) Krasnoyarsk</option>
<option value="Beijing">(GMT+08:00) Beijing</option>
<option value="Chongqing">(GMT+08:00) Chongqing</option>
<option value="Hong Kong">(GMT+08:00) Hong Kong</option>
<option value="Irkutsk">(GMT+08:00) Irkutsk</option>
<option value="Kuala Lumpur">(GMT+08:00) Kuala
Lumpur</option>
<option value="Perth">(GMT+08:00) Perth</option>
<option value="Singapore">(GMT+08:00) Singapore</option>
<option value="Taipei">(GMT+08:00) Taipei</option>
<option value="Ulaan Bataar">(GMT+08:00) Ulaan
Bataar</option>
<option value="Urumqi">(GMT+08:00) Urumqi</option>
<option value="Osaka">(GMT+09:00) Osaka</option>
<option value="Sapporo">(GMT+09:00) Sapporo</option>
<option value="Seoul">(GMT+09:00) Seoul</option>
<option value="Tokyo">(GMT+09:00) Tokyo</option>
<option value="Yakutsk">(GMT+09:00) Yakutsk</option>
<option value="Adelaide">(GMT+09:30) Adelaide</option>
<option value="Darwin">(GMT+09:30) Darwin</option>
<option value="Brisbane">(GMT+10:00) Brisbane</option>
<option value="Canberra">(GMT+10:00) Canberra</option>
<option value="Guam">(GMT+10:00) Guam</option>
<option value="Hobart">(GMT+10:00) Hobart</option>
<option value="Melbourne">(GMT+10:00) Melbourne</option>
<option value="Port Moresby">(GMT+10:00) Port
Moresby</option>
<option value="Sydney">(GMT+10:00) Sydney</option>
<option value="Vladivostok">(GMT+10:00) Vladivostok</option>
<option value="Magadan">(GMT+11:00) Magadan</option>
<option value="New Caledonia">(GMT+11:00) New
Caledonia</option>
<option value="Solomon Is.">(GMT+11:00) Solomon Is.</option>
<option value="Auckland">(GMT+12:00) Auckland</option>
<option value="Fiji">(GMT+12:00) Fiji</option>
<option value="Kamchatka">(GMT+12:00) Kamchatka</option>
<option value="Marshall Is.">(GMT+12:00) Marshall
Is.</option>
<option value="Wellington">(GMT+12:00) Wellington</option>
<option value="Nuku'alofa">(GMT+13:00) Nuku'alofa</option>
</select>
</div>
</div>
</div>
<!-- Text input-->
<div class="form-group">
<label class="col-md-4 control-label"><fmt:message
key="home.SignUpPassword" /></label>
<div class="col-md-5 inputGroupContainer">
<div class="input-group">
<span class="input-group-addon"><i
class="glyphicon glyphicon-eye-open"></i></span> <input
name="password"
value="<c:out value="${utilisateur.password}"/>"
placeholder="<fmt:message key="home.SignUpPassword"/>"
class="form-control" type="password">
</div>
</div>
</div>
<!-- Text input-->
<div class="form-group">
<label class="col-md-4 control-label"><fmt:message
key="home.SignUpConfirmPassword" /></label>
<div class="col-md-5 inputGroupContainer">
<div class="input-group">
<span class="input-group-addon"><i
class="glyphicon glyphicon-eye-open"></i></span> <input
name="confirmationpassword"
placeholder="<fmt:message key="home.SignUpPassword"/>"
class="form-control" type="password">
</div>
</div>
</div>
<p class="${empty form.erreurs ? 'succes' : 'erreur'}">${form.resultat}</p>
<!-- Success message -->
<div class="alert alert-success" role="alert"
id="success_message">
<fmt:message key="settings.Success" />
<i class="glyphicon glyphicon-thumbs-up"></i>
<fmt:message key="settings.SuccessCreate" />
<button id="Login" name="Login" class="btn btn-primary"
href="#connect" data-toggle="modal" data-target="#ModalLogIn"
data-dismiss="modal">
<fmt:message key="settings.login" />
<span class="glyphicon glyphicon-log-in"></span>
</button>
</div>
<!-- Alert message -->
<div class="alert alert-danger" role="alert"
id="failinscription_message">
Email déjà existant
</div>
<!-- Button -->
<div class="form-group">
<label class="col-md-4 control-label"></label>
<div class="col-md-6">
<!-- <button type="submit" class="btn btn-primary">-->
<button type="submit" id="InscriptionButton" class="btn btn-primary">
<fmt:message key="home.SignUpSend" />
<span class="glyphicon glyphicon-send"></span>
</button>
<button type="button" class="btn btn-default"
data-dismiss="modal">
<fmt:message key="home.SignUpClose" />
</button>
</div>
</div>
</fieldset>
</form>
</div>
</div>
</div>
</div>
<!-- <script>
$('#InscriptionButton').click(function() {
// Get the form instance
var emailConnect = document.getElementById("emailInscr").value;
$.ajax({
url : 'Inscription',
type : 'GET',
data : 'email=' + emailConnect, // On fait passer nos variables, exactement comme en GET, au script more_com.php
dataType : 'html',
success : function(result){
if(result=="noOk"){
$('#failinscription_message')
.slideDown({
opacity : "show"
}, "slow")
}else{
location.href = "Home"
}
},
});
});
</script>-->
<!-- Modal LOG IN -->
<div class="modal fade" id="ModalLogIn" role="dialog"
aria-labelledby="Login" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal"
aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
<h4 class="modal-title">
<fmt:message key="home.LoginLogin" />
</h4>
</div>
<div class="modal-body">
<form class="form-horizontal" action=" " method="post"
role="formConnect" id="login_form">
<div class="form-group">
<label class="col-md-4 control-label"><fmt:message
key="home.SignUpEmail" /></label>
<div class="col-md-6">
<input id="emailConnect" name="emailConnect"
value="<c:out value="${emailConnect}"/>" type="text"
class="form-control">
</div>
</div>
<!-- Password input-->
<div class="form-group">
<label class="col-md-4 control-label"><fmt:message
key="home.SignUpPassword" /></label>
<div class="col-md-6">
<input id="passwordConnect" name="passwordConnect"
type="password" value="<c:out value="${passwordConnect}"/>"
class="form-control">
</div>
</div>
<!-- Alert message -->
<div class="alert alert-danger" role="alert"
id="failconnect_message">
Email ou mot de passe incorrect
</div>
<!-- Button -->
<div class="form-group">
<label class="col-md-4 control-label"></label>
<div class="col-md-4">
<!-- <button type="submit" class="btn btn-primary">-->
<button type="button" id="connectButton" class="btn btn-primary">
<fmt:message key="home.LoginLogin" />
<span class="glyphicon glyphicon-log-in"></span>
</button>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
<!-- Modal SUCCESS -->
<div class="modal fade" id="ModalSuccess" role="dialog"
aria-labelledby="Success" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-body"></div>
</div>
</div>
</div>
<div id="myCarousel" class="carousel slide" data-ride="carousel">
<!-- Indicators -->
<ol class="carousel-indicators">
<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
<li data-target="#myCarousel" data-slide-to="1"></li>
<li data-target="#myCarousel" data-slide-to="2"></li>
<li data-target="#myCarousel" data-slide-to="3"></li>
<li data-target="#myCarousel" data-slide-to="4"></li>
</ol>
<!-- Wrapper for slides -->
<div class="carousel-inner" role="listbox">
<div class="item active">
<img src="images/custo2.png" alt="New York" width="1200"
height="700">
<div class="carousel-caption">
<hC> <fmt:message key="home.CarouselCustomizable" /></hC>
</div>
</div>
<div class="item">
<img src="images/home.jpg" alt="Chicago" width="1200" height="700">
<div class="carousel-caption">
<hC> <fmt:message key="home.CarouselCommunicate" /></hC>
</div>
</div>
<div class="item">
<img src="images/sky2.png" alt="Los Angeles" width="1200"
height="700">
<div class="carousel-caption">
<hC> <fmt:message key="home.CarouselWeather" /></hC>
</div>
</div>
<div class="item">
<img src="images/news2.jpg" alt="Chicago" width="1200" height="700">
<div class="carousel-caption">
<hC> <fmt:message key="home.CarouselNews" /></hC>
</div>
</div>
<div class="item">
<img src="images/network3.png" alt="Chicago" width="1200"
height="700">
<div class="carousel-caption">
<hC> <fmt:message key="home.CarouselConnect" /></hC>
</div>
</div>
</div>
</div>
<div class="jumbotron text-center">
<h1>
<fmt:message key="home.BeginNow" />
</h1>
<br>
<form class="form-inline">
<a href="#ModalSignUp" data-toggle="modal" data-target="#ModalSignUp">
<button type="button" class="btn btn-primary btn-primary">
<fmt:message key="home.SignUpModal" />
<span class="glyphicon glyphicon-pencil"></span>
</button>
</a>
</form>
</div>
<div id="about" class="container-fluid">
<div class="row">
<div class="col-sm-6">
<!-- <span class="glyphicon glyphicon-globe logo slideanim"></span>-->
<img src="images/logoNew.png" class="img-rounded img-responsive"
alt="MyMirror">
</div>
<div class="col-sm-5">
<h2>MyMirror</h2>
<br>
<h4>
<strong><fmt:message key="home.MyMirrorHistoryH" /> :</strong>
<fmt:message key="home.MyMirrorHistory" />
</h4>
<br>
<h4>
<!-- <strong><fmt:message key="home.MyMirrorObjectifO"/> :</strong> <fmt:message key="home.MyMirrorObjectif"/>-->
</h4>
</div>
</div>
</div>
<!-- Container (About Section) -->
<div class="container-fluid bg-grey">
<div class="row">
<div class="col-sm-8">
<h2>
<fmt:message key="home.MyMirrorPlan" />
</h2>
<br>
<h4>
<fmt:message key="home.MyMirrorPlanOne" />
</h4>
<br>
<p>
<fmt:message key="home.MyMirrorPlanTwo" />
</p>
</div>
<div class="col-sm-3">
<span class="glyphicon glyphicon-ok logo"></span>
</div>
</div>
</div>
<!-- Container (Team Section) -->
<div id="team" class="container-fluid text-center">
<div class="container">
<div class="row">
<div class="col-md-12 wwa">
<h3>
<fmt:message key="home.WhoWheAre" />
</h3>
<h4>
<fmt:message key="home.AboutUs" />
</h4>
</div>
</div>
</div>
<div class="container">
<div class="row team">
<div class="col-md-4">
<img src="images/Moi.png" class="img-rounded" width="180"
height="235" alt="Fransolet Thomas">
<h4>Thomas Fransolet</h4>
<h5>CEO</h5>
<p>
<fmt:message key="home.AboutFransolet" />
</p>
<a href="#"><span class="glyphicon glyphicon-envelope"></span></a>
<a href="#"><span class="glyphicon glyphicon-map-marker"></span></a>
<a href="#"><span class="glyphicon glyphicon-info-sign"></span></a>
<a href="#"><span class="glyphicon glyphicon-thumbs-up"></span></a>
</div>
<div class="col-md-4">
<img src="images/Hubert.jpg" class="img-rounded"
alt="Huberty Florian" width="160" height="235">
<h4>Florian Huberty</h4>
<h5>CTO</h5>
<p>
<fmt:message key="home.AboutHuberty" />
</p>
<a href="#"><span class="glyphicon glyphicon-envelope"></span></a>
<a href="#"><span class="glyphicon glyphicon-map-marker"></span></a>
<a href="#"><span class="glyphicon glyphicon-info-sign"></span></a>
<a href="#myModal"><span class="glyphicon glyphicon-thumbs-up"></span></a>
</div>
<div class="col-md-4">
<img src="images/Steve.jpg" class="img-rounded" width="170"
height="235" alt="Nono Steve">
<h4>Steve Nono</h4>
<h5>CBO</h5>
<p>
<fmt:message key="home.AboutSteve" />
</p>
<a href="#"><span class="glyphicon glyphicon-envelope"></span></a>
<a href="#"><span class="glyphicon glyphicon-map-marker"></span></a>
<a href="#"><span class="glyphicon glyphicon-info-sign"></span></a>
<a href="#"><span class="glyphicon glyphicon-thumbs-up"></span></a>
</div>
</div>
</div>
</div>
<!-- Container (Contact Section) -->
<div id="contact" class="container-fluid bg-grey">
<h2 class="text-center">
<fmt:message key="home.Contact" />
</h2>
<div class="row">
<div class="col-sm-5">
<p>
<fmt:message key="home.ContactText" />
</p>
<p>
<span class="glyphicon glyphicon-map-marker"></span>
<fmt:message key="home.ContactAddress" />
</p>
<p>
<span class="glyphicon glyphicon-phone"></span>
<fmt:message key="home.ContactNumero" />
</p>
<p>
<span class="glyphicon glyphicon-envelope"></span>
<fmt:message key="home.ContactEmail" />
</p>
</div>
<div class="col-sm-7 slideanim">
<div class="row">
<div class="col-sm-6 form-group">
<input class="form-control" id="name" name="name"
placeholder="<fmt:message key="home.ContactName"/>" type="text"
required>
</div>
<div class="col-sm-6 form-group">
<input class="form-control" id="email" name="email"
placeholder="<fmt:message key="home.SignUpEmail"/>" type="email"
required>
</div>
</div>
<textarea class="form-control" id="comments" name="comments"
placeholder="<fmt:message key="home.ContactComment"/>" rows="5"></textarea>
<br>
<div class="row">
<div class="col-sm-12 form-group">
<button class="btn btn-default pull-right" type="submit">
<fmt:message key="home.SignUpSend" />
</button>
</div>
</div>
</div>
</div>
</div>
<footer class="container-fluid text-center">
<div class="col-md-6 text-left copy">
<p>
Copyright &copy; 2017 MyMirror.
<fmt:message key="home.AllRights" />
</p>
</div>
</footer>
<!-- Slide anim de merde !
.slideanim {visibility:hidden;}
.slide {
animation-name: slide;
-webkit-animation-name: slide;
animation-duration: 1s;
-webkit-animation-duration: 1s;
visibility: visible;
}
-->
<script>
$(document).on("keypress", 'form', function (e) {
var code = e.keyCode || e.which;
if (code == 13) {
e.preventDefault();
return false;
}
});
$(document)
.ready(
function() {
// Add smooth scrolling to all links in navbar + footer link
$(".navbar a, footer a[href='#myPage']")
.on(
'click',
function(event) {
// Make sure this.hash has a value before overriding default behavior
if (this.hash !== "") {
// Prevent default anchor click behavior
event.preventDefault();
// Store hash
var hash = this.hash;
// Using jQuery's animate() method to add smooth page scroll
// The optional number (900) specifies the number of milliseconds it takes to scroll to the specified area
$('html, body')
.animate(
{
scrollTop : $(
hash)
.offset().top
},
900,
function() {
// Add hash (#) to URL when done scrolling (default click behavior)
window.location.hash = hash;
});
} // End if
});
$(window).scroll(function() {
$(".slideanim").each(function() {
var pos = $(this).offset().top;
var winTop = $(window).scrollTop();
if (pos < winTop + 600) {
$(this).addClass("slide");
}
});
});
$('#profil_form')
.bootstrapValidator(
{
// To use feedback icons, ensure that you use Bootstrap v3.1.0 or later
feedbackIcons : {
valid : 'glyphicon glyphicon-ok',
invalid : 'glyphicon glyphicon-remove',
validating : 'glyphicon glyphicon-refresh'
},
fields : {
firstname : {
validators : {
stringLength : {
min : 2,
},
notEmpty : {
message : 'Please supply your first name'
}
}
},
lastname : {
validators : {
stringLength : {
min : 2,
},
notEmpty : {
message : 'Please supply your last name'
}
}
},
email : {
validators : {
notEmpty : {
message : 'Please supply your email address'
},
emailAddress : {
message : 'Please supply a valid email address'
}
}
},
birthday : {
validators : {
notEmpty : {
message : 'Please supply your birthday date'
},
date : {
min : '1900-01-01',
max : '2016-11-27',
message : 'The date is not a valid'
}
}
},
address : {
validators : {
stringLength : {
min : 8,
},
notEmpty : {
message : 'Please supply your street address'
}
}
},
city : {
validators : {
stringLength : {
min : 4,
},
notEmpty : {
message : 'Please supply your city'
}
}
},
state : {
validators : {
stringLength : {
min : 4,
},
notEmpty : {
message : 'Please supply your state'
}
}
},
postcode : {
validators : {
notEmpty : {
message : 'Please supply your postcode'
},
}
},
country : {
validators : {
notEmpty : {
message : 'Please select your country'
},
}
},
timezone : {
validators : {
notEmpty : {
message : 'Please select your timezone'
}
}
},
password : {
validators : {
stringLength : {
min : 6,
},
notEmpty : {
message : 'Please supply your password'
},
identical : {
field : 'confirmationpassword',
message : 'The password and its confirm are not the same'
}
}
},
confirmationpassword : {
validators : {
stringLength : {
min : 6,
},
notEmpty : {
message : 'Please confirm your password'
},
identical : {
field : 'password',
message : 'The password and its confirm are not the same'
}
}
}
}
})
.on(
'success.form.bv',
function(e) {
var emailConnect = document.getElementById("emailInscr").value;
$.ajax({
url : 'Inscription',
type : 'GET',
data : 'email=' + emailConnect, // On fait passer nos variables, exactement comme en GET, au script more_com.php
dataType : 'html',
success : function(result){
if(result=="noOk"){
$('#failinscription_message')
.slideDown({
opacity : "show"
}, "slow")}
else{
$('#success_message')
.slideDown({
opacity : "show"
}, "slow");
$('#failinscription_message')
.slideUp({
opacity : "hide"
}, "slow")
}
},
});
$('#profil_form').data(
'bootstrapValidator')
.resetForm();
// Prevent form submission
e.preventDefault();
// Get the form instance
var $form = $(e.target);
// Get the BootstrapValidator instance
var bv = $form
.data('bootstrapValidator');
// Use Ajax to submit form data
$
.post(
$form
.attr('action'),
$form
.serialize(),
function(result) {
console
.log(result);
}, 'json');
});
$('#login_form')
.bootstrapValidator(
{
// To use feedback icons, ensure that you use Bootstrap v3.1.0 or later
feedbackIcons : {
valid : 'glyphicon glyphicon-ok',
invalid : 'glyphicon glyphicon-remove',
validating : 'glyphicon glyphicon-refresh'
},
fields : {
emailConnect : {
validators : {
notEmpty : {
message : 'Please supply your email address'
},
emailAddress : {
message : 'Please supply a valid email address'
}
}
},
passwordConnect : {
validators : {
stringLength : {
min : 6,
},
notEmpty : {
message : 'Please supply your password'
},
}
},
}
})
.on(
'success.formConnect.bv',
function(e) {
var emailConnect = document.getElementById("emailConnect").value;
var passwordConnect = document.getElementById("passwordConnect").value;
$.ajax({
url : 'Connexion',
type : 'GET',
data : 'email=' + emailConnect + '&mdp=' + passwordConnect, // On fait passer nos variables, exactement comme en GET, au script more_com.php
dataType : 'html',
success : function(result){
if(result=="noOk"){
$('#failconnect_message')
.slideDown({
opacity : "show"
}, "slow")
}else{
location.href = "Home"
}
},
});
$('#login_form').data(
'bootstrapValidator')
.resetForm();
// Prevent form submission
e.preventDefault();
// Get the form instance
var $formConnect = $(e.target);
// Get the BootstrapValidator instance
var bv = $formConnect
.data('bootstrapValidator');
// Use Ajax to submit form data
$
.post(
$formConnect
.attr('action'),
$formConnect
.serialize(),
function(result) {
console
.log(result);
}, 'json');
});
$(".language").on("click", function(event) {
var currentId = $(this).attr('id');
location.reload();
});
})
</script>
<script>
$('#connectButton').click(function() {
// Get the form instance
var emailConnect = document.getElementById("emailConnect").value;
var passwordConnect = document.getElementById("passwordConnect").value;
$.ajax({
url : 'Connexion',
type : 'GET',
data : 'email=' + emailConnect + '&mdp=' + passwordConnect, // On fait passer nos variables, exactement comme en GET, au script more_com.php
dataType : 'html',
success : function(result){
if(result=="noOk"){
$('#failconnect_message')
.slideDown({
opacity : "show"
}, "slow")
}else{
location.href = "Configuration"
}
},
});
});
</script>
</body>
</html>