feat: add post book

Author: Angular2Guy

frontend/src/angular/src/app/book-import/book-import.component.ts

@@ -10,9 +10,12 @@
    See the License for the specific language governing permissions and
    limitations under the License.
  */
-import { HttpClient } from '@angular/common/http';
-import { Component } from '@angular/core';
+import { Component, DestroyRef, inject } from '@angular/core';
 import { MatIconModule } from '@angular/material/icon';
+import { DocumentService } from '../service/document.service';
+import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
+import { tap } from 'rxjs';
+import { ChapterPages } from '../model/book';
 
 @Component({
   selector: 'app-book-import',
@@ -23,24 +26,26 @@ import { MatIconModule } from '@angular/material/icon';
 })
 export class BookImportComponent {
 	protected file: File | null = null;
+	private destroyRef = inject(DestroyRef);
+	protected uploading = false;
 
-	constructor(private http: HttpClient) {}
+	constructor(private documentService: DocumentService) {}
 
-	onFileSelected($event: Event) {
+	protected onFileSelected($event: Event): void {
 		const files = !$event.target
 		      ? null
 		      : ($event.target as HTMLInputElement).files;
 		    this.file = !!files && files.length > 0 ? files[0] : null;
 
-		this.file?.name
 	    if (!!this.file) {	        
 	        const formData = new FormData();
+			const chapters = [{startPage: 1, endPage: 2} as ChapterPages];
+	        formData.append('book', this.file)
+			formData.append('chapters', JSON.stringify(chapters));
 
-	        formData.append("thumbnail", this.file);
-
-	        const upload$ = this.http.post("/api/thumbnail-upload", formData);
-
-	        upload$.subscribe();
+	        this.documentService.postBookForm(formData).pipe(tap(() => {
+			            this.uploading = true;
+			          }),takeUntilDestroyed(this.destroyRef)).subscribe(result => console.log(result));
 	    }
 	}
 }

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

@@ -0,0 +1,17 @@
+/**
+ *    Copyright 2023 Sven Loesekann
+   Licensed under the Apache License, Version 2.0 (the "License");
+   you may not use this file except in compliance with the License.
+   You may obtain a copy of the License at
+       http://www.apache.org/licenses/LICENSE-2.0
+   Unless required by applicable law or agreed to in writing, software
+   distributed under the License is distributed on an "AS IS" BASIS,
+   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+   See the License for the specific language governing permissions and
+   limitations under the License.
+ */
+
+export interface ChapterPages {
+	startPage: number;
+	endPage: number;
+}

frontend/src/angular/src/app/service/document.service.ts

@@ -30,6 +30,10 @@ export class DocumentService {
     return this.httpClient.get<DocumentFile>(`/rest/document/id/${id}`);
   }
 
+  public postBookForm(formData: FormData): Observable<string> {
+	return this.httpClient.post<string>('/rest/document/upload-book', formData);
+  }
+  
   public postDocumentForm(formData: FormData): Observable<string> {
     return this.httpClient.post<string>('/rest/document/upload', formData);
   }