Skip to content

Add Status card - #2806

Merged
openshift-merge-robot merged 1 commit into
openshift:masterfrom
rawagner:4.3-status-card
Oct 2, 2019
Merged

Add Status card#2806
openshift-merge-robot merged 1 commit into
openshift:masterfrom
rawagner:4.3-status-card

Conversation

@rawagner

@rawagner rawagner commented Sep 21, 2019

Copy link
Copy Markdown
Contributor

status

@openshift-ci-robot openshift-ci-robot added the do-not-merge/work-in-progress Indicates that a PR should not merge because it is a work in progress. label Sep 21, 2019
@openshift-ci-robot openshift-ci-robot added size/XXL Denotes a PR that changes 1000+ lines, ignoring generated files. component/ceph Related to ceph-storage-plugin component/core Related to console core functionality component/dashboard Related to dashboard component/metal3 Related to metal3-plugin component/noobaa Related to noobaa-storage-plugin component/sdk Related to console-plugin-sdk labels Sep 21, 2019
@rawagner
rawagner force-pushed the 4.3-status-card branch 3 times, most recently from 859cfe1 to dfad7f1 Compare September 23, 2019 11:19
@openshift-ci-robot openshift-ci-robot added needs-rebase Indicates a PR cannot be merged because it has merge conflicts with HEAD. component/kubevirt Related to kubevirt-plugin labels Sep 23, 2019

@andybraren andybraren left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Looking great! Just one minor change to the update button label to make it clearer that the update won't happen immediately when clicked (sorry, the design doc for this flow is a little out of date).

Comment thread frontend/public/components/dashboards-page/overview-dashboard/status-card.tsx Outdated
@rawagner
rawagner force-pushed the 4.3-status-card branch 5 times, most recently from ace9793 to b71c9bf Compare September 25, 2019 08:22
@openshift-ci-robot openshift-ci-robot added component/monitoring Related to monitoring component/olm Related to OLM and removed needs-rebase Indicates a PR cannot be merged because it has merge conflicts with HEAD. labels Sep 26, 2019
@spadgett
spadgett changed the base branch from master-4.3 to master September 26, 2019 14:36
@openshift-ci-robot openshift-ci-robot added the needs-rebase Indicates a PR cannot be merged because it has merge conflicts with HEAD. label Sep 27, 2019
@rawagner

Copy link
Copy Markdown
Contributor Author

Added Control Plane health

status_control

@openshift-ci-robot openshift-ci-robot removed the needs-rebase Indicates a PR cannot be merged because it has merge conflicts with HEAD. label Sep 27, 2019
@andybraren

Copy link
Copy Markdown
Contributor

