Compare View

switch
from
...
to
 
Commits (3)
Showing 4 changed files   Show diff stats
src/app/login/login.html
  Diff comments   View file @9af0f0f
... ... @@ -4,13 +4,49 @@
4 4 <div class="modal-body">
5 5 <form>
6 6 <div class="form-group">
7   - <label for="exampleInputEmail1">{{"auth.form.login" | translate}}</label>
8   - <input type="text" class="form-control" id="exampleInputEmail1" placeholder="Login / Email" ng-model="vm.credentials.username">
  7 + <label for="email">{{"auth.form.login" | translate}}</label>
  8 + <input type="text" class="form-control" id="email" placeholder="{{'auth.form.login' | translate}}" ng-model="vm.credentials.username">
9 9 </div>
10 10 <div class="form-group">
11   - <label for="exampleInputPassword1">{{"auth.form.password" | translate}}</label>
12   - <input type="password" class="form-control" id="exampleInputPassword1" placeholder="Password" ng-model="vm.credentials.password">
  11 + <label for="passwd">{{"auth.form.password" | translate}}</label>
  12 + <input type="password" class="form-control" id="passwd" placeholder="{{'auth.form.password' | translate}}" ng-model="vm.credentials.password">
13 13 </div>
14   - <button type="submit" class="btn btn-default" ng-click="vm.login()">{{"auth.form.login_button" | translate}}</button>
  14 + <div class="form-inline">
  15 + <div class="checkbox">
  16 + <label>
  17 + <input type="checkbox" > {{"auth.form.keepLoggedIn" | translate}}
  18 + </label>
  19 + </div>
  20 + <div class="pull-right">
  21 + <a data-dismiss="modal-dialog">{{"auth.form.forgotPasswd" | translate}}</a>
  22 + </div>
  23 + </div>
  24 + <button type="submit" class="btn btn-default btn-block" ng-click="vm.login()">{{"auth.form.login_button" | translate}}</button>
15 25 </form>
  26 + <div class="strike">
  27 + <span>
  28 + {{"auth.social.alternative" | translate}}
  29 + </span>
  30 + </div>
  31 + <div class="text-center">
  32 + <span>{{"auth.social.connectWith" | translate}}</span>
  33 +
  34 + <div id="oauth-block">
  35 + <span class="fa-stack fa-lg">
  36 + <i class="fa fa-circle fa-stack-2x"></i>
  37 + <i class="fa fa-facebook fa-stack-1x fa-inverse"></i>
  38 + </span>
  39 + <span class="fa-stack fa-lg">
  40 + <i class="fa fa-circle fa-stack-2x"></i>
  41 + <i class="fa fa-twitter fa-stack-1x fa-inverse"></i>
  42 + </span>
  43 + <span class="fa-stack fa-lg">
  44 + <i class="fa fa-circle fa-stack-2x"></i>
  45 + <i class="fa fa-google-plus fa-stack-1x fa-inverse"></i>
  46 + </span>
  47 + </div>
  48 + <div id="create-account">
  49 + <a href="">{{"auth.createAccount" | translate}}</a>
  50 + </div>
  51 + </div>
16 52 </div>
... ...
src/app/login/login.scss 0 → 100644
  Diff comments   View file @9af0f0f
... ... @@ -0,0 +1,55 @@
  1 +.modal-content{
  2 + padding: 40px;
  3 +}
  4 +.modal-header {
  5 + border-bottom: 0;
  6 + text-align: center;
  7 +}
  8 +form {
  9 + margin-bottom: 30px;
  10 +}
  11 +form button {
  12 + margin-top: 20px;
  13 + text-transform: uppercase;
  14 +}
  15 +.strike {
  16 + display: block;
  17 + text-align: center;
  18 + overflow: hidden;
  19 + white-space: nowrap;
  20 + padding: 25px 0;
  21 +}
  22 +
  23 +.strike > span {
  24 + position: relative;
  25 + display: inline-block;
  26 +}
  27 +
  28 +.strike > span:before,
  29 +.strike > span:after {
  30 + content: "";
  31 + position: absolute;
  32 + top: 50%;
  33 + width: 9999px;
  34 + height: 1px;
  35 + background: black;
  36 +}
  37 +
  38 +.strike > span:before {
  39 + right: 100%;
  40 + margin-right: 15px;
  41 +}
  42 +
  43 +.strike > span:after {
  44 + left: 100%;
  45 + margin-left: 15px;
  46 +}
  47 +.strike span {
  48 + text-transform: uppercase;
  49 +}
  50 +#oauth-block span {
  51 + margin: 5px;
  52 +}
  53 +#create-account {
  54 + padding: 30px 0 0;
  55 +}
