+ The plugin {pluginDetails.displayName} of tpye {pluginDetails.type} does not implements a + page component. +
+ ) : ( ++ The plugin {params.name} was not found. +
+ )} + window.open(link, '_blank')}>{children}
;
+ }
+
+ return (
+
+ {children}
+
+ );
+};
diff --git a/plugins/core/src/components/misc/Title.tsx b/plugins/core/src/components/misc/Title.tsx
new file mode 100644
index 000000000..c417c1684
--- /dev/null
+++ b/plugins/core/src/components/misc/Title.tsx
@@ -0,0 +1,23 @@
+import React from 'react';
+
+// TTitleSize are is the size type. We support the lg and xl property of Patternfly for the text size of the title.
+type TTitleSize = 'lg' | 'xl';
+
+// ITitleProps are the properties for the Title component. The user must provide the title, subtitle and the size for
+// the title.
+interface ITitleProps {
+ title: string;
+ subtitle: string;
+ size: TTitleSize;
+}
+
+// Title is our custom title component, in addition to the Patternfly Title component it also supports a subtitle. This
+// is mostly used to display the namespace and cluster besides the name of a resource in the title.
+export const Title: React.FunctionComponent{error?.message}
+{error?.message}
+{description}
+Select a list of clusters, resources and namespaces from the toolbar.
+
+ {resource.resources.map((item, j) => (
+
+ {clustersContext.resources && clustersContext.resources.hasOwnProperty(item) ? (
+
+ toggle(`resources-accordion-${i}-${j}`)}
+ isExpanded={expanded.includes(`resources-accordion-${i}-${j}`)}
+ id={`resources-toggle-${i}-${j}`}
+ >
+ {clustersContext.resources ? clustersContext.resources[item].title : ''}
+
+
+ {clustersContext.resources ? (
+
+
+ ) : (
+ Could not found resource {item}
+ )}
+
+ ))}
+
+ ))}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {key}: {resource.props?.metadata?.labels[key]}
+
+
+ ))}
+
+
+ {key}: {resource.props?.metadata?.annotations[key]}
+
+
+ ))}
+
+ {owner.kind}
+ ({owner.name})
+
+ ))}
+ {condition.message}
: ''}
+
+ }
+ >
+
+
+ {condition.type}
+
+
+
+
+ {probe.exec.command?.join(' ')}
+
+
+ )}
+ {probe.httpGet && (
+
+
+ {probe.httpGet.scheme?.toLowerCase()}://
+ {probe.httpGet.host}:{probe.httpGet.port}
+ {probe.httpGet.path}
+
+
+ )}
+ {probe.initialDelaySeconds && (
+
+
+ delay={probe.initialDelaySeconds}s
+
+
+ )}
+ {probe.timeoutSeconds && (
+
+
+ timeout={probe.timeoutSeconds}s
+
+
+ )}
+ {probe.periodSeconds && (
+
+
+ period={probe.periodSeconds}s
+
+
+ )}
+ {probe.successThreshold && (
+
+
+ #success={probe.successThreshold}
+
+
+ )}
+ {probe.failureThreshold && (
+
+
+ #failure={probe.failureThreshold}
+
+
+ )}
+
+
+ {port.containerPort}
+ {port.protocol ? `/${port.protocol}` : ''}
+ {port.name ? ` (${port.name})` : ''}
+
+
+ ))}
+
+ {env.name}:
+
+ {env.value ? env.value : env.valueFrom ? getValueFrom(env.valueFrom) : '-'}
+
+
+ ))}
+
+ {mount.name}:{mount.mountPath}
+
+ ))}
+
+
+ success={cronJob.spec?.successfulJobsHistoryLimit ? cronJob.spec?.successfulJobsHistoryLimit : 0}
+
+
+
+
+ failed={cronJob.spec?.failedJobsHistoryLimit ? cronJob.spec?.failedJobsHistoryLimit : 0}
+
+
+
+
+ {daemonSet.status?.desiredNumberScheduled ? daemonSet.status?.desiredNumberScheduled : 0} desired
+
+
+
+
+ {daemonSet.status?.currentNumberScheduled ? daemonSet.status?.currentNumberScheduled : 0} current
+
+
+
+
+ {daemonSet.status?.numberMisscheduled ? daemonSet.status?.numberMisscheduled : 0} misscheduled
+
+
+
+
+ {daemonSet.status?.numberReady ? daemonSet.status?.numberReady : 0} ready
+
+
+
+
+ {daemonSet.status?.updatedNumberScheduled ? daemonSet.status?.updatedNumberScheduled : 0} updated
+
+
+
+
+ {daemonSet.status?.numberAvailable ? daemonSet.status?.numberAvailable : 0} available
+
+
+
+
+ {daemonSet.status?.numberUnavailable ? daemonSet.status?.numberUnavailable : 0} unavailable
+
+
+
+
+ {deployment.status?.replicas ? deployment.status?.replicas : 0} desired
+
+
+
+
+ {deployment.status?.updatedReplicas ? deployment.status?.updatedReplicas : 0} updated
+
+
+
+
+ {deployment.status?.readyReplicas ? deployment.status?.readyReplicas : 0} ready
+
+
+
+
+ {deployment.status?.availableReplicas ? deployment.status?.availableReplicas : 0} available
+
+
+
+
+ {deployment.status?.unavailableReplicas ? deployment.status?.unavailableReplicas : 0} unavailable
+
+
+
+
+ succeeded={job.status?.succeeded ? job.status?.succeeded : 0}
+
+
+
+
+ failed={job.status?.failed ? job.status?.failed : 0}
+
+
+ {yaml.dump(toleration)}
+ ))}
+
+ }
+ >
+ {pod.spec.tolerations.length}
+ {yaml.dump(pod.spec.affinity)}
+
+ }
+ >
+ Yes
+
+
+ {key}={selector.matchLabels ? selector.matchLabels[key] : ''}
+
+
+
+ ))}
+
+
+ {statefulSet.status?.replicas ? statefulSet.status?.replicas : 0} desired
+
+
+
+
+ {statefulSet.status?.currentReplicas ? statefulSet.status?.currentReplicas : 0} current
+
+
+
+
+ {statefulSet.status?.readyReplicas ? statefulSet.status?.readyReplicas : 0} ready
+
+
+
+
+ {statefulSet.status?.updatedReplicas ? statefulSet.status?.updatedReplicas : 0} updated
+
+
+