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

1119 lines
44 KiB
Plaintext
Raw Permalink 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 - Create Profile</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>
<style>
.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;
}
footer .glyphicon {
font-size: 20px;
margin-bottom: 20px;
color: #3366ff;
}
.container-fluid {
padding: 60px 50px;
}
.navbar li a, .navbar .navbar-brand {
color: #ffffff !important;
}
.navbar-nav li a:hover, .navbar-nav li.active a {
color: #808080 !important;
background-color: #f2f2f2 !important;
}
.navbar-default .navbar-toggle {
border-color: transparent;
color: #fff !important;
}
.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;
}
c {
color: #3366ff;
}
.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;
}
.icon-small {
height: 18px;
margin: 0;
padding: 0;
}
#success_message {
display: none;
}
</style>
</head>
<body id="myPage" data-spy="scroll" data-target=".navbar"
data-offset="60">
<nav class="navbar navbar-default">
<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="Home"> <c>My</c>Mirror
</a>
</div>
<div class="collapse navbar-collapse" id="myNavbar">
<ul class="nav navbar-nav navbar-right">
<c:if test="${!empty sessionScope.sessionUtilisateur}">
<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}">
<li><a href="#ModalSignUp" data-toggle="modal"
data-target="#ModalSignUp"><fmt:message key="home.signup" />
<span class="glyphicon glyphicon-pencil"></span></a></li>
</c:if>
<li class="dropdown"><a href="#" class="dropdown-toggle"
data-toggle="dropdown" role="button" aria-expanded="false"> <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 == 'BE'}">
<img id="imgNavSel" src="images/be.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 == 'EN'}">
<img id="imgNavSel" src="images/en.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> <span id="lanNavSel"></span> <span class="caret"></span></a>
<ul class="dropdown-menu" role="menu">
<li><a id="navBe" href="Settings?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="Settings?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="Settings?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="Settings?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="Settings?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="Settings?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>
<!-- Modal DELETE -->
<div class="modal fade" id="ModalDelete" 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="settings.Delete" />
</h4>
</div>
<div class="modal-body">
<form class="form-horizontal" id="delete_form">
<div class="form-group">
<label class="col-md-6 control-label text-center"><fmt:message
key="settings.Sure" /></label>
</div>
<!-- Button -->
<div class="form-group">
<label class="col-md-4 control-label"></label>
<div class="col-md-4">
<a
href="DeleteAccount?email=${sessionScope.sessionUtilisateur.email}"
class="btn btn-primary" role="button"><fmt:message
key="settings.Yes" /></a>
<button type="button" class="btn btn-default"
data-dismiss="modal">
<fmt:message key="settings.Close" />
</button>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
<c:if test="${!empty sessionScope.sessionUtilisateur}">
<div class="container">
<h1>
<fmt:message key="settings.Modify" />
</h1>
<hr>
<div class="row">
<!-- left column
<div class="col-md-3">
<div class="text-center">
<img src="//placehold.it/100" class="avatar img-circle"
alt="avatar">
<i class="glyphicon glyphicon-user"></i>
<h6>Upload a different photo...</h6>
<input type="file" class="form-control">
</div>
</div> -->
<div class="col-md-12 personal-info">
<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-4 inputGroupContainer">
<div class="input-group">
<span class="input-group-addon"><i
class="glyphicon glyphicon-user"></i></span> <input name="firstname"
value="${sessionScope.sessionUtilisateur.firstName}"
value="<c:out value="${utilisateur.firstName}"/>"
class="form-control" type="text" disabled> <input
type="hidden" name="firstname"
value="${sessionScope.sessionUtilisateur.firstName}"
value="<c:out value="${utilisateur.firstName}"/>"
maxlength="10">
</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-4 inputGroupContainer">
<div class="input-group">
<span class="input-group-addon"><i
class="glyphicon glyphicon-user"></i></span> <input name="lastname"
value="${sessionScope.sessionUtilisateur.lastName}"
value="<c:out value="${utilisateur.lastName}"/>"
placeholder="Last Name" class="form-control" type="text"
disabled> <input type="hidden" name="lastname"
value="${sessionScope.sessionUtilisateur.lastName}"
value="<c:out value="${utilisateur.lastName}"/>"
maxlength="10">
</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-4 inputGroupContainer">
<div class="input-group">
<span class="input-group-addon"><i
class="glyphicon glyphicon-envelope"></i></span> <input name="email"
value="${sessionScope.sessionUtilisateur.email}"
class="form-control" type="text" disabled> <input
type="hidden" name="email"
value="${sessionScope.sessionUtilisateur.email}"
value="<c:out value="${utilisateur.email}"/>" maxlength="10">
</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-4 inputGroupContainer">
<div class="input-group">
<span class="input-group-addon"><i
class="glyphicon glyphicon-gift"></i></span> <input name="birthday"
value="${sessionScope.sessionUtilisateur.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-4 inputGroupContainer">
<div class="input-group">
<span class="input-group-addon"><i
class="glyphicon glyphicon-home"></i></span> <input name="address"
value="${sessionScope.sessionUtilisateur.address}"
value="<c:out value="${utilisateur.address}"/>"
placeholder="Address" 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-4 inputGroupContainer">
<div class="input-group">
<span class="input-group-addon"><i
class="glyphicon glyphicon-home"></i></span> <input name="city"
value="${sessionScope.sessionUtilisateur.city}"
value="<c:out value="${utilisateur.city}"/>"
placeholder="City" 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-4 inputGroupContainer">
<div class="input-group">
<span class="input-group-addon"><i
class="glyphicon glyphicon-home"></i></span> <input name="state"
value="${sessionScope.sessionUtilisateur.state}"
value="<c:out value="${utilisateur.state}"/>"
placeholder="State" 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-4 inputGroupContainer">
<div class="input-group">
<span class="input-group-addon"><i
class="glyphicon glyphicon-home"></i></span> <input name="postcode"
value="${sessionScope.sessionUtilisateur.postCode}"
value="<c:out value="${utilisateur.postCode}"/>"
placeholder="Postcode" 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-4 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="${sessionScope.sessionUtilisateur.country}"
selected="selected">${sessionScope.sessionUtilisateur.country}</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-4 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="${sessionScope.sessionUtilisateur.timeZone}"
selected="selected">${sessionScope.sessionUtilisateur.timeZone}</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-4 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="Password" 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-4 inputGroupContainer">
<div class="input-group">
<span class="input-group-addon"><i
class="glyphicon glyphicon-eye-open"></i></span> <input
name="confirmationpassword" placeholder="Password"
class="form-control" type="password">
</div>
</div>
</div>
<!-- Button -->
<div class="form-group">
<label class="col-md-4 control-label"></label>
<button type="button" class="btn btn-danger" data-toggle="modal"
data-target="#ModalDelete">
<fmt:message key="settings.Delete" />
<span class="glyphicon glyphicon-trash"></span>
</button>
</div>
<div class="form-group">
<label class="col-md-4 control-label"></label>
<button type="submit" class="btn btn-primary">
<fmt:message key="settings.ModifyM" />
<span class="glyphicon glyphicon-send"></span>
</button>
</div>
<!-- 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.SuccessMessage" />
</div>
</fieldset>
</form>
</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>
</c:if>
<c:if test="${empty sessionScope.sessionUtilisateur}">
<div class="col-md-12">
<h1>
<span class="glyphicon glyphicon-minus-sign"></span>
<fmt:message key="settings.Error" />
</h1>
</div>
</c:if>
<script>
$(document)
.ready(
function() {
$('#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) {
$('#success_message')
.slideDown({
opacity : "show"
}, "slow") // Do something ...
$('#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');
});
});
</script>
</body>
</html>