From 3015937fc762d10a8cc7cd1a8d296d644698513d Mon Sep 17 00:00:00 2001
From: Sebastian Sdorra <sebastian.sdorra@cloudogu.com>
Date: Fri, 24 Aug 2018 11:01:08 +0200
Subject: [PATCH] added extension point for repository detail information

---
 .../repos/components/RepositoryDetailTable.js | 56 ++++++++++++++++++
 .../src/repos/components/RepositoryDetails.js | 57 +++++--------------
 2 files changed, 71 insertions(+), 42 deletions(-)
 create mode 100644 scm-ui/src/repos/components/RepositoryDetailTable.js

diff --git a/scm-ui/src/repos/components/RepositoryDetailTable.js b/scm-ui/src/repos/components/RepositoryDetailTable.js
new file mode 100644
index 0000000000..109b44b8ea
--- /dev/null
+++ b/scm-ui/src/repos/components/RepositoryDetailTable.js
@@ -0,0 +1,56 @@
+//@flow
+import React from "react";
+import type { Repository } from "../types/Repositories";
+import MailLink from "../../components/MailLink";
+import DateFromNow from "../../components/DateFromNow";
+import { translate } from "react-i18next";
+
+type Props = {
+  repository: Repository,
+  // context props
+  t: string => string
+};
+
+class RepositoryDetailTable extends React.Component<Props> {
+  render() {
+    const { repository, t } = this.props;
+    return (
+      <table className="table">
+        <tbody>
+          <tr>
+            <td>{t("repository.name")}</td>
+            <td>{repository.name}</td>
+          </tr>
+          <tr>
+            <td>{t("repository.type")}</td>
+            <td>{repository.type}</td>
+          </tr>
+          <tr>
+            <td>{t("repository.contact")}</td>
+            <td>
+              <MailLink address={repository.contact} />
+            </td>
+          </tr>
+          <tr>
+            <td>{t("repository.description")}</td>
+            <td>{repository.description}</td>
+          </tr>
+          <tr>
+            <td>{t("repository.creationDate")}</td>
+            <td>
+              <DateFromNow date={repository.creationDate} />
+            </td>
+          </tr>
+          <tr>
+            <td>{t("repository.lastModified")}</td>
+            <td>
+              <DateFromNow date={repository.lastModified} />
+            </td>
+          </tr>
+        </tbody>
+      </table>
+    );
+  }
+}
+
+export default translate("repos")(RepositoryDetailTable);
diff --git a/scm-ui/src/repos/components/RepositoryDetails.js b/scm-ui/src/repos/components/RepositoryDetails.js
index 83a4f164aa..aec8285a96 100644
--- a/scm-ui/src/repos/components/RepositoryDetails.js
+++ b/scm-ui/src/repos/components/RepositoryDetails.js
@@ -1,56 +1,29 @@
 //@flow
 import React from "react";
-import { translate } from "react-i18next";
 import type { Repository } from "../types/Repositories";
-import MailLink from "../../components/MailLink";
-import DateFromNow from "../../components/DateFromNow";
+import RepositoryDetailTable from "./RepositoryDetailTable";
+import { ExtensionPoint } from "@scm-manager/ui-extensions";
 
 type Props = {
-  repository: Repository,
-  // context props
-  t: string => string
+  repository: Repository
 };
 
 class RepositoryDetails extends React.Component<Props> {
   render() {
-    const { repository, t } = this.props;
+    const { repository } = this.props;
     return (
-      <table className="table">
-        <tbody>
-          <tr>
-            <td>{t("repository.name")}</td>
-            <td>{repository.name}</td>
-          </tr>
-          <tr>
-            <td>{t("repository.type")}</td>
-            <td>{repository.type}</td>
-          </tr>
-          <tr>
-            <td>{t("repository.contact")}</td>
-            <td>
-              <MailLink address={repository.contact} />
-            </td>
-          </tr>
-          <tr>
-            <td>{t("repository.description")}</td>
-            <td>{repository.description}</td>
-          </tr>
-          <tr>
-            <td>{t("repository.creationDate")}</td>
-            <td>
-              <DateFromNow date={repository.creationDate} />
-            </td>
-          </tr>
-          <tr>
-            <td>{t("repository.lastModified")}</td>
-            <td>
-              <DateFromNow date={repository.lastModified} />
-            </td>
-          </tr>
-        </tbody>
-      </table>
+      <div>
+        <RepositoryDetailTable repository={repository} />
+        <div className="content">
+          <ExtensionPoint
+            name="repos.repository-details.information"
+            renderAll={true}
+            props={{ repository }}
+          />
+        </div>
+      </div>
     );
   }
 }
 
-export default translate("repos")(RepositoryDetails);
+export default RepositoryDetails;