implemented avatar and information extension point for svn, hg and git

scm-plugins/scm-svn-plugin/src/main/js/ProtocolInformation.js

@@ -0,0 +1,28 @@
+//@flow
+import React from 'react';
+
+// TODO flow types ???
+type Props = {
+  repository: Object
+}
+
+class ProtocolInformation extends React.Component<Props> {
+
+  render() {
+    const { repository } = this.props;
+    if (!repository._links.httpProtocol) {
+      return null;
+    }
+    return (
+      <div>
+        <h4>Checkout the repository</h4>
+        <pre>
+          <code>svn checkout {repository._links.httpProtocol.href}</code>
+        </pre>
+      </div>
+    );
+  }
+
+}
+
+export default ProtocolInformation;

scm-plugins/scm-svn-plugin/src/main/js/SvnAvatar.js

@@ -0,0 +1,15 @@
+//@flow
+import React from 'react';
+
+type Props = {
+};
+
+class SvnAvatar extends React.Component<Props> {
+
+  render() {
+    return <img src="/images/svn-logo.gif" alt="Subversion Logo" />;
+  }
+
+}
+
+export default SvnAvatar;

scm-plugins/scm-svn-plugin/src/main/js/index.js

@@ -0,0 +1,10 @@
+import { binder } from "@scm-manager/ui-extensions";
+import ProtocolInformation from './ProtocolInformation';
+import SvnAvatar from './SvnAvatar';
+
+const svnPredicate = (props: Object) => {
+  return props.repository && props.repository.type === "svn";
+};
+
+binder.bind("repos.repository-details.information", ProtocolInformation, svnPredicate);
+binder.bind("repos.repository-avatar", SvnAvatar, svnPredicate);