#18 user admin creation screen

src/app/modules/admin-home/admin-home-routing.module.ts

@@ -7,6 +7,7 @@ import { PaymentSubscriptionComponent } from './payments/payment-subscription/pa
 import { PaymentPricesComponent } from './payments/payment-prices/payment-prices.component';
 import { PaymentProductCreateComponent } from './payments/payment-product-create/payment-product-create.component';
 import { PaymentPriceCreateComponent } from './payments/payment-price-create/payment-price-create.component';
+import { UsersAdminComponent } from './users-admin/users-admin.component';
 
 const routes: Routes = [
   {
@@ -17,7 +18,8 @@ const routes: Routes = [
         { path: "payment-products/create", component: PaymentProductCreateComponent, canActivate: [AdminAuthGuardService] },
         { path: "payment-prices", component: PaymentPricesComponent, canActivate: [AdminAuthGuardService] },
         { path: "payment-prices/create", component: PaymentPriceCreateComponent, canActivate: [AdminAuthGuardService] },
-        { path: "payment-subscription", component: PaymentSubscriptionComponent, canActivate: [AdminAuthGuardService] }
+        { path: "payment-subscription", component: PaymentSubscriptionComponent, canActivate: [AdminAuthGuardService] },
+        { path: "users-admin", component: UsersAdminComponent, canActivate: [AdminAuthGuardService] }
       ]
   }
 ];

src/app/modules/admin-home/admin-navigation/admin-navigation.component.html

@@ -9,6 +9,7 @@
     <a class="list-group-item list-group-item-action" routerLink="/admin-home/payment-subscription">
       Subscription
     </a>
+    <a class="list-group-item list-group-item-action" routerLink="/admin-home/users-admin">Users Admin</a>
   </ul>
 }
 

src/app/modules/admin-home/users-admin/users-admin.component.html

@@ -0,0 +1,8 @@
+<table class="table table-hover">
+    <thead>
+        <tr>
+            <td scope="col">Email</td>
+            <td scope="col">Username</td>
+        </tr>
+    </thead>
+</table>

src/app/modules/admin-home/users-admin/users-admin.component.spec.ts

@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { UsersAdminComponent } from './users-admin.component';
+
+describe('UsersAdminComponent', () => {
+  let component: UsersAdminComponent;
+  let fixture: ComponentFixture<UsersAdminComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [UsersAdminComponent]
+    })
+    .compileComponents();
+
+    fixture = TestBed.createComponent(UsersAdminComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

src/app/modules/admin-home/users-admin/users-admin.component.ts

@@ -0,0 +1,19 @@
+import { Component, OnInit } from '@angular/core';
+import { HttpService } from 'src/app/services/http.service';
+
+@Component({
+  selector: 'app-users-admin',
+  templateUrl: './users-admin.component.html',
+  styleUrl: './users-admin.component.css'
+})
+export class UsersAdminComponent implements OnInit {
+
+  constructor(private httpService: HttpService) {
+
+  }
+
+  ngOnInit(): void {
+    this.getUsersPage();
+  }
+
+}