Plugins UI: Placeholder for parser configurations

Placeholder for parser in session start view

application/client/src/app/ui/tabs/observe/parsers/general/module.ts

@@ -5,23 +5,33 @@ import { ErrorStateModule } from '../../error/module';
 import { DltGeneralConfigurationModule } from './dlt/module';
 import { SomeIpGeneralConfigurationModule } from './someip/module';
 import { TextGeneralConfigurationModule } from './text/module';
+import { ParserPluginGeneralConfigurationModule } from './plugin/module';
 import { ParserGeneralConfiguration } from './component';
 
 @NgModule({
-    imports: [CommonModule, DltGeneralConfigurationModule, SomeIpGeneralConfigurationModule, TextGeneralConfigurationModule, ErrorStateModule],
+    imports: [
+        CommonModule,
+        DltGeneralConfigurationModule,
+        SomeIpGeneralConfigurationModule,
+        TextGeneralConfigurationModule,
+        ParserPluginGeneralConfigurationModule,
+        ErrorStateModule,
+    ],
     declarations: [ParserGeneralConfiguration],
     exports: [
         ParserGeneralConfiguration,
         DltGeneralConfigurationModule,
         SomeIpGeneralConfigurationModule,
         TextGeneralConfigurationModule,
+        ParserPluginGeneralConfigurationModule,
         ErrorStateModule,
     ],
     bootstrap: [
         ParserGeneralConfiguration,
         DltGeneralConfigurationModule,
         SomeIpGeneralConfigurationModule,
         TextGeneralConfigurationModule,
+        ParserPluginGeneralConfigurationModule,
         ErrorStateModule,
     ],
 })

application/client/src/app/ui/tabs/observe/parsers/general/plugin/component.ts

@@ -0,0 +1,17 @@
+import { Component, Input } from '@angular/core';
+import { Ilc, IlcInterface } from '@env/decorators/component';
+import { Initial } from '@env/decorators/initial';
+import { Observe } from '@platform/types/observe';
+
+@Component({
+    selector: 'app-el-parser-plugin-general',
+    templateUrl: './template.html',
+    styleUrls: ['./styles.less'],
+})
+@Initial()
+@Ilc()
+export class ParserPluginGeneralConfiguration {
+    @Input() observe!: Observe;
+}
+
+export interface ParserPluginGeneralConfiguration extends IlcInterface {}

application/client/src/app/ui/tabs/observe/parsers/general/plugin/module.ts

@@ -0,0 +1,14 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { MatCardModule } from '@angular/material/card';
+import { MatDividerModule } from '@angular/material/divider';
+
+import { ParserPluginGeneralConfiguration } from './component';
+
+@NgModule({
+    imports: [CommonModule, MatCardModule, MatDividerModule],
+    declarations: [ParserPluginGeneralConfiguration],
+    exports: [ParserPluginGeneralConfiguration],
+    bootstrap: [ParserPluginGeneralConfiguration],
+})
+export class ParserPluginGeneralConfigurationModule {}

application/client/src/app/ui/tabs/observe/parsers/general/plugin/styles.less

@@ -0,0 +1,8 @@
+@import '../../../../../styles/variables.less';
+
+:host {
+    position: relative;
+    display: block;
+    width: 100%;
+    overflow: hidden;
+}

application/client/src/app/ui/tabs/observe/parsers/general/plugin/template.html

@@ -0,0 +1,6 @@
+<mat-card>
+    <mat-card-title>Plugin Parser</mat-card-title>
+    <mat-card-content>
+        <p>Placeholder for Plugin Parser</p>
+    </mat-card-content>
+</mat-card>

application/client/src/app/ui/tabs/observe/parsers/general/template.html

@@ -1,4 +1,5 @@
 <app-tabs-observe-error-state [observe]="state.observe"></app-tabs-observe-error-state>
 <app-el-dlt-general *ngIf="state.observe.parser.configuration.Dlt !== undefined" [observe]="state.observe"></app-el-dlt-general>
 <app-el-someip-general *ngIf="state.observe.parser.configuration.SomeIp !== undefined" [observe]="state.observe"></app-el-someip-general>
-<app-el-text-general *ngIf="state.observe.parser.configuration.Text !== undefined" [observe]="state.observe"></app-el-text-general>
+<app-el-text-general *ngIf="state.observe.parser.configuration.Text !== undefined" [observe]="state.observe"></app-el-text-general>
+<app-el-parser-plugin-general *ngIf="state.observe.parser.configuration.Plugin !== undefined" [observe]="state.observe"></app-el-parser-plugin-general>