From d0e008dca40043e27e411b37f05543d6a44afd36 Mon Sep 17 00:00:00 2001
From: Jacob Kiefer <jacobkiefer@google.com>
Date: Fri, 20 Oct 2017 14:33:33 -0400
Subject: [PATCH] fix(provider/gce): Render namedPorts in svg details, not
 listeningPort.

---
 .../google/src/serverGroup/details/serverGroupDetails.html  | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/app/scripts/modules/google/src/serverGroup/details/serverGroupDetails.html b/app/scripts/modules/google/src/serverGroup/details/serverGroupDetails.html
index bb7cf16b77b..5907a7004db 100644
--- a/app/scripts/modules/google/src/serverGroup/details/serverGroupDetails.html
+++ b/app/scripts/modules/google/src/serverGroup/details/serverGroupDetails.html
@@ -268,8 +268,10 @@ <h4 class="text-center" ng-if="ctrl.serverGroup.isDisabled">[SERVER GROUP IS DIS
       </dl>
     </collapsible-section>
     <collapsible-section heading="Port Name Mapping" ng-if="ctrl.serverGroup.loadBalancingPolicy">
-      <dl class="horizontal-when-filters-collapsed" ng-if="ctrl.serverGroup.loadBalancingPolicy.listeningPort">
-        <dd>http &rarr; {{ ctrl.serverGroup.loadBalancingPolicy.listeningPort }}</dd>
+      <dl class="horizontal-when-filters-collapsed" ng-if="ctrl.serverGroup.loadBalancingPolicy.namedPorts.length">
+        <dd ng-repeat="namedPort in ctrl.serverGroup.loadBalancingPolicy.namedPorts">
+          {{ namedPort.name }} &rarr; {{ namedPort.port }}
+        </dd>
       </dl>
     </collapsible-section>
     <collapsible-section heading="Capacity Metrics" ng-if="ctrl.serverGroup.loadBalancingPolicy">