feat: add frontend

Author: Angular2Guy

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

@@ -42,5 +42,9 @@ export const routes: Routes = [
     path: 'booklist',
     loadChildren: () => import('./book-list').then((mod) => mod.BOOKLIST),
   },
+  {
+    path: 'mcpclient',
+    loadChildren: () => import('./mcp-client').then((mod) => mod.MCPCLIENTSEARCH),
+  },
   { path: '**', redirectTo: 'doclist' },
 ];

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

@@ -2,6 +2,16 @@
   <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)="mcpClient()"
+        i18n="@@mcpClient"
+      >
+        MCP Client
+      </button>
+    </div>
         <div>
       <button
         mat-flat-button

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

@@ -72,6 +72,10 @@ export class DocListComponent implements OnInit {
     this.router.navigate(['/docsearch']);
   }
 
+  protected mcpClient(): void {
+    this.router.navigate(['/mcpclient']);
+  }
+
   protected imageQuery(): void {
     this.router.navigate(['/imagequery']);
   }

frontend/src/angular/src/app/mcp-client/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 './mcp-client.routes';

frontend/src/angular/src/app/mcp-client/mcp-client.component.html

@@ -0,0 +1,26 @@
+<mat-toolbar color="primary" class="custom-toolbar">
+  <div class="toolbar-content">
+    <div i18n="@@mcpSearchHeading">Mcp Search</div>
+    <div class="example-fill-remaining-space"></div>
+    <div>
+      <button
+        mat-flat-button
+        color="primary"
+        (click)="showList()"
+        i18n="@@list"
+        >
+        List
+      </button>
+    </div>
+    <div>
+      <button
+        mat-flat-button
+        color="primary"
+        (click)="logout()"
+        i18n="@@logout"
+        >
+        Logout
+      </button>
+    </div>
+  </div>
+</mat-toolbar>

frontend/src/angular/src/app/mcp-client/mcp-client.component.scss

@@ -0,0 +1,13 @@
+/**
+ *    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.
+ */
+ 

frontend/src/angular/src/app/mcp-client/mcp-client.component.spec.ts

@@ -0,0 +1,36 @@
+/**
+ *    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 { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { McpClientComponent } from './mcp-client.component';
+/*
+describe('McpClientComponent', () => {
+  let component: McpClientComponent;
+  let fixture: ComponentFixture<McpClientComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [McpClientComponent]
+    })
+    .compileComponents();
+
+    fixture = TestBed.createComponent(McpClientComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
+*/

frontend/src/angular/src/app/mcp-client/mcp-client.component.ts

@@ -0,0 +1,37 @@
+/**
+ *    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 { CommonModule } from '@angular/common';
+import { Component } from '@angular/core';
+import { MatButtonModule } from '@angular/material/button';
+import { MatToolbarModule } from '@angular/material/toolbar';
+import { Router } from '@angular/router';
+
+@Component({
+  selector: 'app-mcp-client',
+  imports: [
+    CommonModule,
+		MatToolbarModule,
+		MatButtonModule],
+  templateUrl: './mcp-client.component.html',
+  styleUrl: './mcp-client.component.scss'
+})
+export class McpClientComponent {
+  constructor(private readonly router: Router) {}
+  
+  protected showList(): void {
+    this.router.navigate(['/doclist']);
+  }
+
+  protected logout(): void {
+  }
+}

frontend/src/angular/src/app/mcp-client/mcp-client.routes.ts

@@ -0,0 +1,23 @@
+/**
+ *    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 { McpClientComponent } from './mcp-client.component';
+
+
+export const MCPCLIENTSEARCH: Routes = [
+  {
+    path: '',
+    component: McpClientComponent,
+  },
+  { path: '**', redirectTo: '' },
+];