- Added user update modal

- Refactored modal logic

frontend/src/app/adminui/adminui.component.ts

@@ -1,4 +1,4 @@
-import { Component } from '@angular/core';
+import {Component, ElementRef, ViewChild} from '@angular/core';
 import {DatePipe, DecimalPipe, NgForOf} from "@angular/common";
 import axios from "axios";
 import {firstValueFrom} from "rxjs";
@@ -8,6 +8,8 @@ import {Router} from "@angular/router";
 import {FormatFileSizePipePipe} from "../format-file-size-pipe.pipe";
 import {DurationPipe} from "../duration.pipe";
 import {RelativeTimePipe} from "../relative-time.pipe";
+import {FormsModule} from "@angular/forms";
+import {EdituserComponent} from "./edituser/edituser.component";
 
 @Component({
   selector: 'app-adminui',
@@ -18,20 +20,30 @@ import {RelativeTimePipe} from "../relative-time.pipe";
     NgForOf,
     FormatFileSizePipePipe,
     DurationPipe,
-    RelativeTimePipe
+    RelativeTimePipe,
+    FormsModule,
+    EdituserComponent
   ],
   templateUrl: './adminui.component.html',
   styleUrl: './adminui.component.scss'
 })
 export class AdminuiComponent {
 
+  @ViewChild('edit_user_modal') edit_user_modal: ElementRef<HTMLDialogElement> | undefined;
+
   fileUploads: any[] = [];
   expiredFileUploads: any[] = [];
   totalFileSizeOnDisk: number = 0;
   totalFileDownloads = 0;
   statistics: any = {};
+  username: string = "";
 
   constructor(private developmentStore: DevelopmentStore, private authStore: AuthStore, private router: Router) {
+    this.init();
+  }
+
+  async init() {
+    this.username = await firstValueFrom(this.authStore.username$);
     setInterval(() => {
       this.verifyToken();
     }, 1000);
@@ -65,6 +77,10 @@ export class AdminuiComponent {
     }
   }
 
+  openEditUserModal() {
+    this.edit_user_modal?.nativeElement.showModal();
+  }
+
   async fetchFileUploads() {
     try {
       const response = await axios({