(Still) looking great! Good call on "API Request Success Rate" - I see that's the label that the old Cluster Status page used too. Does etcd have a health endpoint that we'd be able to expose or calculate (assuming it's important)?

@rawagner

Copy link
Copy Markdown
Contributor Author

(Still) looking great! Good call on "API Request Success Rate" - I see that's the label that the old Cluster Status page used too. Does etcd have a health endpoint that we'd be able to expose or calculate (assuming it's important)?

not sure yet, I will be exploring that next week

@rawagner

Copy link
Copy Markdown
Contributor Author

@kyoto any idea on a metric which could be used to get health of etcd ? #2806 (comment)

@rawagner
rawagner force-pushed the 4.3-status-card branch 3 times, most recently from 4694059 to 24ada75 Compare October 1, 2019 10:41

const cephCluster = _.get(resources, 'ceph') as FirehoseResult;
const cephHealthState = getCephHealthState(queryResult, !!queryResultError, cephCluster);
const cephHealthState = getCephHealthState([queryResult], queryResultError, cephCluster);

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Please check if we should use [queryResultError].

@@ -0,0 +1,68 @@
import * as React from 'react';

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Please update according to DevTools convention.

healthHandler: getControlPlaneHealth,
popupComponent: () =>
import(
'./components/dashboards-page/control-plane-status' /* webpackChunkName: "app-control-plane-status" */

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
'./components/dashboards-page/control-plane-status' /* webpackChunkName: "app-control-plane-status" */
'./components/dashboards-page/control-plane-status' /* webpackChunkName: "console-app" */


export interface DashboardsOverviewHealthPrometheusSubsystem
extends DashboardsOverviewHealthSubsystem {
/** The Prometheus query */

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
/** The Prometheus query */
/** The Prometheus queries */

) => SubsystemHealth;
healthHandler: HealthHandler<PrometheusResponse[]>;

popupComponent?: LazyLoader<any>;

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Please add brief comment on newly added properties.

query: string;
queries: string[];

/** Resource which will be fetched and passed to healthHandler */

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
/** Resource which will be fetched and passed to healthHandler */
/** Additional resource which will be fetched and passed to healthHandler */

*/
fetch?: (url: string) => Promise<R>;

/** Resource which will be fetched and passed to healthHandler */

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
/** Resource which will be fetched and passed to healthHandler */
/** Additional resource which will be fetched and passed to healthHandler */

export type HealthHandler<R> = (
response: R,
error: any,
resource?: FirehoseResult<K8sResourceKind | K8sResourceKind[]>,

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
resource?: FirehoseResult<K8sResourceKind | K8sResourceKind[]>,
additionalResource?: FirehoseResult<K8sResourceKind | K8sResourceKind[]>,

import { EmptyState, EmptyStateVariant, EmptyStateIcon, EmptyStateBody } from '@patternfly/react-core';
import { CheckCircleIcon, QuestionIcon } from '@patternfly/react-icons';

export const StatusBody = ({ children }) => (

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Please inline.

import { LazyLoader } from './types';

namespace ExtensionProperties {
export namespace ExtensionProperties {

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Can't we use DashboardsOverviewHealthSubsystem['properties'] ?

@kyoto

kyoto commented Oct 2, 2019

Copy link
Copy Markdown
Member

@kyoto any idea on a metric which could be used to get health of etcd ? #2806 (comment)

@rawagner Sorry, not sure. Probably best to ask someone on the etcd team.

@rawagner rawagner changed the title [WIP] Add Status card Add Status card Oct 2, 2019
@openshift-ci-robot openshift-ci-robot removed the do-not-merge/work-in-progress Indicates that a PR should not merge because it is a work in progress. label Oct 2, 2019
@rawagner
rawagner force-pushed the 4.3-status-card branch 2 times, most recently from c261794 to 1ed0007 Compare October 2, 2019 12:16
@vojtechszocs

vojtechszocs commented Oct 2, 2019

Copy link
Copy Markdown
Contributor

/lgtm

@openshift-ci-robot openshift-ci-robot added the approved Indicates a PR has been approved by an approver from all required OWNERS files. label Oct 2, 2019
@vojtechszocs

Copy link
Copy Markdown
Contributor

/lgtm

@openshift-ci-robot openshift-ci-robot added the lgtm Indicates that a PR is ready to be merged. label Oct 2, 2019
@openshift-ci-robot

Copy link
Copy Markdown
Contributor

[APPROVALNOTIFIER] This PR is APPROVED

This pull-request has been approved by: rawagner, vojtechszocs

The full list of commands accepted by this bot can be found here.

The pull request process is described here

Details Needs approval from an approver in each of these files:

Approvers can indicate their approval by writing /approve in a comment
Approvers can cancel approval by writing /approve cancel in a comment

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

approved Indicates a PR has been approved by an approver from all required OWNERS files. component/ceph Related to ceph-storage-plugin component/core Related to console core functionality component/dashboard Related to dashboard component/kubevirt Related to kubevirt-plugin component/metal3 Related to metal3-plugin component/monitoring Related to monitoring component/noobaa Related to noobaa-storage-plugin component/olm Related to OLM component/sdk Related to console-plugin-sdk lgtm Indicates that a PR is ready to be merged. size/XXL Denotes a PR that changes 1000+ lines, ignoring generated files.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

7 participants