diff --git a/SessionCompanion/SessionCompanion/ClientApp/src/app/components/registration/registration.component.css b/SessionCompanion/SessionCompanion/ClientApp/src/app/components/registration/registration.component.css
index e69de29..22820c6 100644
--- a/SessionCompanion/SessionCompanion/ClientApp/src/app/components/registration/registration.component.css
+++ b/SessionCompanion/SessionCompanion/ClientApp/src/app/components/registration/registration.component.css
@@ -0,0 +1,62 @@
+@import "../../../styles.css";
+mat-form-field {
+ color: #df7c0f;
+}
+
+:host {
+ height: 100%;
+ width: 100%;
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ justify-content: center;
+}
+
+input {
+ min-width: 150px;
+ max-width: 500px;
+ width: 100%;
+}
+
+.container {
+ margin: 5%;
+ display: flex;
+ flex-direction: column;
+}
+.container h1 {
+ margin-bottom: 1rem;
+}
+
+.form-container {
+ padding: 10px;
+ margin: 5px;
+}
+
+.primary-text {
+ height: 100px;
+ color: #df7c0f;
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ justify-content: center;
+ padding: 1%;
+ margin: 1%;
+}
+
+.header {
+ font-size: 20px;
+}
+
+@media (max-width: 768px) {
+ .container {
+ width: 350px;
+ padding-top: 30%;
+ }
+}
+
+@media (min-width: 768px) {
+ .container {
+ width: 550px;
+ padding-top: 10%;
+ }
+}
diff --git a/SessionCompanion/SessionCompanion/ClientApp/src/app/components/registration/registration.component.html b/SessionCompanion/SessionCompanion/ClientApp/src/app/components/registration/registration.component.html
index e69de29..c178f41 100644
--- a/SessionCompanion/SessionCompanion/ClientApp/src/app/components/registration/registration.component.html
+++ b/SessionCompanion/SessionCompanion/ClientApp/src/app/components/registration/registration.component.html
@@ -0,0 +1,65 @@
+
+ arrow_back
+
+
+
+ Username is required
+ person
+
+
+
+
+ lock
+
+ Password is required
+
+
+ Password must be of length 6
+
+
+
+
+
+ lock
+
+ Confirm your password
+
+
+ Please make sure your passwords match
+
+
+
+
+
+
diff --git a/SessionCompanion/SessionCompanion/ClientApp/src/app/components/registration/registration.component.ts b/SessionCompanion/SessionCompanion/ClientApp/src/app/components/registration/registration.component.ts
index ce4f498..1c4e64b 100644
--- a/SessionCompanion/SessionCompanion/ClientApp/src/app/components/registration/registration.component.ts
+++ b/SessionCompanion/SessionCompanion/ClientApp/src/app/components/registration/registration.component.ts
@@ -1,4 +1,5 @@
-import { Component } from '@angular/core';
+import { Component, ChangeDetectorRef } from '@angular/core';
+import { Router } from '@angular/router';
@Component({
selector: 'app-registration',
@@ -8,11 +9,25 @@ import { Component } from '@angular/core';
export class RegistrationComponent {
isExpanded = false;
+ username = "";
+ password = "";
+ confirmPassword = "";
+
+ constructor(private router: Router, private cdRef:ChangeDetectorRef) {}
+
collapse() {
this.isExpanded = false;
}
+ GoToLoginPage() {
+ this.router.navigate(['login'])
+ }
+
toggle() {
this.isExpanded = !this.isExpanded;
}
+
+ ngAfterViewChecked(){
+ this.cdRef.detectChanges();
+ }
}
diff --git a/SessionCompanion/SessionCompanion/ClientApp/src/app/components/sign-in/sign-in.component.css b/SessionCompanion/SessionCompanion/ClientApp/src/app/components/sign-in/sign-in.component.css
index 4ea546d..22820c6 100644
--- a/SessionCompanion/SessionCompanion/ClientApp/src/app/components/sign-in/sign-in.component.css
+++ b/SessionCompanion/SessionCompanion/ClientApp/src/app/components/sign-in/sign-in.component.css
@@ -42,16 +42,21 @@ input {
padding: 1%;
margin: 1%;
}
+
+.header {
+ font-size: 20px;
+}
+
@media (max-width: 768px) {
.container {
width: 350px;
- padding-top: 50%;
+ padding-top: 30%;
}
}
@media (min-width: 768px) {
.container {
width: 550px;
- padding-top: 20%;
+ padding-top: 10%;
}
}
diff --git a/SessionCompanion/SessionCompanion/ClientApp/src/app/components/sign-in/sign-in.component.html b/SessionCompanion/SessionCompanion/ClientApp/src/app/components/sign-in/sign-in.component.html
index 303bc0f..20659b5 100644
--- a/SessionCompanion/SessionCompanion/ClientApp/src/app/components/sign-in/sign-in.component.html
+++ b/SessionCompanion/SessionCompanion/ClientApp/src/app/components/sign-in/sign-in.component.html
@@ -1,5 +1,6 @@
arrow_back
+