Add new components for AI and tutorials, update routing, and enhance file upload functionality

2025-08-04 10:38:46 +03:00
parent 18c6906637
commit 483d029952
206 changed files with 2362 additions and 1199 deletions
@@ -0,0 +1,126 @@
+import {Component, CUSTOM_ELEMENTS_SCHEMA, Inject, inject, Renderer2} from '@angular/core';
+import {AsyncPipe, DOCUMENT, NgOptimizedImage} from "@angular/common";
+import {FormsModule} from "@angular/forms";
+import {MatButton, MatMiniFabButton} from "@angular/material/button";
+import {
+  MatCard,
+  MatCardActions,
+  MatCardContent,
+  MatCardHeader,
+  MatCardImage,
+  MatCardXlImage
+} 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',
+  imports: [
+    AsyncPipe,
+    FormsModule,
+    MatButton,
+    MatCard,
+    MatCardActions,
+    MatCardContent,
+    MatCardHeader,
+    MatFormField,
+    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[] = [];
+  image: Image = {
+    url: ''
+  };
+
+  currentFile?: File;
+  message = '';
+
+
+  isLoggedIn = false;
+
+  private storageService: TokenStorageService = inject(TokenStorageService);
+
+  constructor(
+    private zhipuaiImageService: ZhipuaiImageService,
+    public spinnerService: SpinnerService,
+  private uploadService: FileUploadService,
+    private userApiService:UserApiService,
+
+
+    ) {
+
+
+    this.isLoggedIn = this.storageService.isLoggedIn();
+  }
+
+  generateImage(){
+    this.zhipuaiImageService.generate(this.query).subscribe(
+      data => {
+
+        this.image = data;
+
+        this.images.unshift(this.image);
+
+       // this.output.file = data.;
+        console.log(data);
+      },
+      error => {
+        console.log(error);
+      }
+    )
+  }
+
+
+  save(url: string | undefined) {
+    let requestUrl:string = url?url:"";
+    console.log(requestUrl);
+    this.userApiService.saveZhipuaiImage(requestUrl).subscribe(data =>{
+      console.log(data);
+    },error =>{
+      console.log(error);
+    });
+  }
+
+
+
+}
+
+