add edit component

frontend/src/app/routes/settings/users/settings-users-edit/settings-users-edit.component.html

@@ -0,0 +1 @@
+<p>settings-users-edit works!</p>

frontend/src/app/routes/settings/users/settings-users-edit/settings-users-edit.component.ts

@@ -0,0 +1,15 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-settings-users-edit',
+  templateUrl: './settings-users-edit.component.html',
+  styleUrls: ['./settings-users-edit.component.scss']
+})
+export class SettingsUsersEditComponent implements OnInit {
+
+  constructor() { }
+
+  ngOnInit(): void {
+  }
+
+}

frontend/src/app/routes/settings/users/settings-users.module.ts

@@ -1,13 +1,16 @@
 import { CommonModule } from '@angular/common';
 import { NgModule } from '@angular/core';
 import { MatButtonModule } from '@angular/material/button';
+import { MatFormFieldModule } from '@angular/material/form-field';
 import { MatIconModule } from '@angular/material/icon';
 import { MatPaginatorModule } from '@angular/material/paginator';
 import { MatTableModule } from '@angular/material/table';
+import { SettingsUsersEditComponent } from './settings-users-edit/settings-users-edit.component';
 import { SettingsUsersComponent } from './settings-users.component';
 import { SettingsUsersRoutingModule } from './settings-users.routing.module';
+
 @NgModule({
-  declarations: [SettingsUsersComponent],
+  declarations: [SettingsUsersComponent, SettingsUsersEditComponent],
   imports: [
     CommonModule,
     SettingsUsersRoutingModule,
@@ -15,6 +18,7 @@ import { SettingsUsersRoutingModule } from './settings-users.routing.module';
     MatIconModule,
     MatTableModule,
     MatPaginatorModule,
+    MatFormFieldModule,
   ],
 })
 export class SettingsUsersRouteModule {}

frontend/src/app/routes/settings/users/settings-users.routing.module.ts

@@ -1,6 +1,7 @@
 import { NgModule } from '@angular/core';
 import { RouterModule } from '@angular/router';
 import { PRoutes } from 'src/app/models/picsur-routes';
+import { SettingsUsersEditComponent } from './settings-users-edit/settings-users-edit.component';
 import { SettingsUsersComponent } from './settings-users.component';
 
 const routes: PRoutes = [
@@ -8,6 +9,10 @@ const routes: PRoutes = [
     path: '',
     component: SettingsUsersComponent,
   },
+  {
+    path: 'edit/:id',
+    component: SettingsUsersEditComponent,
+  }
 ];
 
 @NgModule({