From 207be9ec3482b779ad224e7593dd5166a1608b48 Mon Sep 17 00:00:00 2001
From: DylanGuedes <djmgguedes@gmail.com>
Date: Tue, 3 May 2016 10:28:19 -0300
Subject: [PATCH] Adds account register module

---
 src/app/account/register-component.html      | 56 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 src/app/account/register.component.ts        | 22 ++++++++++++++++++++++
 src/app/account/register.html                | 10 ++++++++++
 src/app/account/scss/register-component.scss | 38 ++++++++++++++++++++++++++++++++++++++
 src/app/layout/navbar/navbar.html            |  6 ++++++
 src/app/main/main.component.ts               | 13 +++++++++++++
 src/languages/en.json                        | 13 +++++++++++++
 src/languages/pt.json                        | 15 ++++++++++++++-
 8 files changed, 172 insertions(+), 1 deletion(-)
 create mode 100644 src/app/account/register-component.html
 create mode 100644 src/app/account/register.component.ts
 create mode 100644 src/app/account/register.html
 create mode 100644 src/app/account/scss/register-component.scss

diff --git a/src/app/account/register-component.html b/src/app/account/register-component.html
new file mode 100644
index 0000000..da6b922
--- /dev/null
+++ b/src/app/account/register-component.html
@@ -0,0 +1,56 @@
+<div class="register-page">
+  <div class="welcome-message">
+    <h1>{{"account.register.welcomeMessage" | translate }}</h1>
+    <p>
+      "Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit..."
+      "There is no one who loves pain itself, who seeks after it and wants to have it, simply because it is pain..."
+    </p>
+    <p>{{"account.register.seeMoreMessage" | translate}}<a href="#">{{"account.register.informationsMessage" | translate}}</a></p>
+  </div>
+  <form>
+    <div class="row">
+      <div class="col-md-6 register-field">
+        <label for="name">{{"account.register.firstNameLabel" | translate }}</label>
+        <input type="text" class="form-control" id="name" placeholder="joao" ng-model="ctrl.account.name">
+      </div>
+
+      <div class="col-md-6 register-field">
+        <label for="lastName">{{"account.register.lastNameLabel" | translate }}</label>
+        <input type="text" class="form-control" id="lastName" placeholder="silva" ng-model="ctrl.account.lastName">
+      </div>
+
+      <div class="col-md-12 register-field">
+        <label for="login">{{"account.register.usernameLabel" | translate }}</label>
+        <input type="text" class="form-control" id="login" placeholder="username" ng-model="ctrl.account.login">
+        <p class="light-text">ex: ola.coop.br/joaosilva</p>
+      </div>
+
+      <div class="col-md-12 register-field">
+        <label for="email">{{"account.register.emailLabel" | translate }}</label>
+        <input type="text" class="form-control" id="email" placeholder="Email" ng-model="ctrl.account.email">
+      </div>
+
+      <div class="col-md-6 register-field">
+        <label for="password">{{"account.register.passwordLabel" | translate }}</label>
+        <input type="password" class="form-control" id="password" placeholder="Password" ng-model="ctrl.account.password">
+      </div>
+
+      <div class="col-md-6 register-field">
+        <label for="password-confirmation">{{"account.register.passwordConfirmationLabel" | translate}}</label>
+        <input type="password" class="form-control" id="passwordConfirmation" placeholder="Password Confirmation" ng-model="ctrl.account.passwordConfirmation">
+      </div>
+
+      <div class="col-md-12">
+        <p class="terms-info">{{"account.register.accountCreatingMessage" | translate}} <a href="#">{{"account.register.termsOfUseMessage" | translate}}</a>.</p>
+      </div>
+
+      <div class="col-md-12">
+        <button type="submit" class="btn btn-default" ng-click="ctrl.signup(ctrl.account)">{{"account.register.signupMessage" | translate}}</button>
+      </div>
+
+    </div>
+  </form>
+
+  <p class="already-registered-message">{{"account.register.haveAccountMessage" | translate}}</p>
+
+</div>
diff --git a/src/app/account/register.component.ts b/src/app/account/register.component.ts
new file mode 100644
index 0000000..6b33d7e
--- /dev/null
+++ b/src/app/account/register.component.ts
@@ -0,0 +1,22 @@
+import { Inject, Input, Component, Output, EventEmitter,  } from 'ng-forward';
+
+@Component({
+    selector: 'noosfero-register',
+    templateUrl: 'app/account/register-component.html',
+})
+
+@Inject("$http")
+export class RegisterComponent {
+    constructor(private $http: ng.IHttpService) { }
+
+    signup (account: any) {
+        if (account.password === account.passwordConfirmation) {
+            this.$http.post("http://localhost:3000/api/v1/register", "login="+account.login+"&email="+account.email+"&password="+account.password).then((response) => {
+                console.log("User " + account.login + " created, please activate your account.");
+            });
+        } else {
+            alert("Wrong password confirmation.");
+        }
+    }
+
+}
diff --git a/src/app/account/register.html b/src/app/account/register.html
new file mode 100644
index 0000000..18a6fa2
--- /dev/null
+++ b/src/app/account/register.html
@@ -0,0 +1,10 @@
+<div class="row">
+  <div class="col-md-3"></div>
+
+  <!-- component at center of page -->
+  <div class="col-md-6">
+    <noosfero-register></noosfero-register>
+  </div>
+
+  <div class="col-md-3"></div>
+</div>
diff --git a/src/app/account/scss/register-component.scss b/src/app/account/scss/register-component.scss
new file mode 100644
index 0000000..99c0f2d
--- /dev/null
+++ b/src/app/account/scss/register-component.scss
@@ -0,0 +1,38 @@
+.register-page button {
+    width: 100%;
+    text-transform: uppercase;
+    font-weight: 600;
+}
+
+.register-page .light-text {
+    color: #BBB;
+    margin-top: 0px;
+    margin-bottom: 0px;
+    font-weight: 600;
+}
+
+.register-page .terms-info {
+    margin-top: 30px;
+    margin-bottom: 30px;
+}
+
+.register-page .welcome-message {
+    text-align: center;
+}
+
+.register-page .already-registered-message {
+    margin-top: 60px;
+    text-align: center;
+}
+
+.register-page input {
+    height: 40px;
+}
+
+.register-page .register-field {
+    margin-bottom: 25px;
+}
+
+.register-page input:focus {
+    border: 2px solid #bbb;
+}
diff --git a/src/app/layout/navbar/navbar.html b/src/app/layout/navbar/navbar.html
index bc01adc..f1a3efa 100644
--- a/src/app/layout/navbar/navbar.html
+++ b/src/app/layout/navbar/navbar.html
@@ -20,6 +20,12 @@
           <a ng-href="#" ng-click="ctrl.openLogin()">{{"navbar.login" | translate}}</a>
         </li>
 
