feat: add search component

frontend/src/angular/src/app/app.routes.ts

@@ -16,6 +16,10 @@ export const routes: Routes = [
   {
     path: "doclist",
     loadChildren: () => import("./doc-list").then((mod) => mod.DOCLIST),
+  },
+    {
+    path: "docsearch",
+    loadChildren: () => import("./doc-search").then((mod) => mod.DOCSEARCH),
   },
   { path: "**", redirectTo: "doclist" },
 ];

frontend/src/angular/src/app/doc-list/doc-list.component.html

@@ -2,6 +2,11 @@
   <div class="toolbar-content">
     <div i18n="@@doclistHeading">Document List</div>
     <div class="example-fill-remaining-space"></div>
+    <div>
+      <button mat-flat-button color="primary" (click)="search()" i18n="@@search">
+        Search
+      </button>
+    </div>
     <div>
       <button mat-flat-button color="primary" (click)="import()" i18n="@@import">
         Import

frontend/src/angular/src/app/doc-list/doc-list.component.ts

@@ -21,6 +21,7 @@ import { DocImportComponent } from '../doc-import/doc-import.component';
 import { DocImportData } from '../doc-import/doc-import.component';
 import { DocumentService } from '../service/document.service';
 import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
+import { Router } from '@angular/router';
 
 @Component({
   selector: 'app-doclist',
@@ -34,7 +35,7 @@ export class DocListComponent implements OnInit {
 	protected documents: DocumentFile[] = [];
 	private destroyRef = inject(DestroyRef);
 
-	constructor(private dialog: MatDialog, private documentService: DocumentService) { }
+	constructor(private dialog: MatDialog, private documentService: DocumentService, private router: Router) { }
 
     public ngOnInit(): void {
         this.updateDocuments();
@@ -44,6 +45,10 @@ export class DocListComponent implements OnInit {
 		this.documentService.getDocumentList().pipe(takeUntilDestroyed(this.destroyRef)).subscribe(result => this.documents = result);
 	}
 
+	protected search(): void {
+		this.router.navigate(['/docsearch']);
+	}
+
 	protected import(): void {
 		const dialogRef = this.dialog.open(DocImportComponent, {data: {} as DocImportData});
 		dialogRef.afterClosed().subscribe(result => this.updateDocuments());

frontend/src/angular/src/app/doc-list/doc-list.routes.ts

@@ -1,4 +1,3 @@
-
 /**
  *    Copyright 2023 Sven Loesekann
    Licensed under the Apache License, Version 2.0 (the "License");

frontend/src/angular/src/app/doc-search/doc-search.routes.ts

@@ -0,0 +1,22 @@
+/**
+ *    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.
+ */
+import { Routes } from "@angular/router";
+import { DocSearchComponent } from "./doc-search.component";
+
+export const DOCSEARCH: Routes = [
+  {
+    path: "",
+    component: DocSearchComponent,    
+  },
+  { path: "**", redirectTo: "" },
+];

frontend/src/angular/src/app/doc-search/index.ts

@@ -0,0 +1,13 @@
+/**
+ *    Copyright 2018 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 * from "./doc-search.routes";