aboutsummaryrefslogtreecommitdiffhomepage
path: root/client/angular/users
diff options
context:
space:
mode:
authorChocobozzz <florian.bigard@gmail.com>2016-03-22 15:51:54 +0100
committerChocobozzz <florian.bigard@gmail.com>2016-03-22 15:51:54 +0100
commitb1794c53ac97d77a16c10ed915336f08cff1e5e3 (patch)
tree9dd64ee8316e1e60c434a7d0a6dcbace49eb4d6b /client/angular/users
parent13ce1d01c953f0c4fd3b1d714c016f927dc16f66 (diff)
downloadPeerTube-b1794c53ac97d77a16c10ed915336f08cff1e5e3.tar.gz
PeerTube-b1794c53ac97d77a16c10ed915336f08cff1e5e3.tar.zst
PeerTube-b1794c53ac97d77a16c10ed915336f08cff1e5e3.zip
Login in Angular : first draft
Diffstat (limited to 'client/angular/users')
-rw-r--r--client/angular/users/components/login/login.component.html14
-rw-r--r--client/angular/users/components/login/login.component.scss0
-rw-r--r--client/angular/users/components/login/login.component.ts32
-rw-r--r--client/angular/users/models/authStatus.ts4
-rw-r--r--client/angular/users/models/token.ts17
-rw-r--r--client/angular/users/services/auth.service.ts54
6 files changed, 121 insertions, 0 deletions
diff --git a/client/angular/users/components/login/login.component.html b/client/angular/users/components/login/login.component.html
new file mode 100644
index 000000000..940694515
--- /dev/null
+++ b/client/angular/users/components/login/login.component.html
@@ -0,0 +1,14 @@
1<h3>Login</h3>
2<form role="form" (submit)="login(username.value, password.value)">
3 <div class="form-group">
4 <label for="username">Username</label>
5 <input type="text" #username class="form-control" id="username" placeholder="Username">
6 </div>
7
8 <div class="form-group">
9 <label for="password">Password</label>
10 <input type="password" #password class="form-control" id="password" placeholder="Password">
11 </div>
12
13 <input type="submit" value="Login" class="btn btn-default">
14</form>
diff --git a/client/angular/users/components/login/login.component.scss b/client/angular/users/components/login/login.component.scss
new file mode 100644
index 000000000..e69de29bb
--- /dev/null
+++ b/client/angular/users/components/login/login.component.scss
diff --git a/client/angular/users/components/login/login.component.ts b/client/angular/users/components/login/login.component.ts
new file mode 100644
index 000000000..0881a3a15
--- /dev/null
+++ b/client/angular/users/components/login/login.component.ts
@@ -0,0 +1,32 @@
1import { Component } from 'angular2/core';
2import { Router } from 'angular2/router';
3
4import { AuthService } from '../../services/auth.service';
5import { AuthStatus } from '../../models/authStatus';
6import { Token } from '../../models/token';
7
8@Component({
9 selector: 'my-user-login',
10 styleUrls: [ 'app/angular/users/components/login/login.component.css' ],
11 templateUrl: 'app/angular/users/components/login/login.component.html'
12})
13
14export class UserLoginComponent {
15 constructor(private _authService: AuthService, private _router: Router) {}
16
17 login(username: string, password: string) {
18 this._authService.login(username, password).subscribe(
19 result => {
20 if (result.error) return alert(result.error_description);
21
22 let token = new Token(result);
23 token.save();
24
25 this._authService.setStatus(AuthStatus.LoggedIn);
26
27 this._router.navigate(['VideosList']);
28 },
29 error => alert(error)
30 );
31 }
32}
diff --git a/client/angular/users/models/authStatus.ts b/client/angular/users/models/authStatus.ts
new file mode 100644
index 000000000..f646bd4cf
--- /dev/null
+++ b/client/angular/users/models/authStatus.ts
@@ -0,0 +1,4 @@
1export enum AuthStatus {
2 LoggedIn,
3 LoggedOut
4}
diff --git a/client/angular/users/models/token.ts b/client/angular/users/models/token.ts
new file mode 100644
index 000000000..688dfdc80
--- /dev/null
+++ b/client/angular/users/models/token.ts
@@ -0,0 +1,17 @@
1export class Token {
2 access_token: string;
3 refresh_token: string;
4 token_type: string;
5
6 constructor (hash) {
7 this.access_token = hash.access_token;
8 this.refresh_token = hash.refresh_token;
9 this.token_type = hash.token_type;
10 }
11
12 save() {
13 localStorage.setItem('access_token', this.access_token);
14 localStorage.setItem('refresh_token', this.refresh_token);
15 localStorage.setItem('token_type', this.token_type);
16 }
17}
diff --git a/client/angular/users/services/auth.service.ts b/client/angular/users/services/auth.service.ts
new file mode 100644
index 000000000..a512c3d9c
--- /dev/null
+++ b/client/angular/users/services/auth.service.ts
@@ -0,0 +1,54 @@
1import { Injectable } from 'angular2/core';
2import { Http, Response, Headers, URLSearchParams } from 'angular2/http';
3import { Observable, Subject } from 'rxjs/Rx';
4
5import { Token } from '../models/token';
6import { AuthStatus } from '../models/authStatus';
7
8@Injectable()
9export class AuthService {
10 private _loginChanged = new Subject<AuthStatus>();
11
12 private _baseLoginUrl = '/api/v1/users/token';
13 private _clientId = '56f055587305d40b21904240';
14 private _clientSecret = 'megustalabanana';
15
16 loginChanged$ = this._loginChanged.asObservable();
17
18 constructor (private http: Http) {}
19
20 login(username: string, password: string) {
21 let body = new URLSearchParams();
22 body.set('client_id', this._clientId);
23 body.set('client_secret', this._clientSecret);
24 body.set('response_type', 'code');
25 body.set('grant_type', 'password');
26 body.set('scope', 'upload');
27 body.set('username', username);
28 body.set('password', password);
29
30 let headers = new Headers();
31 headers.append('Content-Type', 'application/x-www-form-urlencoded');
32
33 let options = {
34 headers: headers
35 }
36
37 return this.http.post(this._baseLoginUrl, body.toString(), options)
38 .map(res => res.json())
39 .catch(this.handleError);
40 }
41
42 logout() {
43 // TODO make HTTP request
44 }
45
46 setStatus(status: AuthStatus) {
47 this._loginChanged.next(status);
48 }
49
50 private handleError (error: Response) {
51 console.error(error);
52 return Observable.throw(error.json().error || 'Server error');
53 }
54}