... ...
src/languages/en.json
  Diff comments   View file @9af0f0f
... ... @@ -20,10 +20,15 @@
20 20 "activities.create_article.description": "has published on",
21 21 "activities.add_member_in_community.description": "has joined the community",
22 22 "activities.new_friendship.description": "has made {friends, plural, one{one new friend} other{# new friends}}:",
23   - "auth.title": "Login",
24   - "auth.form.login": "Login / Email address",
  23 + "auth.title": "Great to have you back!",
  24 + "auth.form.login": "Username or Email address",
25 25 "auth.form.password": "Password",
  26 + "auth.form.keepLoggedIn": "Keep me logged in",
  27 + "auth.form.forgotPasswd": "Forgot your password?",
26 28 "auth.form.login_button": "Login",
  29 + "auth.social.alternative": "Or",
  30 + "auth.social.connectWith": "Connect with:",
  31 + "auth.createAccount": "Create account",
27 32 "navbar.content_viewer_actions.new_post": "New Post",
28 33 "notification.error.default.message": "Something went wrong!",
29 34 "notification.error.default.title": "Oops...",
... ... @@ -31,5 +36,8 @@
31 36 "notification.http_error.401.message": "Unauthorized",
32 37 "notification.http_error.500.message": "Server error",
33 38 "comment.post": "Post a comment",
34   - "comment.reply": "reply"
  39 + "comment.reply": "reply",
  40 + "forgotPwd.title": "Forgot your password?",
  41 + "forgotPwd.sendInstructions": "Send Instructions",
  42 + "forgotPwd.info": "Upon clicking on the button above, you'll receive an email with instructions on how to create a new password."
35 43 }
... ...
src/languages/pt.json
  Diff comments   View file @9af0f0f
... ... @@ -20,10 +20,15 @@
20 20 "activities.create_article.description": "publicou em",
21 21 "activities.add_member_in_community.description": "entrou na comunidade",
22 22 "activities.new_friendship.description": "fez {friends, plural, one{um novo amigo} other{# novos amigos}}:",
23   - "auth.title": "Login",
24   - "auth.form.login": "Login / Email",
  23 + "auth.title": "Legal ter você de volta!",
  24 + "auth.form.login": "Nome de usuário ou Email",
25 25 "auth.form.password": "Senha",
  26 + "auth.form.keepLoggedIn": "Continuar logado",
  27 + "auth.form.forgotPasswd": "Esqueceu sua senha?",
26 28 "auth.form.login_button": "Login",
  29 + "auth.social.alternative": "Ou",
  30 + "auth.social.connectWith": "Conectar com:",
  31 + "auth.createAccount": "Criar conta",
27 32 "navbar.content_viewer_actions.new_post": "Novo Artigo",
28 33 "notification.error.default.message": "Algo deu errado!",
29 34 "notification.error.default.title": "Oops...",
... ... @@ -31,5 +36,8 @@
31 36 "notification.http_error.401.message": "Não autorizado",
32 37 "notification.http_error.500.message": "Erro no servidor",
33 38 "comment.post": "Commentar",
34   - "comment.reply": "responder"
  39 + "comment.reply": "responder",
  40 + "forgotPwd.title": "Esqueceu sua senha?",
  41 + "forgotPwd.sendInstructions": "Enviar Instruções",
  42 + "forgotPwd.info": "Ao clicar no botão acima, você receberá um email com instruções para criar uma nova senha."
35 43 }
... ...