Nemcio/SCM-Manager
1
0
Fork 0
mirror of https://github.com/scm-manager/scm-manager.git synced 2025-11-10 07:25:44 +01:00
Code Issues Packages Projects Releases Activity

added extension point for repository detail information

Browse Source
This commit is contained in:
Sebastian Sdorra
2018-08-24 11:01:08 +02:00
parent 8224327ed3
commit 3015937fc7
2 changed files with 71 additions and 42 deletions
Download Patch File Download Diff File Expand all files Collapse all files

56
scm-ui/src/repos/components/RepositoryDetailTable.js Normal file
View File

@@ -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);

57
scm-ui/src/repos/components/RepositoryDetails.js
View File

@@ -1,56 +1,29 @@
//@flow //@flow
import React from "react"; import React from "react";
import { translate } from "react-i18next";
import type { Repository } from "../types/Repositories"; import type { Repository } from "../types/Repositories";
import MailLink from "../../components/MailLink"; import RepositoryDetailTable from "./RepositoryDetailTable";
import DateFromNow from "../../components/DateFromNow"; import { ExtensionPoint } from "@scm-manager/ui-extensions";
type Props = { type Props = {
repository: Repository, repository: Repository
// context props
t: string => string
}; };
class RepositoryDetails extends React.Component<Props> { class RepositoryDetails extends React.Component<Props> {
render() { render() {
const { repository, t } = this.props; const { repository } = this.props;
return ( return (
<table className="table"> <div>
<tbody> <RepositoryDetailTable repository={repository} />
<tr> <div className="content">
<td>{t("repository.name")}</td> <ExtensionPoint
<td>{repository.name}</td> name="repos.repository-details.information"
</tr> renderAll={true}
<tr> props={{ repository }}
<td>{t("repository.type")}</td> />
<td>{repository.type}</td> </div>
</tr> </div>
<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")(RepositoryDetails); export default RepositoryDetails;