Add file upload functionality with dialog components and update image handling

jambotron-ui/src/app/modules/ai-module/generate-image.component/generate-image.component.ts

@@ -1,33 +1,23 @@
-import {Component, CUSTOM_ELEMENTS_SCHEMA, Inject, inject, Renderer2} from '@angular/core';
-import {AsyncPipe, DOCUMENT, NgOptimizedImage} from "@angular/common";
+import {Component, CUSTOM_ELEMENTS_SCHEMA, inject} from '@angular/core';
+import {AsyncPipe} from "@angular/common";
 import {FormsModule} from "@angular/forms";
 import {MatButton, MatMiniFabButton} from "@angular/material/button";
 import {
   MatCard,
   MatCardActions,
   MatCardContent,
-  MatCardHeader,
-  MatCardImage,
-  MatCardXlImage
+  MatCardHeader
 } from "@angular/material/card";
 import {MatFormField, MatInput, MatLabel} from "@angular/material/input";
 import {Image} from '../../../models/image';
 import {ZhipuaiImageService} from '../zhipuai-image.service';
 import {SpinnerService} from '../../../services/spinner.service';
 import {MatProgressSpinner} from '@angular/material/progress-spinner';
-
-import {FileUploadService} from '../../../services/file-upload-api.service';
-import {Observable, Subscription} from 'rxjs';
-import {HttpClient, HttpResponse} from '@angular/common/http';
 import {MatToolbar, MatToolbarRow} from '@angular/material/toolbar';
 import {MatIcon} from '@angular/material/icon';
 import {MatTooltip} from '@angular/material/tooltip';
-import {AuthService} from '../../../services/auth.service';
 import {TokenStorageService} from '../../../services/token-storage.service';
-import {FileInfo} from '../../../models/file-info';
 import {UserApiService} from '../../user-module/user-api.service';
-import {MatProgressBar} from '@angular/material/progress-bar';
-
 
 @Component({
   selector: 'app-generate-image.component',
@@ -43,26 +33,17 @@ import {MatProgressBar} from '@angular/material/progress-bar';
     MatInput,
     MatLabel,
     MatProgressSpinner,
-    NgOptimizedImage,
-    MatCardXlImage,
-    MatCardImage,
     MatToolbarRow,
     MatToolbar,
     MatIcon,
     MatMiniFabButton,
     MatTooltip,
-    MatProgressBar
-
-
   ],
   templateUrl: './generate-image.component.html',
   styleUrl: './generate-image.component.scss',
   schemas: [CUSTOM_ELEMENTS_SCHEMA]
 })
 export class GenerateImageComponent {
-
-  isSpinnerVisible = false;
-
   query : string = '';
 
   images: Image[] = [];
@@ -70,10 +51,6 @@ export class GenerateImageComponent {
     url: ''
   };
 
-  currentFile?: File;
-  message = '';
-
-
   isLoggedIn = false;
 
   private storageService: TokenStorageService = inject(TokenStorageService);
@@ -81,13 +58,8 @@ export class GenerateImageComponent {
   constructor(
     private zhipuaiImageService: ZhipuaiImageService,
     public spinnerService: SpinnerService,
-  private uploadService: FileUploadService,
-    private userApiService:UserApiService,
-
-
+    private userApiService:UserApiService
     ) {
-
-
     this.isLoggedIn = this.storageService.isLoggedIn();
   }
 
@@ -108,7 +80,6 @@ export class GenerateImageComponent {
     )
   }
 
-
   save(url: string | undefined) {
     let requestUrl:string = url?url:"";
     console.log(requestUrl);
@@ -118,9 +89,6 @@ export class GenerateImageComponent {
       console.log(error);
     });
   }
-
-
-
 }