feat: structured result step 1

Author: Angular2Guy

backend/src/main/java/ch/xxx/aidoclibchat/domain/model/dto/FunctionSearch.java

@@ -12,4 +12,18 @@
  */
 package ch.xxx.aidoclibchat.domain.model.dto;
 
-public record FunctionSearch(String question) { }
+import com.fasterxml.jackson.annotation.JsonValue;
+
+public record FunctionSearch(String question, ResultFormat resultFormat) { 
+	public enum ResultFormat {Text("text"), Json("json"); 
+		private final String value;
+
+		private ResultFormat(String value) {
+			this.value = value;
+		}
+		@JsonValue
+		public String getValue() {
+			return this.value;
+		}
+	}
+}

frontend/src/angular/src/app/function-search/function-search.component.html

@@ -27,9 +27,16 @@
 <div class="search-bar">
   <mat-form-field class="example-full-width">
     <mat-label i18n="@@search">Search</mat-label>
-    <textarea matInput [formControl]="searchValueControl"></textarea>
+    <textarea matInput rows="5" [formControl]="searchValueControl"></textarea>
   </mat-form-field>
   <div class="search-button-box">
+  <mat-radio-group
+  class="my-radio-group"
+  [formControl]="resultFormatControl">
+  @for (myResultFormat of resultFormats; track myResultFormat) {
+    <mat-radio-button class="example-radio-button" [value]="myResultFormat">{{myResultFormat.charAt(0).toUpperCase() + myResultFormat.slice(1)}}</mat-radio-button>
+  }
+</mat-radio-group>
     <button
       mat-flat-button
       color="primary"

frontend/src/angular/src/app/function-search/function-search.component.scss

@@ -38,6 +38,12 @@
   margin: 10px;
 }
 
+.my-radio-group {
+	display: flex;
+	flex-direction: column;	
+	align-items: flex-start;
+}
+
 .spinner-container {
   display: flex;
   align-content: center;

frontend/src/angular/src/app/function-search/function-search.component.ts

@@ -32,6 +32,7 @@ import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import { Subscription, interval, map, tap } from 'rxjs';
 import { NestedTreeControl } from '@angular/cdk/tree';
 import { MatIconModule } from '@angular/material/icon';
+import {MatRadioModule} from '@angular/material/radio';
 
 interface TreeNode {
   name: string;
@@ -48,6 +49,7 @@ interface TreeNode {
         MatTooltipModule,
         MatTreeModule,
         MatIconModule,
+		MatRadioModule,
         MatFormFieldModule,
         FormsModule,
         ReactiveFormsModule,
@@ -69,6 +71,8 @@ export class FunctionSearchComponent {
   );
   protected dataSource = new MatTreeNestedDataSource<TreeNode>();
   protected response = '';
+  protected resultFormats = ['text','json'];
+  protected resultFormatControl = new FormControl(this.resultFormats[0]);
 
   constructor(
     private router: Router,
@@ -98,7 +102,8 @@ export class FunctionSearchComponent {
       );
     this.functionSearchService
       .postLibraryFunction({
-        question: this.searchValueControl.value
+        question: this.searchValueControl.value,
+		resultFormat: this.resultFormatControl.value
       } as FunctionSearch)
       .pipe(
         tap(() => this.repeatSub?.unsubscribe()),

frontend/src/angular/src/app/model/functions.ts

@@ -12,6 +12,7 @@
  */
 export interface FunctionSearch {
   question: string;
+  resultFormat: string;
 }
 
 export interface Book {