+
\ No newline at end of file
diff --git a/Client/src/app/components/members-page/members-page.component.spec.ts b/Client/src/app/components/members-page/members-page.component.spec.ts
new file mode 100644
index 0000000..a07bfa8
--- /dev/null
+++ b/Client/src/app/components/members-page/members-page.component.spec.ts
@@ -0,0 +1,25 @@
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { MembersPageComponent } from './members-page.component';
+
+describe('MembersPageComponent', () => {
+ let component: MembersPageComponent;
+ let fixture: ComponentFixture;
+
+ beforeEach(async(() => {
+ TestBed.configureTestingModule({
+ declarations: [ MembersPageComponent ]
+ })
+ .compileComponents();
+ }));
+
+ beforeEach(() => {
+ fixture = TestBed.createComponent(MembersPageComponent);
+ component = fixture.componentInstance;
+ fixture.detectChanges();
+ });
+
+ it('should create', () => {
+ expect(component).toBeTruthy();
+ });
+});
diff --git a/Client/src/app/components/members-page/members-page.component.ts b/Client/src/app/components/members-page/members-page.component.ts
new file mode 100644
index 0000000..b378ada
--- /dev/null
+++ b/Client/src/app/components/members-page/members-page.component.ts
@@ -0,0 +1,39 @@
+import { Component, OnInit } from '@angular/core';
+import { LoginService } from 'src/app/services/login.service';
+import { User } from 'src/app/interfaces/user';
+import { UserRights } from 'src/app/constants/user-rights';
+import { MatDialog } from '@angular/material';
+import { AddUserPopupComponent } from '../popups/add-user-popup/add-user-popup.component';
+import { take } from 'rxjs/operators';
+
+@Component({
+ selector: 'app-members-page',
+ templateUrl: './members-page.component.html',
+ styleUrls: ['./members-page.component.css']
+})
+export class MembersPageComponent implements OnInit {
+
+ public loading: boolean = true;
+ public user: User;
+ public get canAddUser(): boolean {
+ return this.user && this.user.canDo(UserRights.userAdd);
+ }
+
+ constructor(private loginService: LoginService, private matDialog: MatDialog) { }
+
+ ngOnInit() {
+ this.loginService.isLoggedIn(true).pipe(take(1)).subscribe(r => {
+ this.loading = false;
+ console.log(r);
+ if (r == false) {
+ this.addUserModal();
+ }
+ })
+ this.loginService.user.subscribe(u => this.user = u);
+ }
+
+ addUserModal() {
+ let dialog = this.matDialog.open(AddUserPopupComponent);
+ }
+
+}
diff --git a/Client/src/app/components/menu/menu.component.html b/Client/src/app/components/menu/menu.component.html
index 6267802..f36d7e0 100644
--- a/Client/src/app/components/menu/menu.component.html
+++ b/Client/src/app/components/menu/menu.component.html
@@ -4,13 +4,13 @@
-
-
-
-
-
-
-
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/Client/src/app/components/popups/add-user-popup/add-user-popup.component.css b/Client/src/app/components/popups/add-user-popup/add-user-popup.component.css
new file mode 100644
index 0000000..8286984
--- /dev/null
+++ b/Client/src/app/components/popups/add-user-popup/add-user-popup.component.css
@@ -0,0 +1,3 @@
+.full-width {
+ width: 100%;
+}
\ No newline at end of file
diff --git a/Client/src/app/components/popups/add-user-popup/add-user-popup.component.html b/Client/src/app/components/popups/add-user-popup/add-user-popup.component.html
new file mode 100644
index 0000000..d751f60
--- /dev/null
+++ b/Client/src/app/components/popups/add-user-popup/add-user-popup.component.html
@@ -0,0 +1,40 @@
+