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

scm-plugins/scm-git-plugin/src/main/js/CloneInformation.js

@@ -1,31 +0,0 @@
-//@flow
-import React from 'react';
-
-// TODO flow types ???
-type Props = {
-  repository: Object
-}
-
-class CloneInformation extends React.Component<Props> {
-
-  render() {
-    const { repository } = this.repository;
-    if (repository.type !== "git") {
-      return null;
-    }
-    if (!repository._links.httpProtocol) {
-      return null;
-    }
-    return (
-      <div>
-        <h2>Git</h2>
-        <pre><code>
-          git clone { repository._links.httpProtocol }
-        </code></pre>
-      </div>
-    );
-  }
-
-}
-
-export default CloneInformation;

scm-plugins/scm-git-plugin/src/main/js/GitAvatar.js

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

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

@@ -0,0 +1,54 @@
+//@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>Clone the repository</h4>
+        <pre>
+          <code>git clone {repository._links.httpProtocol.href}</code>
+        </pre>
+        <h4>Create a new repository</h4>
+        <pre>
+          <code>
+            git init {repository.name}
+            <br />
+            echo "# {repository.name}" > README.md
+            <br />
+            git add README.md
+            <br />
+            git commit -m "added readme"
+            <br />
+            git remote add origin {repository._links.httpProtocol.href}
+            <br />
+            git push -u origin master
+            <br />
+          </code>
+        </pre>
+        <h4>Push an existing repository</h4>
+        <pre>
+          <code>
+            git remote add origin {repository._links.httpProtocol.href}
+            <br />
+            git push -u origin master
+            <br />
+          </code>
+        </pre>
+      </div>
+    );
+  }
+
+}
+
+export default ProtocolInformation;

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

@@ -1,4 +1,10 @@
 import { binder } from "@scm-manager/ui-extensions";
-import CloneInformation from './CloneInformation';
+import ProtocolInformation from './ProtocolInformation';
+import GitAvatar from './GitAvatar';
 
-binder.bind("repos.repository-details.informations", CloneInformation);
+const gitPredicate = (props: Object) => {
+  return props.repository && props.repository.type === "git";
+};
+
+binder.bind("repos.repository-details.information", ProtocolInformation, gitPredicate);
+binder.bind("repos.repository-avatar", GitAvatar, gitPredicate);