Merge pull request #4399 from mudit06mah/logDeepLink

Frontend: Pod: Added Deeplink compatibility for viewing logs

Author: illume

frontend/src/components/pod/Details.tsx

@@ -26,7 +26,7 @@ import { Terminal as XTerminal } from '@xterm/xterm';
 import _ from 'lodash';
 import React from 'react';
 import { useTranslation } from 'react-i18next';
-import { useParams } from 'react-router-dom';
+import { useLocation, useParams } from 'react-router-dom';
 import { KubeContainerStatus } from '../../lib/k8s/cluster';
 import Pod from '../../lib/k8s/pod';
 import { DefaultHeaderAction } from '../../redux/actionButtonsSlice';
@@ -491,6 +491,48 @@ export default function PodDetails(props: PodDetailsProps) {
   const { t } = useTranslation('glossary');
   const dispatchHeadlampEvent = useEventCallback();
 
+  const lastAutoLaunchedPod = React.useRef<string | null>(null);
+  const location = useLocation();
+  const queryParams = new URLSearchParams(location.search);
+  const autoLaunchView = queryParams.get('view');
+  const [podItem, setPodItem] = React.useState<Pod | null>(null);
+
+  const launchLogs = React.useCallback(
+    (item: Pod) => {
+      Activity.launch({
+        id: 'logs-' + item.metadata.uid,
+        title: t('Logs: {{ itemName }}', { itemName: item.metadata.name }),
+        cluster: item.cluster,
+        icon: <Icon icon="mdi:file-document-box-outline" width="100%" height="100%" />,
+        location: 'full',
+        content: <PodLogViewer noDialog open item={item} onClose={() => {}} />,
+      });
+      dispatchHeadlampEvent({
+        type: HeadlampEventType.LOGS,
+        data: {
+          status: EventStatus.OPENED,
+        },
+      });
+    },
+    [t, dispatchHeadlampEvent]
+  );
+
+  React.useEffect(() => {
+    if (autoLaunchView !== 'logs') {
+      lastAutoLaunchedPod.current = null;
+      return;
+    }
+
+    if (
+      podItem &&
+      autoLaunchView === 'logs' &&
+      lastAutoLaunchedPod.current !== podItem.metadata.uid
+    ) {
+      lastAutoLaunchedPod.current = podItem.metadata.uid;
+      launchLogs(podItem);
+    }
+  }, [podItem, launchLogs, autoLaunchView]);
+
   function prepareExtraInfo(item: Pod | null) {
     let extraInfo: {
       name: string;
@@ -589,6 +631,9 @@ export default function PodDetails(props: PodDetailsProps) {
       namespace={namespace}
       cluster={cluster}
       withEvents
+      onResourceUpdate={item => {
+        setPodItem(item);
+      }}
       actions={item =>
         item && [
           {
@@ -598,24 +643,7 @@ export default function PodDetails(props: PodDetailsProps) {
                 <ActionButton
                   description={t('Show Logs')}
                   icon="mdi:file-document-box-outline"
-                  onClick={() => {
-                    Activity.launch({
-                      id: 'logs-' + item.metadata.uid,
-                      title: t('Logs') + ': ' + item.metadata.name,
-                      cluster: item.cluster,
-                      icon: (
-                        <Icon icon="mdi:file-document-box-outline" width="100%" height="100%" />
-                      ),
-                      location: 'full',
-                      content: <PodLogViewer noDialog open item={item} onClose={() => {}} />,
-                    });
-                    dispatchHeadlampEvent({
-                      type: HeadlampEventType.LOGS,
-                      data: {
-                        status: EventStatus.OPENED,
-                      },
-                    });
-                  }}
+                  onClick={() => launchLogs(item)}
                 />
               </AuthVisible>
             ),

frontend/src/components/project/ProjectResourcesTab.tsx

@@ -333,7 +333,7 @@ export function ProjectResourcesTab({
                         const id = 'logs-' + resource.metadata.uid;
                         Activity.launch({
                           id,
-                          title: t('Logs') + ': ' + resource.metadata.name,
+                          title: t('Logs: {{ itemName }}', { itemName: resource.metadata.name }),
                           cluster: resource.cluster,
                           icon: (
                             <Icon icon="mdi:file-document-box-outline" width="100%" height="100%" />

frontend/src/i18n/locales/de/glossary.json

@@ -162,7 +162,6 @@
   "QoS Class": "QoS-Klasse",
   "Priority": "Priorität",
   "Show Logs": "Ereignisprotokolle anzeigen",
-  "Logs": "",
   "Terminal / Exec": "Terminal / Befehl ausführen",
   "Attach": "Anhängen",
   "Restarts": "Neustarts",

frontend/src/i18n/locales/de/translation.json

@@ -616,7 +616,7 @@
   "Create Project": "",
   "Details": "",
   "Show Logs": "",
-  "Logs": "",
+  "Logs: {{ itemName }}": "",
   "Terminal / Exec": "",
   "No {{category}} resources found for this project.": "",
   "Current//context:replicas": "Aktuell",

frontend/src/i18n/locales/en/glossary.json

@@ -162,7 +162,6 @@
   "QoS Class": "QoS Class",
   "Priority": "Priority",
   "Show Logs": "Show Logs",
-  "Logs": "Logs",
   "Terminal / Exec": "Terminal / Exec",
   "Attach": "Attach",
   "Restarts": "Restarts",

frontend/src/i18n/locales/en/translation.json

@@ -616,7 +616,7 @@
   "Create Project": "Create Project",
   "Details": "Details",
   "Show Logs": "Show Logs",
-  "Logs": "Logs",
+  "Logs: {{ itemName }}": "Logs: {{ itemName }}",
   "Terminal / Exec": "Terminal / Exec",
   "No {{category}} resources found for this project.": "No {{category}} resources found for this project.",
   "Current//context:replicas": "Current",

frontend/src/i18n/locales/es/glossary.json

@@ -162,7 +162,6 @@
   "QoS Class": "Clase QoS",
   "Priority": "Prioridad",
   "Show Logs": "Mostrar Registros",
-  "Logs": "",
   "Terminal / Exec": "Terminal / Exec",
   "Attach": "Adjuntar",
   "Restarts": "Reinicios",

frontend/src/i18n/locales/es/translation.json

@@ -620,7 +620,7 @@
   "Create Project": "",
   "Details": "",
   "Show Logs": "",
-  "Logs": "",
+  "Logs: {{ itemName }}": "",
   "Terminal / Exec": "",
   "No {{category}} resources found for this project.": "",
   "Current//context:replicas": "Actuales",

frontend/src/i18n/locales/fr/glossary.json

@@ -162,7 +162,6 @@
   "QoS Class": "Classe QoS",
   "Priority": "Priorité",
   "Show Logs": "Afficher les journaux",
-  "Logs": "",
   "Terminal / Exec": "Terminal / Exécution",
   "Attach": "Attacher",
   "Restarts": "Redémarrages",

frontend/src/i18n/locales/fr/translation.json

@@ -620,7 +620,7 @@
   "Create Project": "",
   "Details": "",
   "Show Logs": "",
-  "Logs": "",
+  "Logs: {{ itemName }}": "",
   "Terminal / Exec": "",
   "No {{category}} resources found for this project.": "",
   "Current//context:replicas": "Actuels",