From 474b9a99a0534a7ecbc8914157e79dfc71cb4c2a Mon Sep 17 00:00:00 2001
From: Eduard Heimbuch <eduard.heimbuch@cloudogu.com>
Date: Wed, 24 Jul 2019 08:56:12 +0200
Subject: [PATCH] add bulma popover / add Extensionpoint

---
 .../src/repos/changesets/ChangesetButtonGroup.js    |  2 +-
 .../src/repos/changesets/ChangesetRow.js            | 13 +++++++++++--
 .../packages/ui-types/src/Changesets.js             |  4 ++--
 scm-ui/package.json                                 |  1 +
 scm-ui/src/repos/containers/RepositoryRoot.js       |  2 +-
 scm-ui/styles/scm.scss                              |  7 +++++++
 scm-ui/yarn.lock                                    |  5 +++++
 7 files changed, 28 insertions(+), 6 deletions(-)

diff --git a/scm-ui-components/packages/ui-components/src/repos/changesets/ChangesetButtonGroup.js b/scm-ui-components/packages/ui-components/src/repos/changesets/ChangesetButtonGroup.js
index 72ce9a2b38..8d46a9f0b4 100644
--- a/scm-ui-components/packages/ui-components/src/repos/changesets/ChangesetButtonGroup.js
+++ b/scm-ui-components/packages/ui-components/src/repos/changesets/ChangesetButtonGroup.js
@@ -21,7 +21,7 @@ class ChangesetButtonGroup extends React.Component<Props> {
     const sourcesLink = createSourcesLink(repository, changeset);
 
     return (
-      <ButtonAddons className="is-pulled-right">
+      <ButtonAddons className="level-item">
         <Button link={changesetLink} className="reduced-mobile">
           <span className="icon">
             <i className="fas fa-exchange-alt" />
diff --git a/scm-ui-components/packages/ui-components/src/repos/changesets/ChangesetRow.js b/scm-ui-components/packages/ui-components/src/repos/changesets/ChangesetRow.js
index 90a568f615..0150fcb9c3 100644
--- a/scm-ui-components/packages/ui-components/src/repos/changesets/ChangesetRow.js
+++ b/scm-ui-components/packages/ui-components/src/repos/changesets/ChangesetRow.js
@@ -10,7 +10,7 @@ import { DateFromNow } from "../..";
 import ChangesetAuthor from "./ChangesetAuthor";
 import { parseDescription } from "./changesets";
 import { AvatarWrapper, AvatarImage } from "../../avatar";
-import { ExtensionPoint } from "@scm-manager/ui-extensions";
+import { ExtensionPoint} from "@scm-manager/ui-extensions";
 import ChangesetTags from "./ChangesetTags";
 import ChangesetButtonGroup from "./ChangesetButtonGroup";
 
@@ -110,7 +110,16 @@ class ChangesetRow extends React.Component<Props> {
           </div>
           <div className={classNames("column", classes.isVcentered)}>
             <ChangesetTags changeset={changeset} />
-            <ChangesetButtonGroup repository={repository} changeset={changeset} />
+            <div className="is-pulled-right level">
+              <ChangesetButtonGroup repository={repository} changeset={changeset} />
+              <div className={classes.isVcentered}>
+                <ExtensionPoint
+                  name="changeset.right"
+                  props={{ repository, changeset }}
+                  renderAll={true}
+                />
+              </div>
+            </div>
           </div>
         </div>
       </div>
diff --git a/scm-ui-components/packages/ui-types/src/Changesets.js b/scm-ui-components/packages/ui-types/src/Changesets.js
index cab4233a7f..124fda3831 100644
--- a/scm-ui-components/packages/ui-types/src/Changesets.js
+++ b/scm-ui-components/packages/ui-types/src/Changesets.js
@@ -1,9 +1,9 @@
 //@flow
-import type {Links} from "./hal";
+import type {Collection, Links} from "./hal";
 import type {Tag} from "./Tags";
 import type {Branch} from "./Branches";
 
-export type Changeset = {
+export type Changeset = Collection & {
   id: string,
   date: Date,
   author: {
diff --git a/scm-ui/package.json b/scm-ui/package.json
index dfb369e61e..a790935001 100644
--- a/scm-ui/package.json
+++ b/scm-ui/package.json
@@ -9,6 +9,7 @@
     "@fortawesome/fontawesome-free": "^5.3.1",
     "@scm-manager/ui-extensions": "^0.1.2",
     "bulma": "^0.7.1",
+    "bulma-popover": "^1.0.0",
     "bulma-tooltip": "^2.0.2",
     "classnames": "^2.2.5",
     "font-awesome": "^4.7.0",
diff --git a/scm-ui/src/repos/containers/RepositoryRoot.js b/scm-ui/src/repos/containers/RepositoryRoot.js
index 6630086964..5cb2078e5a 100644
--- a/scm-ui/src/repos/containers/RepositoryRoot.js
+++ b/scm-ui/src/repos/containers/RepositoryRoot.js
@@ -125,7 +125,7 @@ class RepositoryRoot extends React.Component<Props> {
     return (
       <Page title={repository.namespace + "/" + repository.name}>
         <div className="columns">
-          <div className="column is-three-quarters is-clipped">
+          <div className="column is-three-quarters">
             <Switch>
               <Redirect exact from={this.props.match.url} to={redirectedUrl} />
               <Route
diff --git a/scm-ui/styles/scm.scss b/scm-ui/styles/scm.scss
index 8378bb23e9..ddb2a748e5 100644
--- a/scm-ui/styles/scm.scss
+++ b/scm-ui/styles/scm.scss
@@ -497,6 +497,10 @@ form .field:not(.is-grouped) {
   }
 }
 
+.modal-card-body div div:last-child {
+  border-bottom: none;
+}
+
 .sub-menu li {
   line-height: 1;
 
@@ -521,3 +525,6 @@ form .field:not(.is-grouped) {
     display: none;
   }
 }
+
+
+@import "bulma-popover/css/bulma-popover";
diff --git a/scm-ui/yarn.lock b/scm-ui/yarn.lock
index 9ab4653e0f..cbeca27d09 100644
--- a/scm-ui/yarn.lock
+++ b/scm-ui/yarn.lock
@@ -1798,6 +1798,11 @@ builtin-status-codes@^3.0.0:
   version "3.0.0"
   resolved "https://registry.yarnpkg.com/builtin-status-codes/-/builtin-status-codes-3.0.0.tgz#85982878e21b98e1c66425e03d0174788f569ee8"
 
+bulma-popover@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/bulma-popover/-/bulma-popover-1.0.0.tgz#fe4b93fa6a68cb233145c16f69ee39ee0f7d4237"
+  integrity sha512-uc74pIcFIBG7vJMOOYwlcsyiN5HH1LmeDbDame2gLAtiM7EFGsHe58L6wQr6GNDJNrN/adwE2tNzqIb1yjL/Bw==
+
 bulma-tooltip@^2.0.2:
   version "2.0.2"
   resolved "https://registry.yarnpkg.com/bulma-tooltip/-/bulma-tooltip-2.0.2.tgz#cf0bf5ad2dc75492cbcbd4816e1a005314dc90ac"