Fully functional ui

Dockerfile

@@ -4,7 +4,7 @@ ARG NGINX_IMAGE=nginx:1.27.3-alpine
 FROM ${NODE_IMAGE} AS build
 
 ARG ANGULAR_VERSION=18
-ARG OKDP_UI_VERSION=0.3.0
+ARG OKDP_UI_VERSION=0.4.0
 
 LABEL name="OKDP UI" \
       description="OKDP UI" \

angular.json

@@ -36,7 +36,12 @@
                 "node_modules/modern-normalize/modern-normalize.css",
                 "node_modules/bootstrap/dist/css/bootstrap.min.css",
                 "node_modules/@angular/material/prebuilt-themes/indigo-pink.css",
+                "node_modules/@xterm/xterm/css/xterm.css",
+                "node_modules/prismjs/themes/prism.css",
                 "src/styles.scss"
+              ],
+             "scripts": [
+               "node_modules/bootstrap/dist/js/bootstrap.bundle.min.js"
               ]
             },
             "configurations": {

helm/okdp-ui/Chart.yaml

@@ -2,8 +2,8 @@ apiVersion: v2
 name: okdp-ui
 description: OKDP UI Helm chart
 type: application
-version: 0.3.0
-appVersion: "0.3.0"
+version: "0.4.0"
+appVersion: "0.4.0"
 home: https://okdp.io
 maintainers:
   - email: idir.izitounene@kubotal.io

helm/okdp-ui/README.md

@@ -1,6 +1,6 @@
 # okdp-ui
 
-![Version: 0.3.0](https://img.shields.io/badge/Version-0.3.0-informational?style=flat-square) ![Type: application](https://img.shields.io/badge/Type-application-informational?style=flat-square) ![AppVersion: 0.3.0](https://img.shields.io/badge/AppVersion-0.3.0-informational?style=flat-square)
+![Version: 0.4.0](https://img.shields.io/badge/Version-0.4.0-informational?style=flat-square) ![Type: application](https://img.shields.io/badge/Type-application-informational?style=flat-square) ![AppVersion: 0.4.0](https://img.shields.io/badge/AppVersion-0.4.0-informational?style=flat-square)
 
 OKDP UI Helm chart
 
@@ -28,7 +28,7 @@ OKDP UI Helm chart
 | fullnameOverride | string | `""` | Overrides the release name. |
 | image.pullPolicy | string | `"Always"` | Image pull policy. |
 | image.repository | string | `"quay.io/okdp/okdp-ui"` | Docker image registry. |
-| image.tag | string | `"0.3.0"` | Image tag. |
+| image.tag | string | `"0.4.0"` | Image tag. |
 | imagePullSecrets | list | `[]` | Secrets to be used for pulling images from private Docker registries. |
 | ingress.annotations | object | `{}` |  |
 | ingress.className | string | `""` | Specify the ingress class (Kubernetes >= 1.18). |

helm/okdp-ui/values.yaml

@@ -7,7 +7,7 @@ image:
   # -- Image pull policy.
   pullPolicy: Always
   # -- Image tag.
-  tag: 0.3.0
+  tag: 0.4.0
 
 # -- Secrets to be used for pulling images from private Docker registries.
 imagePullSecrets: []

package.json

@@ -1,7 +1,7 @@
 {
   "name": "okdp-ui",
-  "version": "0.3.0",
-  "helmVersion": "0.3.0",
+  "version": "0.4.0",
+  "helmVersion": "0.4.0",
   "scripts": {
     "ng": "ng",
     "generate-okdp-api-models": "npx sta -r --no-client -p src/app/api/okdp-api-swagger.json -o src/app/api/_model -n okdp-api.model.ts",
@@ -51,7 +51,13 @@
     "ngx-material-luxon": "^1.1.1",
     "ngx-scrollbar": "^15.1.2",
     "ngx-webstorage": "^18.0.0",
+    "ngx-sse-client": "^18.0.0",
     "modern-normalize": "3.0.1",
+    "@xterm/xterm": "^5.5.0",
+    "@xterm/addon-fit": "^0.10.0",
+    "prismjs": "^1.30.0",
+    "yaml": "^2.8.1",
+    "date-fns": "^4.1.0",
     "rxjs": "^7.8.1",
     "tslib": "^2.6.3",
     "zone.js": "^0.14.7"

src/app/api/_model/okdp-api.model.ts

@@ -98,6 +98,64 @@ export interface Package {
   versions: string[];
 }
 
+/** @example {"containers":[{"image":"stefanprodan/podinfo:latest","message":"Back-off 5m0s restarting failed container podinfo","name":"podinfo","reason":"CrashLoopBackOff","state":"Waiting"},{"image":"myorg/sidecar:latest","name":"sidecar","state":"Running"}],"createdAt":"2025-04-25T11:48:48Z","health":"Ready","name":"podinfo-768b456f7c-abc12","namespace":"default","state":"Running"} */
+export interface PodInfo {
+  /** List of containers in the Pod */
+  containers: {
+    /**
+     * Container image
+     * @example "idirze/auth"
+     */
+    image: string;
+    /**
+     * Message with additional details, if applicable
+     * @example "Back-off 5m0s restarting failed container podinfo"
+     */
+    message?: string;
+    /**
+     * Container name
+     * @example "container1"
+     */
+    name: string;
+    /**
+     * Reason for the current state, if applicable
+     * @example "CrashLoopBackOff"
+     */
+    reason?: string;
+    /**
+     * Container state
+     * @example "Running"
+     */
+    state: string;
+  }[];
+  /**
+   * Pod creation date
+   * @format date-time
+   * @example "2025-04-25T11:48:48Z"
+   */
+  createdAt: string;
+  /**
+   * Pod health status
+   * @example "Ready"
+   */
+  health: string;
+  /**
+   * Name of the Pod
+   * @example "podinfo-768b456f7c-abc12"
+   */
+  name: string;
+  /**
+   * Namespace in which the Pod is deployed
+   * @example "default"
+   */
+  namespace: string;
+  /**
+   * Pod state
+   * @example "Running"
+   */
+  state: string;
+}
+
 export interface Project {
   /**
    * @format date-time