From e3e7c620a1ae48c3ec6e59a12306b36abd9a0b98 Mon Sep 17 00:00:00 2001
From: Jim Ehrismann <40840436+jim-docker@users.noreply.github.com>
Date: Tue, 19 Oct 2021 09:50:23 -0400
Subject: [PATCH] Added Status to the Port Forwarding list items (#4065)

Signed-off-by: Jim Ehrismann <jehrismann@mirantis.com>
---
 .../+network-port-forwards/port-forwards.scss        |  5 +++++
 .../+network-port-forwards/port-forwards.tsx         |  4 ++++
 src/renderer/components/+network/network-mixins.scss | 12 ++++++++++++
 src/renderer/port-forward/port-forward-item.ts       |  4 ++++
 4 files changed, 25 insertions(+)

diff --git a/src/renderer/components/+network-port-forwards/port-forwards.scss b/src/renderer/components/+network-port-forwards/port-forwards.scss
index 0c048fc94d..50a3fd3f83 100644
--- a/src/renderer/components/+network-port-forwards/port-forwards.scss
+++ b/src/renderer/components/+network-port-forwards/port-forwards.scss
@@ -24,5 +24,10 @@
     &.warning {
       @include table-cell-warning;
     }
+
+    &.status {
+      @include port-forward-status-colors;
+      flex: 0.6;
+    }
   }
 }
\ No newline at end of file
diff --git a/src/renderer/components/+network-port-forwards/port-forwards.tsx b/src/renderer/components/+network-port-forwards/port-forwards.tsx
index c056dab454..fb5a1e89ac 100644
--- a/src/renderer/components/+network-port-forwards/port-forwards.tsx
+++ b/src/renderer/components/+network-port-forwards/port-forwards.tsx
@@ -33,6 +33,7 @@ enum columnId {
   kind = "kind",
   port = "port",
   forwardPort = "forwardPort",
+  status = "status",
 }
 
 @observer
@@ -68,6 +69,7 @@ export class PortForwards extends React.Component {
             [columnId.kind]: item => item.getKind(),
             [columnId.port]: item => item.getPort(),
             [columnId.forwardPort]: item => item.getForwardPort(),
+            [columnId.status]: item => item.getStatus(),
           }}
           searchFilters={[
             item => item.getSearchFields(),
@@ -79,6 +81,7 @@ export class PortForwards extends React.Component {
             { title: "Kind", className: "kind", sortBy: columnId.kind, id: columnId.kind },
             { title: "Pod Port", className: "port", sortBy: columnId.port, id: columnId.port },
             { title: "Local Port", className: "forwardPort", sortBy: columnId.forwardPort, id: columnId.forwardPort },
+            { title: "Status", className: "status", sortBy: columnId.status, id: columnId.status },
           ]}
           renderTableContents={item => [
             item.getName(),
@@ -86,6 +89,7 @@ export class PortForwards extends React.Component {
             item.getKind(),
             item.getPort(),
             item.getForwardPort(),
+            { title: item.getStatus(), className: item.getStatus().toLowerCase() },
           ]}
           renderItemMenu={pf => (
             <PortForwardMenu
diff --git a/src/renderer/components/+network/network-mixins.scss b/src/renderer/components/+network/network-mixins.scss
index 5dba700e69..edbf0fa73e 100644
--- a/src/renderer/components/+network/network-mixins.scss
+++ b/src/renderer/components/+network/network-mixins.scss
@@ -31,3 +31,15 @@ $service-status-color-list: (
     }
   }
 }
+
+$port-forward-status-color-list: (
+  active: $colorOk,
+);
+
+@mixin port-forward-status-colors {
+  @each $status, $color in $port-forward-status-color-list {
+    &.#{$status} {
+      color: $color;
+    }
+  }
+}
diff --git a/src/renderer/port-forward/port-forward-item.ts b/src/renderer/port-forward/port-forward-item.ts
index 9251b0fcef..e1a4f350db 100644
--- a/src/renderer/port-forward/port-forward-item.ts
+++ b/src/renderer/port-forward/port-forward-item.ts
@@ -78,6 +78,10 @@ export class PortForwardItem implements ItemObject {
   getForwardPort() {
     return this.forwardPort;
   }
+
+  getStatus() {
+    return "Active"; // to-do allow port-forward-items to be stopped (without removing them)
+  }
   
   getSearchFields() {
     return [