Enable Health Checks (#1621)

In the release of version 2.0.0 of SCM-Manager, the health checks had been neglected. This makes them visible again in the frontend and adds the ability to trigger them. In addition there are two types of health checks: The "normal" ones, now called "light checks", that are run on startup, and more intense checks run only on request.

As a change to version 1.x, health checks will no longer be persisted for repositories.

Co-authored-by: Eduard Heimbuch <eduard.heimbuch@cloudogu.com>

scm-ui/ui-components/src/repos/RepositoryEntry.tsx

@@ -29,6 +29,7 @@ import RepositoryAvatar from "./RepositoryAvatar";
 import { ExtensionPoint } from "@scm-manager/ui-extensions";
 import { withTranslation, WithTranslation } from "react-i18next";
 import styled from "styled-components";
+import HealthCheckFailureDetail from "./HealthCheckFailureDetail";
 
 type DateProp = Date | string;
 
@@ -39,6 +40,10 @@ type Props = WithTranslation & {
   baseDate?: DateProp;
 };
 
+type State = {
+  showHealthCheck: boolean;
+};
+
 const RepositoryTag = styled.span`
   margin-left: 0.2rem;
   background-color: #9a9a9a;
@@ -50,8 +55,26 @@ const RepositoryTag = styled.span`
   font-weight: bold;
   font-size: 0.7rem;
 `;
+const RepositoryWarnTag = styled.span`
+  margin-left: 0.2rem;
+  background-color: #f14668;
+  padding: 0.25rem;
+  border-radius: 5px;
+  color: white;
+  overflow: visible;
+  pointer-events: all;
+  font-weight: bold;
+  font-size: 0.7rem;
+  cursor: help;
+`;
 
-class RepositoryEntry extends React.Component<Props> {
+class RepositoryEntry extends React.Component<Props, State> {
+  constructor(props: Props) {
+    super(props);
+    this.state = {
+      showHealthCheck: false
+    };
+  }
   createLink = (repository: Repository) => {
     return `/repo/${repository.namespace}/${repository.name}`;
   };
@@ -154,6 +177,19 @@ class RepositoryEntry extends React.Component<Props> {
       repositoryFlags.push(<RepositoryTag title={t("exporting.tooltip")}>{t("repository.exporting")}</RepositoryTag>);
     }
 
+    if (repository.healthCheckFailures && repository.healthCheckFailures.length > 0) {
+      repositoryFlags.push(
+        <RepositoryWarnTag
+          title={t("healthCheckFailure.tooltip")}
+          onClick={() => {
+            this.setState({ showHealthCheck: true });
+          }}
+        >
+          {t("repository.healthCheckFailure")}
+        </RepositoryWarnTag>
+      );
+    }
+
     return (
       <>
         <ExtensionPoint name="repository.card.beforeTitle" props={{ repository }} />
@@ -168,16 +204,27 @@ class RepositoryEntry extends React.Component<Props> {
     const footerLeft = this.createFooterLeft(repository, repositoryLink);
     const footerRight = this.createFooterRight(repository, baseDate);
     const title = this.createTitle();
-    return (
-      <CardColumn
-        avatar={<RepositoryAvatar repository={repository} />}
-        title={title}
-        description={repository.description}
-        link={repositoryLink}
-        footerLeft={footerLeft}
-        footerRight={footerRight}
+    const modal = (
+      <HealthCheckFailureDetail
+        closeFunction={() => this.setState({ showHealthCheck: false })}
+        active={this.state.showHealthCheck}
+        failures={repository.healthCheckFailures}
       />
     );
+
+    return (
+      <>
+        {modal}
+        <CardColumn
+          avatar={<RepositoryAvatar repository={repository} />}
+          title={title}
+          description={repository.description}
+          link={repositoryLink}
+          footerLeft={footerLeft}
+          footerRight={footerRight}
+        />
+      </>
+    );
   }
 }