add more detail to specific service types

Related Trello Card:
https://trello.com/c/5dZkZQAX/807-2-details-on-other-service-types-kubernetes-networking

This patch adds more detail, such as ingress points, to service types
that support these extra fields (LoadBalancer, etc).

Author: juanvallejo

app/views/browse/service.html

@@ -64,11 +64,16 @@ <h1>
                       <dd>{{service.spec.clusterIP}}</dd>
                       <dt>Session affinity:</dt>
                       <dd>{{service.spec.sessionAffinity}}</dd>
-                      <dt ng-if="resource.status.loadBalancer.ingress.length">Ingress points</dt>
-                      <dd ng-if="resource.status.loadBalancer.ingress.length">
-                        <span ng-repeat="ingress in resource.status.loadBalancer.ingress"
+                      <dt ng-if="service.status.loadBalancer.ingress.length">Ingress Points:</dt>
+                      <dd ng-if="service.status.loadBalancer.ingress.length">
+                        <span ng-repeat="ingress in service.status.loadBalancer.ingress"
                           >{{ingress.ip}}<span ng-if="!$last">, </span></span>
                       </dd>
+                      <dt ng-if="service.spec.externalIPs.length">External IPs:</dt>
+                      <dd ng-if="service.spec.externalIPs.length">
+                        <span ng-repeat="externalIP in service.spec.externalIPs"
+                          >{{externalIP}}<span ng-if="!$last">, </span></span>
+                      </dd>
                       <dt>Routes:</dt>
                       <dd>
                         <span ng-if="!routesForService.length">

dist/scripts/templates.js

@@ -3472,9 +3472,13 @@ angular.module('openshiftConsoleTemplates', []).run(['$templateCache', function(
     "<dd>{{service.spec.clusterIP}}</dd>\n" +
     "<dt>Session affinity:</dt>\n" +
     "<dd>{{service.spec.sessionAffinity}}</dd>\n" +
-    "<dt ng-if=\"resource.status.loadBalancer.ingress.length\">Ingress points</dt>\n" +
-    "<dd ng-if=\"resource.status.loadBalancer.ingress.length\">\n" +
-    "<span ng-repeat=\"ingress in resource.status.loadBalancer.ingress\">{{ingress.ip}}<span ng-if=\"!$last\">, </span></span>\n" +
+    "<dt ng-if=\"service.status.loadBalancer.ingress.length\">Ingress Points:</dt>\n" +
+    "<dd ng-if=\"service.status.loadBalancer.ingress.length\">\n" +
+    "<span ng-repeat=\"ingress in service.status.loadBalancer.ingress\">{{ingress.ip}}<span ng-if=\"!$last\">, </span></span>\n" +
+    "</dd>\n" +
+    "<dt ng-if=\"service.spec.externalIPs.length\">External IPs:</dt>\n" +
+    "<dd ng-if=\"service.spec.externalIPs.length\">\n" +
+    "<span ng-repeat=\"externalIP in service.spec.externalIPs\">{{externalIP}}<span ng-if=\"!$last\">, </span></span>\n" +
     "</dd>\n" +
     "<dt>Routes:</dt>\n" +
     "<dd>\n" +