Add image generation feature with new component and service integration

jambotron-ui/src/app/services/system.service.ts

@@ -21,6 +21,10 @@ export class SystemService {
     return this.http.get<Bean[]>(this.baseUrl+"/beans");
   }
 
+  getImage(): Observable<Blob> {
+    return this.http.get(this.baseUrl+"/image", {responseType: 'blob'});
+  }
+
   getCustomBeans(): Observable<Bean[]> {
     return this.http.get<Bean[]>(this.baseUrl+"/beans/custom");
   }

jambotron-ui/src/app/services/zhipuai-image.service.spec.ts

@@ -0,0 +1,16 @@
+import { TestBed } from '@angular/core/testing';
+
+import { ZhipuaiImageService } from './zhipuai-image.service';
+
+describe('ZhipuaiImageService', () => {
+  let service: ZhipuaiImageService;
+
+  beforeEach(() => {
+    TestBed.configureTestingModule({});
+    service = TestBed.inject(ZhipuaiImageService);
+  });
+
+  it('should be created', () => {
+    expect(service).toBeTruthy();
+  });
+});

jambotron-ui/src/app/services/zhipuai-image.service.ts

@@ -0,0 +1,25 @@
+import { Injectable } from '@angular/core';
+import {Observable} from 'rxjs';
+import {Tutorial} from '../models/tutorial.model';
+import {HttpClient} from '@angular/common/http';
+import {Image} from '../models/image';
+import {SpinnerService} from './spinner.service';
+
+
+
+@Injectable({
+  providedIn: 'root'
+})
+
+
+export class ZhipuaiImageService {
+  baseUrl : string = 'http://localhost:8080/api/zhipuai';
+
+  constructor(private http: HttpClient,public spinnerService: SpinnerService) {
+
+  }
+
+  generate(query: String): Observable<Image> {
+    return this.http.get(`${(this.baseUrl)}/image/${query}`);
+  }
+}