Adds account register module

Signed-off-by: DylanGuedes <djmgguedes@gmail.com> Signed-off-by: Omar Junior <omarroinuj@gmail.com> Signed-off-by: Sabryna Sousa <sabryna.sousa1323@gmail.com>

Adds account register module
Signed-off-by: DylanGuedes <djmgguedes@gmail.com> Signed-off-by: Omar Junior <omarroinuj@gmail.com> Signed-off-by: Sabryna Sousa <sabryna.sousa1323@gmail.com>
Dylan Guedes
1 parent 0e6cfa00
Showing 6 changed files with 98 additions and 0 deletions Show diff stats
src/app/account/.register-component.html.swp
src/app/account/register-component.html
src/app/account/register.component.ts
src/app/account/register.html
src/app/layout/navbar/navbar.html
src/app/main/main.component.ts
@@ -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>
@@ -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.");
+        }
+    }
+
+}
@@ -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>
@@ -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>
@@ -7,6 +7,7 @@ import {ProfileComponent} from &quot;../profile/profile.component&quot;;
 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,
@@ -0,0 +1,43 @@		@@ -0,0 +1,43 @@
	1	+<div class="register-page">
	2	+ <h1>Ótimo ter você aqui!</h1>
	3	+ <p>
	4	+ "Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit..."
	5	+ "There is no one who loves pain itself, who seeks after it and wants to have it, simply because it is pain..."
	6	+ </p>
	7	+ <p>Saiba mais <a href="#">informações</a></p>
	8	+ <form>
	9	+ <div class="row">
	10	+ <div class="col-md-6">
	11	+ <label for="name">First Name</label>
	12	+ <input type="text" class="form-control" id="name" placeholder="joao" ng-model="ctrl.account.name">
	13	+ </div>
	14	+
	15	+ <div class="col-md-6">
	16	+ <label for="lastName">Last Name</label>
	17	+ <input type="text" class="form-control" id="lastName" placeholder="silva" ng-model="ctrl.account.lastName">
	18	+ </div>
	19	+
	20	+ <div class="col-md-12">
	21	+ <label for="login">Username</label>
	22	+ <input type="text" class="form-control" id="login" placeholder="username" ng-model="ctrl.account.login">
	23	+ </div>
	24	+
	25	+ <div class="col-md-12">
	26	+ <label for="email">Email</label>
	27	+ <input type="text" class="form-control" id="email" placeholder="Email" ng-model="ctrl.account.email">
	28	+ </div>
	29	+
	30	+ <div class="col-md-6">
	31	+ <label for="password">Password</label>
	32	+ <input type="password" class="form-control" id="password" placeholder="Password" ng-model="ctrl.account.password">
	33	+ </div>
	34	+
	35	+ <div class="col-md-6">
	36	+ <label for="password-confirmation">Password Confirmation</label>
	37	+ <input type="password" class="form-control" id="passwordConfirmation" placeholder="Password Confirmation" ng-model="ctrl.account.passwordConfirmation">
	38	+ </div>
	39	+ </div>
	40	+
	41	+ <button type="submit" class="btn btn-default" ng-click="ctrl.signup(ctrl.account)">SignUp</button>
	42	+ </form>
	43	+</div>
@@ -0,0 +1,26 @@		@@ -0,0 +1,26 @@
	1	+import { Inject, Input, Component, Output, EventEmitter, } from 'ng-forward';
	2	+
	3	+@Component({
	4	+ selector: 'noosfero-register',
	5	+ templateUrl: 'app/account/register-component.html',
	6	+})
	7	+
	8	+@Inject("$http")
	9	+export class RegisterComponent {
	10	+ constructor(private $http: ng.IHttpService) { }
	11	+
	12	+ signup (account: any) {
	13	+ if (account.password === account.passwordConfirmation) {
	14	+ this.$http.post("http://localhost:3000/api/v1/register", {
	15	+ "login": account.login,
	16	+ "email": account.email,
	17	+ "password": account.password
	18	+ }).then((response) => {
	19	+ console.log(response);
	20	+ });
	21	+ } else {
	22	+ alert("Wrong password confirmation.");
	23	+ }
	24	+ }
	25	+
	26	+}
@@ -0,0 +1,10 @@		@@ -0,0 +1,10 @@
	1	+<div class="row">
	2	+ <div class="col-md-3"></div>
	3	+
	4	+ <!-- component at center of page -->
	5	+ <div class="col-md-6">
	6	+ <noosfero-register></noosfero-register>
	7	+ </div>
	8	+
	9	+ <div class="col-md-3"></div>
	10	+</div>
	@@ -22,6 +22,12 @@		@@ -22,6 +22,12 @@
22	<a ng-href="#" ng-click="ctrl.openLogin()">{{"navbar.login" \| translate}}</a>	22	<a ng-href="#" ng-click="ctrl.openLogin()">{{"navbar.login" \| translate}}</a>
23	</li>	23	</li>
24		24
		25	+ <li ng-show="!ctrl.currentUser">
		26	+ <a ui-sref="main.register">
		27	+ Sign Up
		28	+ </a>
		29	+ </li>
		30	+
25	<li class="dropdown profile-menu" ng-show="ctrl.currentUser" uib-dropdown>	31	<li class="dropdown profile-menu" ng-show="ctrl.currentUser" uib-dropdown>
26	<a href="#" class="dropdown-toggle" aria-expanded="false" uib-dropdown-toggle>	32	<a href="#" class="dropdown-toggle" aria-expanded="false" uib-dropdown-toggle>
27	<noosfero-profile-image [profile]="ctrl.currentUser.person" class="profile-image"></noosfero-profile-image>	33	<noosfero-profile-image [profile]="ctrl.currentUser.person" class="profile-image"></noosfero-profile-image>
	@@ -7,6 +7,7 @@ import {ProfileComponent} from "../profile/profile.component";		@@ -7,6 +7,7 @@ import {ProfileComponent} from "../profile/profile.component";
7	import {BoxesComponent} from "../layout/boxes/boxes.component";	7	import {BoxesComponent} from "../layout/boxes/boxes.component";
8	import {BlockComponent} from "../layout/blocks/block.component";	8	import {BlockComponent} from "../layout/blocks/block.component";
9	import {EnvironmentComponent} from "../environment/environment.component";	9	import {EnvironmentComponent} from "../environment/environment.component";
		10	+import {RegisterComponent} from "../account/register.component";
10	import {EnvironmentHomeComponent} from "../environment/environment-home.component";	11	import {EnvironmentHomeComponent} from "../environment/environment-home.component";
11	import {PeopleBlockComponent} from "../layout/blocks/people-block/people-block.component";	12	import {PeopleBlockComponent} from "../layout/blocks/people-block/people-block.component";
12	import {LinkListBlockComponent} from "./../layout/blocks/link-list/link-list.component";	13	import {LinkListBlockComponent} from "./../layout/blocks/link-list/link-list.component";
	@@ -109,6 +110,18 @@ export class EnvironmentContent {		@@ -109,6 +110,18 @@ export class EnvironmentContent {
109	}	110	}
110	},	111	},
111	{	112	{
		113	+ url: '/account/signup',
		114	+ component: RegisterComponent,
		115	+ name: 'main.register',
		116	+ views: {
		117	+ "content": {
		118	+ templateUrl: "app/account/register.html",
		119	+ controller: RegisterComponent,
		120	+ controllerAs: "vm"
		121	+ }
		122	+ }
		123	+ },
		124	+ {
112	url: "^/:profile",	125	url: "^/:profile",
113	abstract: true,	126	abstract: true,
114	component: ProfileComponent,	127	component: ProfileComponent,