From 007b2c4e2a5bb6dd6bf0e5619888c2c64db9ba04 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.swp | Bin 0 -> 12288 bytes
 src/app/account/register-component.html      | 43 +++++++++++++++++++++++++++++++++++++++++++
 src/app/account/register.component.ts        | 26 ++++++++++++++++++++++++++
 src/app/account/register.html                | 10 ++++++++++
 src/app/layout/navbar/navbar.html            |  6 ++++++
 src/app/main/main.component.ts               | 13 +++++++++++++
 6 files changed, 98 insertions(+), 0 deletions(-)
 create mode 100644 src/app/account/.register-component.html.swp
 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

diff --git a/src/app/account/.register-component.html.swp b/src/app/account/.register-component.html.swp
new file mode 100644
index 0000000..671cbae
Binary files /dev/null and b/src/app/account/.register-component.html.swp differ
diff --git a/src/app/account/register-component.html b/src/app/account/register-component.html
new file mode 100644
index 0000000..25c835c
--- /dev/null
+++ b/src/app/account/register-component.html
@@ -0,0 +1,43 @@
+<div class="register-page">
+  <h1>Ótimo ter você aqui!</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>Saiba mais <a href="#">informações</a></p>
+  <form>
+    <div class="row">
+      <div class="col-md-6">
+        <label for="name">First Name</label>
+        <input type="text" class="form-control" id="name" placeholder="joao" ng-model="ctrl.account.name">
+      </div>
+
+      <div class="col-md-6">
+        <label for="lastName">Last Name</label>
+        <input type="text" class="form-control" id="lastName" placeholder="silva" ng-model="ctrl.account.lastName">
+      </div>
+
+      <div class="col-md-12">
+        <label for="login">Username</label>
+        <input type="text" class="form-control" id="login" placeholder="username" ng-model="ctrl.account.login">
+      </div>
+
+      <div class="col-md-12">
+        <label for="email">Email</label>
+        <input type="text" class="form-control" id="email" placeholder="Email" ng-model="ctrl.account.email">
+      </div>
+
+      <div class="col-md-6">
+        <label for="password">Password</label>
+        <input type="password" class="form-control" id="password" placeholder="Password" ng-model="ctrl.account.password">
+      </div>
+
+      <div class="col-md-6">
+        <label for="password-confirmation">Password Confirmation</label>
+        <input type="password" class="form-control" id="passwordConfirmation" placeholder="Password Confirmation" ng-model="ctrl.account.passwordConfirmation">
+      </div>
+    </div>
+
+    <button type="submit" class="btn btn-default" ng-click="ctrl.signup(ctrl.account)">SignUp</button>
+  </form>
+</div>
diff --git a/src/app/account/register.component.ts b/src/app/account/register.component.ts
new file mode 100644
index 0000000..05d8e37
--- /dev/null
+++ b/src/app/account/register.component.ts
@@ -0,0 +1,26 @@
+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(response);
+            });
+        } 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/layout/navbar/navbar.html b/src/app/layout/navbar/navbar.html
index 71c30f7..c0abec8 100644
--- a/src/app/layout/navbar/navbar.html
+++ b/src/app/layout/navbar/navbar.html
@@ -22,6 +22,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 7cef8e7..d1dee99 100644
--- a/src/app/main/main.component.ts
+++ b/src/app/main/main.component.ts
@@ -7,6 +7,7 @@ import {ProfileComponent} from "../profile/profile.component";
 import {BoxesComponent} from "../layout/boxes/boxes.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-block/people-block.component";
 import {LinkListBlockComponent} from "./../layout/blocks/link-list/link-list.component";
@@ -109,6 +110,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,
--
libgit2 0.21.2