Console: create native kafka api in v4 workflow

gravitee-apim-console-webui/src/entities/management-api-v2/api/v4/index.ts

@@ -32,7 +32,9 @@ export * from './flowExecution';
 export * from './flowV4';
 export * from './httpListener';
 export * from './httpSelector';
+export * from './kafkaHost';
 export * from './kafkaListener';
+export * from './kafkaPort';
 export * from './listener';
 export * from './listenerType';
 export * from './loggingContentV4';

gravitee-apim-console-webui/src/entities/management-api-v2/api/v4/kafkaHost.ts

@@ -0,0 +1,21 @@
+/*
+ * Copyright (C) 2015 The Gravitee team (http://gravitee.io)
+ *
+ * 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.
+ */
+/**
+ * Used for Native Kafka API listeners
+ */
+export interface KafkaHost {
+  host?: string;
+}

gravitee-apim-console-webui/src/entities/management-api-v2/api/v4/kafkaPort.ts

@@ -0,0 +1,21 @@
+/*
+ * Copyright (C) 2015 The Gravitee team (http://gravitee.io)
+ *
+ * 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.
+ */
+/**
+ * Used for Native Kafka API listeners
+ */
+export interface KafkaPort {
+  port?: number;
+}

gravitee-apim-console-webui/src/management/api/component/gio-form-listeners/gio-form-listeners-kafka/gio-form-listeners-kafka-host-port.component.html

@@ -0,0 +1,68 @@
+<!--
+
+    Copyright (C) 2015 The Gravitee team (http://gravitee.io)
+
+    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.
+
+-->
+
+<table class="gio-table-light gio-form-listeners__table" [formGroup]="mainForm">
+  <thead>
+    <tr>
+      <th class="gio-form-listeners__table__row__th">
+        <div class="gio-form-listeners__table__title">
+          Host and Port
+          <mat-icon
+            class="gio-form-listeners__table__title__icon"
+            matTooltip="The host and port to run the server on."
+            svgIcon="gio:info"
+          />
+        </div>
+        <div class="gio-form-listeners__table__subtitle">
+          Host can contain an uppercase letter, number, dot, dash or underscore. Total maximum length is 63 chars.
+        </div>
+      </th>
+    </tr>
+  </thead>
+  <tbody>
+    <tr class="gio-form-listeners__table__row kafka-configuration">
+      <div class="gio-form-listeners__table__row__td kafka-configuration__host">
+        <mat-form-field class="gio-form-listeners__table__field">
+          <mat-label>Host</mat-label>
+          <input type="text" matInput formControlName="host" placeholder="Host" />
+          @if (hostFormControl.hasError('required')) {
+            <mat-error> Host is required </mat-error>
+          }
+          @if (hostFormControl.hasError('listeners')) {
+            <mat-error> {{ hostFormControl.getError('listeners') }}</mat-error>
+          }
+          @if (hostFormControl.hasError('max')) {
+            <mat-error> {{ hostFormControl.getError('max') }}</mat-error>
+          }
+          @if (hostFormControl.hasError('format')) {
+            <mat-error> {{ hostFormControl.getError('format') }}</mat-error>
+          }
+        </mat-form-field>
+      </div>
+      <div class="gio-form-listeners__table__row__td kafka-configuration__port">
+        <mat-form-field class="gio-form-listeners__table__field">
+          <mat-label>Port</mat-label>
+          <input type="number" matInput formControlName="port" placeholder="Port" />
+          @if (portFormControl.hasError('required')) {
+            <mat-error> Port is required </mat-error>
+          }
+        </mat-form-field>
+      </div>
+    </tr>
+  </tbody>
+</table>

gravitee-apim-console-webui/src/management/api/component/gio-form-listeners/gio-form-listeners-kafka/gio-form-listeners-kafka-host-port.component.scss

@@ -0,0 +1,12 @@
+.kafka-configuration {
+  display: flex;
+  width: 100%;
+
+  &__host {
+    flex: 1 1 100%;
+  }
+
+  &__port {
+    flex: 1 1 40%;
+  }
+}