frontend: Add feature to view logs

This adds feature to view all the pods of pods in deploy, replicaSet,
daemonSet rather than a specific pod.

Fixes: #2552

Signed-off-by: Kautilya Tripathi <ktripathi@microsoft.com>

Author: Kautilya Tripathi

frontend/src/components/common/Resource/LogsButton.tsx

@@ -35,6 +35,7 @@ const checkExports = [
   'SimpleEditor',
   'ViewButton',
   'AuthVisible',
+  'LogsButton',
 ];
 
 function getFilesToVerify() {

frontend/src/components/common/Resource/index.test.ts

@@ -27,6 +27,7 @@ export { default as ResourceTableColumnChooser } from './ResourceTableColumnChoo
 export { addResourceTableColumnsProcessor } from './resourceTableSlice';
 export * from './RestartButton';
 export * from './ScaleButton';
+export * from './LogsButton';
 export { default as ScaleButton } from './ScaleButton';
 export * from './SimpleEditor';
 export { default as SimpleEditor } from './SimpleEditor';

frontend/src/components/common/Resource/index.tsx

@@ -6,6 +6,7 @@ import {
   ConditionsSection,
   ContainersSection,
   DetailsGrid,
+  LogsButton,
   MetadataDictGrid,
   OwnedPodsSection,
 } from '../common/Resource';
@@ -85,6 +86,18 @@ export default function WorkloadDetails<T extends WorkloadClass>(props: Workload
       name={name}
       withEvents
       namespace={namespace}
+      actions={item => {
+        if (!item) return [];
+        const isLoggable = ['Deployment', 'ReplicaSet', 'DaemonSet'].includes(workloadKind.kind);
+        if (!isLoggable) return [];
+
+        return [
+          {
+            id: 'logs',
+            action: <LogsButton key="logs" item={item} />,
+          },
+        ];
+      }}
       extraInfo={item =>
         item && [
           {

frontend/src/components/workload/Details.tsx

@@ -55,31 +55,31 @@
   "Save": "",
   "Uh-oh! Something went wrong.": "Oh-oh! Etwas ist schief gelaufen.",
   "Error loading {{ routeName }}": "",
-  "Namespaces must contain only lowercase alphanumeric characters or '-', and must start and end with an alphanumeric character.": "Namespaces dürfen nur alphanumerische Kleinbuchstaben oder \"-\" enthalten und müssen mit einem alphanumerischen Zeichen beginnen und enden.",
-  "The list of namespaces you are allowed to access in this cluster.": "Liste der Namespaces, auf die Sie in diesem Cluster zugreifen dürfen.",
-  "Add namespace": "",
-  "Allowed namespaces": "Erlaubte Namespaces",
-  "Cluster name must contain only lowercase alphanumeric characters or '-', and must start and end with an alphanumeric character.": "",
-  "The current name of cluster. You can define custom modified name.": "",
-  "Change name": "",
-  "Are you sure you want to change the name for \"{{ clusterName }}\"?": "",
-  "Apply": "Anwenden",
-  "The default namespace for e.g. when applying resources (when not specified directly).": "Der Standard-Namespace z. B. für die Anwendung von Ressourcen (wenn nicht anders angegeben).",
   "Enter a value between {{ minRows }} and {{ maxRows }}.": "Geben Sie einen Wert zwischen {{ minRows }} und {{ maxRows }} ein.",
   "Custom row value": "Benutzerdefinierter Zeilenwert",
+  "Apply": "Anwenden",
   "Custom value": "Benutzerdefinierter Wert",
   "General Settings": "Allgemeine Einstellungen",
   "Version": "Version",
   "Language": "Sprache",
   "Theme": "Design",
   "Number of rows for tables": "Zeilen pro Tabelle",
   "Timezone to display for dates": "Zeitzone",
+  "Namespaces must contain only lowercase alphanumeric characters or '-', and must start and end with an alphanumeric character.": "Namespaces dürfen nur alphanumerische Kleinbuchstaben oder \"-\" enthalten und müssen mit einem alphanumerischen Zeichen beginnen und enden.",
+  "Cluster name must contain only lowercase alphanumeric characters or '-', and must start and end with an alphanumeric character.": "",
   "Cluster Settings": "",
   "There seem to be no clusters configured…": "",
   "Cluster {{ clusterName }} does not exist. Please select a valid cluster:": "",
-  "Default namespace": "Standard-Namespace",
   "Cluster Settings ({{ clusterName }})": "Cluster-Einstellungen ({{ clusterName }})",
   "Go to cluster": "",
+  "The current name of cluster. You can define custom modified name.": "",
+  "Change name": "",
+  "Are you sure you want to change the name for \"{{ clusterName }}\"?": "",
+  "Default namespace": "Standard-Namespace",
+  "The default namespace for e.g. when applying resources (when not specified directly).": "Der Standard-Namespace z. B. für die Anwendung von Ressourcen (wenn nicht anders angegeben).",
+  "Allowed namespaces": "Erlaubte Namespaces",
+  "The list of namespaces you are allowed to access in this cluster.": "Liste der Namespaces, auf die Sie in diesem Cluster zugreifen dürfen.",
+  "Add namespace": "",
   "Remove Cluster": "Cluster entfernen",
   "Server": "Server",
   "light theme": "helles Design",
@@ -218,6 +218,22 @@
   "Are you sure?": "Sind Sie sicher?",
   "This will discard your changes in the editor. Do you want to proceed?": "Dadurch werden Ihre Änderungen im Editor verworfen. Möchten Sie fortfahren?",
   "Undo Changes": "Änderungen rückgängig machen",
+  "No label selectors found for this {{type}}": "",
+  "Invalid response from server": "",
+  "Failed to fetch related pods": "",
+  "No pods found for this workload": "",
+  "Failed to fetch pods: {{error}}": "",
+  "Logs are paused. Click the follow button to resume following them.": "Ereignisprotokolle wurden angehalten. Klicken Sie auf die Schaltfläche \"Verfolgen\", um die Protokollanzeige fortzusetzen.",
+  "Select Pod": "",
+  "All Pods": "",
+  "Container": "",
+  "Restarted": "",
+  "Show logs for previous instances of this container.": "Ereignisprotokolle für frühere Instanzen dieses Containers anzeigen.",
+  "You can only select this option for containers that have been restarted.": "Sie können diese Option nur für Container wählen, die neu gestartet wurden.",
+  "Show previous": "Vorherige anzeigen",
+  "Timestamps": "Zeitstempel anzeigen",
+  "Follow": "Verfolgen",
+  "Show logs": "",
   "Loading resource data": "Lade Ressourcendaten",
   "Creation": "Erstellung",
   "Labels": "Labels",
@@ -299,15 +315,13 @@
   "Categories": "",
   "Accepted Names": "Akzeptierte Namen",
   "Versions": "Versionen",
-  "Spawn Job": "Erzeuge Job",
-  "This will trigger a new Job based on the CronJob {{ name }}": "Dies löst einen neuen Job aus, der auf dem CronJob {{ name }} basiert.",
-  "Job Name": "Job Name",
   "Spawning Job {{ newItemName }}…": "Erzeuge Job {{ newItemName }}…",
   "Job {{ newItemName }} spawned": "Job {{ newItemName }} erzeugt",
   "Failed to spawn Job {{ newItemName }}": "Job {{ newItemName }} konnte nicht gestartet werden",
+  "Spawn Job": "Erzeuge Job",
+  "This will trigger a new Job based on the CronJob {{ name }}": "Dies löst einen neuen Job aus, der auf dem CronJob {{ name }} basiert.",
+  "Job Name": "Job Name",
   "Spawn": "Erzeugen",
-  "Resume": "Fortsetzen",
-  "Suspend": "Pausieren",
   "Suspending CronJob {{ newItemName }}…": "CronJob {{ newItemName }} unterbrechen…",
   "Resuming CronJob {{ newItemName }}…": "Wiederaufnahme des CronJobs {{ newItemName }}…",
   "Cancelled suspending CronJob {{ newItemName }}.": "Aussetzen des CronJobs {{ newItemName }} abgebrochen.",
@@ -316,6 +330,8 @@
   "Resumed CronJob {{ newItemName }}.": "CronJob {{ newItemName }} wieder aufgenommen.",
   "Failed to suspend CronJob {{ newItemName }}.": "CronJob {{ newItemName }} konnte nicht ausgesetzt werden.",
   "Failed to resume CronJob {{ newItemName }}.": "CronJob {{ newItemName }} konnte nicht fortgesetzt werden.",
+  "Resume": "Fortsetzen",
+  "Suspend": "Pausieren",
   "Key": "Schlüssel",
   "Operator": "Betreiber",
   "Value": "Wert",
@@ -378,13 +394,7 @@
   "None": "",
   "Software": "Software",
   "Redirecting to main page…": "Weiterleiten zur Hauptseite…",
-  "Logs are paused. Click the follow button to resume following them.": "Ereignisprotokolle wurden angehalten. Klicken Sie auf die Schaltfläche \"Verfolgen\", um die Protokollanzeige fortzusetzen.",
   "Lines": "Zeilen",
-  "Show logs for previous instances of this container.": "Ereignisprotokolle für frühere Instanzen dieses Containers anzeigen.",
-  "You can only select this option for containers that have been restarted.": "Sie können diese Option nur für Container wählen, die neu gestartet wurden.",
-  "Show previous": "Vorherige anzeigen",
-  "Timestamps": "Zeitstempel anzeigen",
-  "Follow": "Verfolgen",
   "Max Unavailable": "Max Nicht verfügbar",
   "Min Available": "Min verfügbar",
   "Allowed disruptions": "Erlaubte Unterbrechungen",

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

@@ -55,31 +55,31 @@
   "Save": "Save",
   "Uh-oh! Something went wrong.": "Uh-oh! Something went wrong.",
   "Error loading {{ routeName }}": "Error loading {{ routeName }}",
-  "Namespaces must contain only lowercase alphanumeric characters or '-', and must start and end with an alphanumeric character.": "Namespaces must contain only lowercase alphanumeric characters or '-', and must start and end with an alphanumeric character.",
-  "The list of namespaces you are allowed to access in this cluster.": "The list of namespaces you are allowed to access in this cluster.",
-  "Add namespace": "Add namespace",
-  "Allowed namespaces": "Allowed namespaces",
-  "Cluster name must contain only lowercase alphanumeric characters or '-', and must start and end with an alphanumeric character.": "Cluster name must contain only lowercase alphanumeric characters or '-', and must start and end with an alphanumeric character.",
-  "The current name of cluster. You can define custom modified name.": "The current name of cluster. You can define custom modified name.",
-  "Change name": "Change name",
-  "Are you sure you want to change the name for \"{{ clusterName }}\"?": "Are you sure you want to change the name for \"{{ clusterName }}\"?",
-  "Apply": "Apply",
-  "The default namespace for e.g. when applying resources (when not specified directly).": "The default namespace for e.g. when applying resources (when not specified directly).",
   "Enter a value between {{ minRows }} and {{ maxRows }}.": "Enter a value between {{ minRows }} and {{ maxRows }}.",
   "Custom row value": "Custom row value",
+  "Apply": "Apply",
   "Custom value": "Custom value",
   "General Settings": "General Settings",
   "Version": "Version",
   "Language": "Language",
   "Theme": "Theme",
   "Number of rows for tables": "Number of rows for tables",
   "Timezone to display for dates": "Timezone to display for dates",
+  "Namespaces must contain only lowercase alphanumeric characters or '-', and must start and end with an alphanumeric character.": "Namespaces must contain only lowercase alphanumeric characters or '-', and must start and end with an alphanumeric character.",
+  "Cluster name must contain only lowercase alphanumeric characters or '-', and must start and end with an alphanumeric character.": "Cluster name must contain only lowercase alphanumeric characters or '-', and must start and end with an alphanumeric character.",
   "Cluster Settings": "Cluster Settings",
   "There seem to be no clusters configured…": "There seem to be no clusters configured…",
   "Cluster {{ clusterName }} does not exist. Please select a valid cluster:": "Cluster {{ clusterName }} does not exist. Please select a valid cluster:",
-  "Default namespace": "Default namespace",
   "Cluster Settings ({{ clusterName }})": "Cluster Settings ({{ clusterName }})",
   "Go to cluster": "Go to cluster",
+  "The current name of cluster. You can define custom modified name.": "The current name of cluster. You can define custom modified name.",
+  "Change name": "Change name",
+  "Are you sure you want to change the name for \"{{ clusterName }}\"?": "Are you sure you want to change the name for \"{{ clusterName }}\"?",
+  "Default namespace": "Default namespace",
+  "The default namespace for e.g. when applying resources (when not specified directly).": "The default namespace for e.g. when applying resources (when not specified directly).",
+  "Allowed namespaces": "Allowed namespaces",
+  "The list of namespaces you are allowed to access in this cluster.": "The list of namespaces you are allowed to access in this cluster.",
+  "Add namespace": "Add namespace",
   "Remove Cluster": "Remove Cluster",
   "Server": "Server",
   "light theme": "light theme",
@@ -218,6 +218,22 @@
   "Are you sure?": "Are you sure?",
   "This will discard your changes in the editor. Do you want to proceed?": "This will discard your changes in the editor. Do you want to proceed?",
   "Undo Changes": "Undo Changes",
+  "No label selectors found for this {{type}}": "No label selectors found for this {{type}}",
+  "Invalid response from server": "Invalid response from server",
+  "Failed to fetch related pods": "Failed to fetch related pods",
+  "No pods found for this workload": "No pods found for this workload",
+  "Failed to fetch pods: {{error}}": "Failed to fetch pods: {{error}}",
+  "Logs are paused. Click the follow button to resume following them.": "Logs are paused. Click the follow button to resume following them.",
+  "Select Pod": "Select Pod",
+  "All Pods": "All Pods",
+  "Container": "Container",
+  "Restarted": "Restarted",
+  "Show logs for previous instances of this container.": "Show logs for previous instances of this container.",
+  "You can only select this option for containers that have been restarted.": "You can only select this option for containers that have been restarted.",
+  "Show previous": "Show previous",
+  "Timestamps": "Timestamps",
+  "Follow": "Follow",
+  "Show logs": "Show logs",
   "Loading resource data": "Loading resource data",
   "Creation": "Creation",
   "Labels": "Labels",
@@ -299,15 +315,13 @@
   "Categories": "Categories",
   "Accepted Names": "Accepted Names",
   "Versions": "Versions",
-  "Spawn Job": "Spawn Job",
-  "This will trigger a new Job based on the CronJob {{ name }}": "This will trigger a new Job based on the CronJob {{ name }}",
-  "Job Name": "Job Name",
   "Spawning Job {{ newItemName }}…": "Spawning Job {{ newItemName }}…",
   "Job {{ newItemName }} spawned": "Job {{ newItemName }} spawned",
   "Failed to spawn Job {{ newItemName }}": "Failed to spawn Job {{ newItemName }}",
+  "Spawn Job": "Spawn Job",
+  "This will trigger a new Job based on the CronJob {{ name }}": "This will trigger a new Job based on the CronJob {{ name }}",
+  "Job Name": "Job Name",
   "Spawn": "Spawn",
-  "Resume": "Resume",
-  "Suspend": "Suspend",
   "Suspending CronJob {{ newItemName }}…": "Suspending CronJob {{ newItemName }}…",
   "Resuming CronJob {{ newItemName }}…": "Resuming CronJob {{ newItemName }}…",
   "Cancelled suspending CronJob {{ newItemName }}.": "Cancelled suspending CronJob {{ newItemName }}.",
@@ -316,6 +330,8 @@
   "Resumed CronJob {{ newItemName }}.": "Resumed CronJob {{ newItemName }}.",
   "Failed to suspend CronJob {{ newItemName }}.": "Failed to suspend CronJob {{ newItemName }}.",
   "Failed to resume CronJob {{ newItemName }}.": "Failed to resume CronJob {{ newItemName }}.",
+  "Resume": "Resume",
+  "Suspend": "Suspend",
   "Key": "Key",
   "Operator": "Operator",
   "Value": "Value",
@@ -378,13 +394,7 @@
   "None": "None",
   "Software": "Software",
   "Redirecting to main page…": "Redirecting to main page…",
-  "Logs are paused. Click the follow button to resume following them.": "Logs are paused. Click the follow button to resume following them.",
   "Lines": "Lines",
-  "Show logs for previous instances of this container.": "Show logs for previous instances of this container.",
-  "You can only select this option for containers that have been restarted.": "You can only select this option for containers that have been restarted.",
-  "Show previous": "Show previous",
-  "Timestamps": "Timestamps",
-  "Follow": "Follow",
   "Max Unavailable": "Max Unavailable",
   "Min Available": "Min Available",
   "Allowed disruptions": "Allowed disruptions",