kubernetes: Display the NodePort in the service details

Closes #4110
Fixes #4101
Signed-off-by: Stef Walter <[email protected]>
 * Opened upstream pull request
   kubernetes-ui/object-describer#30
 * Fixed translation issues

Author: Smana

pkg/kubernetes/scripts/object-describer.js

@@ -431,7 +431,7 @@ angular.module('kubernetesUI').run(['$templateCache', function($templateCache) {
     "    <dd>\n" +
     "      <div ng-if=\"!resource.spec.ports.length\">None</div>\n" +
     "      <div ng-repeat=\"portMapping in resource.spec.ports | orderBy:'port'\">\n" +
-    "        {{portMapping.port}} &#8594; {{portMapping.targetPort}} ({{portMapping.protocol}})\n" +
+    "        {{portMapping.port}}/{{portMapping.protocol}} &#8594; {{portMapping.nodePort || portMapping.targetPort}}\n" +
     "      </div>\n" +
     "    </dd>\n" +
     "    <dt>Session affinity</dt>\n" +

pkg/kubernetes/views/service-panel.html

@@ -31,8 +31,8 @@ <h3><i class="fa pficon-service"></i>{{ item.metadata.name }}</h3>
                     <dd>
                         <div ng-if="!item.spec.ports.length" translatable="yes">None</div>
                         <div ng-repeat="portMapping in item.spec.ports | orderBy:'port'">
-                            {{portMapping.port}} &#8594; {{portMapping.targetPort}}
-                            ({{portMapping.protocol}})</div>
+                            {{portMapping.port}}/{{portMapping.protocol}} &#8594; {{portMapping.nodePort || portMapping.targetPort}}
+                        </div>
                     </dd>
                     <dt translatable="yes">Session Affinity</dt>
                     <dd>{{ item.spec.sessionAffinity }}</dd>