From ce32f6c28a7e74bdd67bb548a7bf939d9e547d84 Mon Sep 17 00:00:00 2001 From: Viicious Date: Sun, 24 Jun 2018 18:58:23 +0200 Subject: [PATCH] checkbox register rules --- .../download-link.component.html | 4 - src/app/home/home.component.html | 83 ++++++++++++++++++- src/app/home/home.component.scss | 10 +++ src/app/home/home.component.ts | 6 ++ 4 files changed, 97 insertions(+), 6 deletions(-) diff --git a/src/app/download-link/download-link.component.html b/src/app/download-link/download-link.component.html index 18f3f6e..2825382 100644 --- a/src/app/download-link/download-link.component.html +++ b/src/app/download-link/download-link.component.html @@ -3,10 +3,6 @@ - - -
diff --git a/src/app/home/home.component.html b/src/app/home/home.component.html index 1341cf6..91aa11f 100644 --- a/src/app/home/home.component.html +++ b/src/app/home/home.component.html @@ -114,9 +114,88 @@ +
+ + + +
+ + + + +
- - + +
diff --git a/src/app/home/home.component.scss b/src/app/home/home.component.scss index e35f66c..a45dee5 100644 --- a/src/app/home/home.component.scss +++ b/src/app/home/home.component.scss @@ -43,9 +43,19 @@ h6 { } } +.form-check { + padding-left: 0; + padding-top: 1.2rem; + padding-bottom: 1rem; +} + .priceList { padding: 10%; padding-top: 0%; padding-bottom: 5%; } + +#rules { + margin-left: 1rem; +} diff --git a/src/app/home/home.component.ts b/src/app/home/home.component.ts index 397cde6..fcb70dd 100644 --- a/src/app/home/home.component.ts +++ b/src/app/home/home.component.ts @@ -11,6 +11,7 @@ import { of } from 'rxjs/observable/of'; }) export class HomeComponent implements OnInit { registerbool: boolean; + toggleButton: boolean signupData = { username:'', password:'' }; loginData = { username: '', password: '' }; message = ''; @@ -19,12 +20,17 @@ export class HomeComponent implements OnInit { constructor(private http: HttpClient, private router: Router) { this.registerbool = false; + this.toggleButton = false; } showregister() { this.registerbool = !this.registerbool } + toggleCheckbox() { + this.toggleButton = !this.toggleButton; + } + login() { this.http.post('/api/signin', this.loginData).subscribe(resp => { this.data = resp;