<div ng-include="'components/navbar/navbar.html'"></div>
-<div class="container" style="margin-top:50px;">
- <div class="row">
- <div class="col-sm-12">
- <h1>Sign up</h1>
+<header class="hero-unit" id="banner">
+ <div class="container">
+ <h1>
+ <i class="fa fa-pencil"></i>
+ Inscription
+ </h1>
+ <p class="lead">
+ Bienvenue dans le monde du libre. Et merci d'avance de vouloir y contribuer en proposant des idees ou en soutenant ceux qui en ont ;)
+ </p>
</div>
- <div class="col-sm-12">
- <form class="form" name="form" ng-submit="register(form)" novalidate>
+</header>
- <div class="form-group" ng-class="{ 'has-success': form.name.$valid && submitted,
- 'has-error': form.name.$invalid && submitted }">
- <label>Name</label>
+<hr>
- <input type="text" name="name" class="form-control" ng-model="user.name"
- required/>
- <p class="help-block" ng-show="form.name.$error.required && submitted">
- A name is required
- </p>
- </div>
+<div class="container">
+ <div class="row">
+ <div class="col-md-offset-3 col-md-6">
+ <div class="page-header">
+ <h2>S'enregistrer</h2>
+ </div>
- <div class="form-group" ng-class="{ 'has-success': form.email.$valid && submitted,
- 'has-error': form.email.$invalid && submitted }">
- <label>Email</label>
+ <form class="form-horizontal" name="form" ng-submit="register(form)" novalidate>
- <input type="email" name="email" class="form-control" ng-model="user.email"
- required
- mongoose-error/>
- <p class="help-block" ng-show="form.email.$error.email && submitted">
- Doesn't look like a valid email.
- </p>
- <p class="help-block" ng-show="form.email.$error.required && submitted">
- What's your email address?
- </p>
- <p class="help-block" ng-show="form.email.$error.mongoose">
- {{ errors.email }}
- </p>
- </div>
+ <div class="form-group" ng-class="{ 'has-success': form.name.$valid && submitted,
+ 'has-error': form.name.$invalid && submitted }">
+ <label for="inputSignPseudo" class="col-sm-2 control-label">Nom</label>
+ <div class="col-sm-10">
+ <input id="inputSignPseudo" type="text" name="name" class="form-control" ng-model="user.name" required placeholder="Votre nom ou pseudo">
+ <p class="help-block" ng-show="form.name.$error.required && submitted">
+ Un nom est requis.
+ </p>
+ </div>
+ </div>
- <div class="form-group" ng-class="{ 'has-success': form.password.$valid && submitted,
- 'has-error': form.password.$invalid && submitted }">
- <label>Password</label>
+ <div class="form-group" ng-class="{ 'has-success': form.email.$valid && submitted,
+ 'has-error': form.email.$invalid && submitted }">
+ <label for="inputSignEmail" class="col-sm-2 control-label">E-mail</label>
+ <div class="col-sm-10">
+ <input id="inputSignEmail" type="email" name="email" class="form-control" ng-model="user.email" required mongoose-error>
+ <p class="help-block" ng-show="form.email.$error.email && submitted">
+ L'adresse E-mail est invalide.
+ </p>
+ <p class="help-block" ng-show="form.email.$error.required && submitted">
+ Quelle est votre adresse E-mail?
+ </p>
+ <p class="help-block" ng-show="form.email.$error.mongoose">
+ {{ errors.email }}
+ </p>
+ </div>
+ </div>
- <input type="password" name="password" class="form-control" ng-model="user.password"
- ng-minlength="3"
- required
- mongoose-error/>
- <p class="help-block"
- ng-show="(form.password.$error.minlength || form.password.$error.required) && submitted">
- Password must be at least 3 characters.
- </p>
- <p class="help-block" ng-show="form.password.$error.mongoose">
- {{ errors.password }}
- </p>
+ <div class="form-group" ng-class="{ 'has-success': form.password.$valid && submitted,
+ 'has-error': form.password.$invalid && submitted }">
+ <label for="inputSignPassword" class="col-sm-2 control-label">Mot de passe</label>
+ <div class="col-sm-10">
+ <input id="inputSignPassword" type="password" name="password" class="form-control" ng-model="user.password" ng-minlength="3" required mongoose-error/>
+ <p class="help-block" ng-show="(form.password.$error.minlength || form.password.$error.required) && submitted">
+ Le Mot de passe doit comprendre au moins 3 lettres.
+ </p>
+ <p class="help-block" ng-show="form.password.$error.mongoose">
+ {{ errors.password }}
+ </p>
+ </div>
+ </div>
+ <div class="form-group">
+ <div class="col-sm-offset-2 col-sm-10">
+ <button type="submit" class="btn btn-warning">S'enregister</button>
+ ou
+ <a href="/login" class="btn btn-default">Se connecter</a>
+ </div>
+ </div>
+ </form>
</div>
-
- <div>
- <button class="btn btn-ochre btn-lg btn-login" type="submit">
- Sign up
- </button>
- <a class="btn btn-default btn-lg btn-register" href="/login">
- Login
- </a>
- </div>
- </form>
</div>
- </div>
-</div>
\ No newline at end of file
+</div>
+
+<div ng-include="'components/footer/footer.html'"></div>
\ No newline at end of file