+
+
+
+
+ This is a simple example project to demonstrate
+ User Authentication and Authorization using
+ Spring Security
+ and
+ OAuth2.
+
+
+
+ The only data stored is your email address, username and name.
+ This data is stored in a database and is used to authenticate you
+ and will not be used for any other purpose.
+
+
+
+ All data can be deleted by clicking the "Delete Account" button
+ on the "My Profile" option.
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/app/header/header-popup/my-profile/profile-picture-picker/profile-picture-picker.component.spec.ts b/src/app/header/header-popup/my-profile/profile-picture-picker/profile-picture-picker.component.spec.ts
new file mode 100644
index 0000000..41eb615
--- /dev/null
+++ b/src/app/header/header-popup/my-profile/profile-picture-picker/profile-picture-picker.component.spec.ts
@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { ProfilePicturePickerComponent } from './profile-picture-picker.component';
+
+describe('ProfilePicturePickerComponent', () => {
+ let component: ProfilePicturePickerComponent;
+ let fixture: ComponentFixture
+
+
+
+
+
+
+
+
+
- ![Profile Picture]()
-
\ No newline at end of file
+
diff --git a/src/app/header/header-slider/nav-slider/nav-slider.component.ts b/src/app/header/header-slider/nav-slider/nav-slider.component.ts
index f5a820e..104595b 100644
--- a/src/app/header/header-slider/nav-slider/nav-slider.component.ts
+++ b/src/app/header/header-slider/nav-slider/nav-slider.component.ts
@@ -1,14 +1,18 @@
-import { Component, EventEmitter, OnInit, Output } from '@angular/core';
+import {Component, EventEmitter, OnDestroy, OnInit, Output} from '@angular/core';
import { faUser } from '@fortawesome/free-solid-svg-icons';
import { SliderItemComponent } from 'src/app/shared/components/slider-item/slider-item.component';
+import UserChecker from "../../../shared/model/user/user.checker";
+import {User} from "../../../shared/model/user/user.model";
+import {AuthService} from "../../../shared/auth/auth.service";
+import {Subscription} from "rxjs";
@Component({
selector: 'app-nav-slider',
templateUrl: './nav-slider.component.html',
styleUrls: ['./nav-slider.component.css']
})
-export class NavSliderComponent extends SliderItemComponent {
-
+export class NavSliderComponent extends SliderItemComponent implements OnInit, OnDestroy {
+
userIcon = faUser;
navLink = [
@@ -18,13 +22,33 @@ export class NavSliderComponent extends SliderItemComponent {
{ page: "About", link: "/home" }
]
+ loggedUser!: User | null;
+
+ private userSubscription!: Subscription;
+
@Output()
profileButtonClicked = new EventEmitter();
- constructor() {
+ constructor(private authService: AuthService) {
super();
}
+ ngOnInit(): void {
+ this.userSubscription = this.authService.authSubject.subscribe(
+ res => {
+ if (res && UserChecker.test(res)) {
+ this.loggedUser =
- ![Profile Picture]()
-
@@ -43,28 +52,19 @@
-
+