+        <li ng-show="!ctrl.currentUser">
+          <a ui-sref="main.register">
+            Sign Up
+          </a>
+        </li>
+
         <li class="dropdown profile-menu" ng-show="ctrl.currentUser" uib-dropdown>
           <a href="#" class="dropdown-toggle" aria-expanded="false" uib-dropdown-toggle>
             <noosfero-profile-image [profile]="ctrl.currentUser.person" class="profile-image"></noosfero-profile-image>
diff --git a/src/app/main/main.component.ts b/src/app/main/main.component.ts
index c5095b2..2aa9cef 100644
--- a/src/app/main/main.component.ts
+++ b/src/app/main/main.component.ts
@@ -9,6 +9,7 @@ import {BoxesComponent} from "../layout/boxes/boxes.component";
 import {BlockContentComponent} from "../layout/blocks/block-content.component";
 import {BlockComponent} from "../layout/blocks/block.component";
 import {EnvironmentComponent} from "../environment/environment.component";
+import {RegisterComponent} from "../account/register.component";
 import {EnvironmentHomeComponent} from "../environment/environment-home.component";
 import {PeopleBlockComponent} from "../layout/blocks/people/people-block.component";
 import {DisplayContentBlockComponent} from "../layout/blocks/display-content/display-content-block.component";
@@ -147,6 +148,18 @@ export class EnvironmentContent {
         }
     },
     {
+        url: '/account/signup',
+        component: RegisterComponent,
+        name: 'main.register',
+        views: {
+            "content": {
+                templateUrl: "app/account/register.html",
+                controller: RegisterComponent,
+                controllerAs: "vm"
+            }
+        }
+    },
+    {
         url: "^/:profile",
         abstract: true,
         component: ProfileComponent,
diff --git a/src/languages/en.json b/src/languages/en.json
index ec23074..801cf0f 100644
--- a/src/languages/en.json
+++ b/src/languages/en.json
@@ -30,6 +30,19 @@
   "auth.form.login_button": "Login",
   "navbar.content_viewer_actions.new_item": "New Item",
   "navbar.profile_actions.new_item": "New Item",
+  "account.register.welcomeMessage": "Nice to have you there!",
+  "account.register.seeMoreMessage": "See more ",
+  "account.register.informationsMessage": "informations",
+  "account.register.firstNameLabel": "First Name",
+  "account.register.lastNameLabel": "Last Name",
+  "account.register.usernameLabel": "Username",
+  "account.register.emailLabel": "Email",
+  "account.register.passwordLabel": "Password",
+  "account.register.passwordConfirmationLabel": "Password Confirmation",
+  "account.register.accountCreatingMessage": "By creating an account, you are agreeing with the ",
+  "account.register.signupMessage": "Create Account",
+  "account.register.haveAccountMessage": "Already have an account?",
+  "account.register.termsOfUseMessage": "terms of use",
   "navbar.content_viewer_actions.new_post": "New Post",
   "navbar.content_viewer_actions.new_discussion": "New Discussion",
   "navbar.profile_actions.new_discussion": "New Discussion",
diff --git a/src/languages/pt.json b/src/languages/pt.json
index 02f7c95..8d2049a 100644
--- a/src/languages/pt.json
+++ b/src/languages/pt.json
@@ -97,5 +97,18 @@
   "block.edition.display_user.all": "Todos os usuários",
   "block.edition.display_user.logged": "Logados",
   "block.edition.display_user.not_logged": "Não logados",
-  "block.edition.language.label": "Exibir para:"
+  "block.edition.language.label": "Exibir para:",
+  "account.register.welcomeMessage": "Ótimo ter você aqui!",
+  "account.register.seeMoreMessage": "Saiba mais ",
+  "account.register.informationsMessage": "informações",
+  "account.register.firstNameLabel": "Nome",
+  "account.register.lastNameLabel": "Sobrenome",
+  "account.register.usernameLabel": "Nome de usuário",
+  "account.register.emailLabel": "Email",
+  "account.register.passwordLabel": "Senha",
+  "account.register.passwordConfirmationLabel": "Confirmar senha",
+  "account.register.accountCreatingMessage": "Ao criar uma conta, você está concordando com os ",
+  "account.register.termsOfUseMessage": "termos de uso",
+  "account.register.signupMessage": "Criar Conta",
+  "account.register.haveAccountMessage": "Já possui uma conta?"
 }
--
libgit2 0.21.2