Fix pod details page loading (#6177)

* Fix container tcp socket undefined error

* Update i18n

i18n/de/messages.de.xlf

@@ -3677,7 +3677,7 @@
         <target state="new">TCP Socket</target>
         <context-group purpose="location">
           <context context-type="sourcefile">src/app/frontend/common/components/probe/template.html</context>
-          <context context-type="linenumber">91</context>
+          <context context-type="linenumber">90</context>
         </context-group>
       </trans-unit>
       <trans-unit id="367969280410641978" datatype="html">
@@ -3685,7 +3685,7 @@
         <target state="new">Exec Commands </target>
         <context-group purpose="location">
           <context context-type="sourcefile">src/app/frontend/common/components/probe/template.html</context>
-          <context context-type="linenumber">104</context>
+          <context context-type="linenumber">99</context>
         </context-group>
       </trans-unit>
       <trans-unit id="4749936818577754995" datatype="html">

i18n/fr/messages.fr.xlf

@@ -3681,7 +3681,7 @@
         <target state="new">TCP Socket</target>
         <context-group purpose="location">
           <context context-type="sourcefile">src/app/frontend/common/components/probe/template.html</context>
-          <context context-type="linenumber">91</context>
+          <context context-type="linenumber">90</context>
         </context-group>
       </trans-unit>
       <trans-unit id="367969280410641978" datatype="html">
@@ -3689,7 +3689,7 @@
         <target state="new">Exec Commands </target>
         <context-group purpose="location">
           <context context-type="sourcefile">src/app/frontend/common/components/probe/template.html</context>
-          <context context-type="linenumber">104</context>
+          <context context-type="linenumber">99</context>
         </context-group>
       </trans-unit>
       <trans-unit id="4749936818577754995" datatype="html">

i18n/ja/messages.ja.xlf

@@ -2631,7 +2631,7 @@
         <target state="new">TCP Socket</target>
         <context-group purpose="location">
           <context context-type="sourcefile">src/app/frontend/common/components/probe/template.html</context>
-          <context context-type="linenumber">91</context>
+          <context context-type="linenumber">90</context>
         </context-group>
       </trans-unit>
       <trans-unit id="367969280410641978" datatype="html">
@@ -2639,7 +2639,7 @@
         <target state="new">Exec Commands </target>
         <context-group purpose="location">
           <context context-type="sourcefile">src/app/frontend/common/components/probe/template.html</context>
-          <context context-type="linenumber">104</context>
+          <context context-type="linenumber">99</context>
         </context-group>
       </trans-unit>
       <trans-unit id="322645671410395107" datatype="html">

i18n/ko/messages.ko.xlf

@@ -2921,7 +2921,7 @@
         <target state="new">TCP Socket</target>
         <context-group purpose="location">
           <context context-type="sourcefile">src/app/frontend/common/components/probe/template.html</context>
-          <context context-type="linenumber">91</context>
+          <context context-type="linenumber">90</context>
         </context-group>
       </trans-unit>
       <trans-unit id="367969280410641978" datatype="html">
@@ -2929,7 +2929,7 @@
         <target state="new">Exec Commands </target>
         <context-group purpose="location">
           <context context-type="sourcefile">src/app/frontend/common/components/probe/template.html</context>
-          <context context-type="linenumber">104</context>
+          <context context-type="linenumber">99</context>
         </context-group>
       </trans-unit>
       <trans-unit id="322645671410395107" datatype="html">

i18n/zh-Hans/messages.zh-Hans.xlf

@@ -2910,7 +2910,7 @@
         <target state="new">TCP Socket</target>
         <context-group purpose="location">
           <context context-type="sourcefile">src/app/frontend/common/components/probe/template.html</context>
-          <context context-type="linenumber">91</context>
+          <context context-type="linenumber">90</context>
         </context-group>
       </trans-unit>
       <trans-unit id="367969280410641978" datatype="html">
@@ -2918,7 +2918,7 @@
         <target state="new">Exec Commands </target>
         <context-group purpose="location">
           <context context-type="sourcefile">src/app/frontend/common/components/probe/template.html</context>
-          <context context-type="linenumber">104</context>
+          <context context-type="linenumber">99</context>
         </context-group>
       </trans-unit>
       <trans-unit id="322645671410395107" datatype="html">

i18n/zh-Hant-HK/messages.zh-Hant-HK.xlf

@@ -2925,7 +2925,7 @@
         <target state="new">TCP Socket</target>
         <context-group purpose="location">
           <context context-type="sourcefile">src/app/frontend/common/components/probe/template.html</context>
-          <context context-type="linenumber">91</context>
+          <context context-type="linenumber">90</context>
         </context-group>
       </trans-unit>
       <trans-unit id="367969280410641978" datatype="html">
@@ -2933,7 +2933,7 @@
         <target state="new">Exec Commands </target>
         <context-group purpose="location">
           <context context-type="sourcefile">src/app/frontend/common/components/probe/template.html</context>
-          <context context-type="linenumber">104</context>
+          <context context-type="linenumber">99</context>
         </context-group>
       </trans-unit>
       <trans-unit id="322645671410395107" datatype="html">

i18n/zh-Hant/messages.zh-Hant.xlf

@@ -2921,7 +2921,7 @@
         <target state="new">TCP Socket</target>
         <context-group purpose="location">
           <context context-type="sourcefile">src/app/frontend/common/components/probe/template.html</context>
-          <context context-type="linenumber">91</context>
+          <context context-type="linenumber">90</context>
         </context-group>
       </trans-unit>
       <trans-unit id="367969280410641978" datatype="html">
@@ -2929,7 +2929,7 @@
         <target state="new">Exec Commands </target>
         <context-group purpose="location">
           <context context-type="sourcefile">src/app/frontend/common/components/probe/template.html</context>
-          <context context-type="linenumber">104</context>
+          <context context-type="linenumber">99</context>
         </context-group>
       </trans-unit>
       <trans-unit id="322645671410395107" datatype="html">

src/app/frontend/common/components/probe/component.ts

@@ -41,4 +41,17 @@ export class ProbeComponent {
 
     return uri;
   }
+
+  get tcpSocketAddr(): string {
+    if (!this.probe || !this.probe.tcpSocket) {
+      return '';
+    }
+
+    let addr = this.probe.tcpSocket.host || '[host]';
+    if (this.probe.tcpSocket.port) {
+      addr += `:${this.probe.tcpSocket.port}`;
+    }
+
+    return addr;
+  }
 }

src/app/frontend/common/components/probe/template.html

@@ -85,16 +85,11 @@ limitations under the License.
     </ng-container>
 
     <ng-container *ngIf="probe?.tcpSocket">
-
       <kd-property>
         <div key
              i18n>TCP Socket</div>
         <div value>
-          <div *ngIf="probe?.tcpSocket?.host as value; else defaultHost">{{ value }}</div>
-          <ng-template #defaultHost>[host]</ng-template>
-          <div *ngIf="probe?.tcpSocket?.port">
-            :{{probe.httpGet.port}}
-          </div>
+          <div class="kd-code-block">{{tcpSocketAddr}}</div>
         </div>
       </kd-property>
     </ng-container>