[ARVADOS-WORKBENCH2] updated: 1.1.4-450-gcf13821
Git user
git at public.curoverse.com
Thu Aug 2 08:55:39 EDT 2018
Summary of changes:
package.json | 2 ++
src/views/collection-panel/collection-panel.tsx | 17 ++++++++++++++---
2 files changed, 16 insertions(+), 3 deletions(-)
via cf13821286d46158198dde609de9bbb7363c53e3 (commit)
from a3e0dc8338ab730f62d442b9dfcf18cc2e649253 (commit)
Those revisions listed above that are new to this repository have
not appeared on any other notification email; so we list those
revisions in full, below.
commit cf13821286d46158198dde609de9bbb7363c53e3
Author: Janicki Artur <artur.janicki at contractors.roche.com>
Date: Thu Aug 2 14:55:20 2018 +0200
add copy to clipboard
Feature #13903
Arvados-DCO-1.1-Signed-off-by: Janicki Artur <artur.janicki at contractors.roche.com>
diff --git a/package.json b/package.json
index fa4bd30..0b0ebcd 100644
--- a/package.json
+++ b/package.json
@@ -6,11 +6,13 @@
"@material-ui/core": "1.4.0",
"@material-ui/icons": "1.1.0",
"@types/lodash": "4.14.112",
+ "@types/react-copy-to-clipboard": "4.2.5",
"@types/redux-form": "7.4.1",
"axios": "0.18.0",
"classnames": "2.2.6",
"lodash": "4.17.10",
"react": "16.4.1",
+ "react-copy-to-clipboard": "5.0.1",
"react-dom": "16.4.1",
"react-redux": "5.0.7",
"react-router": "4.3.1",
diff --git a/src/views/collection-panel/collection-panel.tsx b/src/views/collection-panel/collection-panel.tsx
index 340d7c9..21d28b9 100644
--- a/src/views/collection-panel/collection-panel.tsx
+++ b/src/views/collection-panel/collection-panel.tsx
@@ -11,11 +11,12 @@ import { connect } from 'react-redux';
import { RouteComponentProps } from 'react-router';
import { ArvadosTheme } from '../../common/custom-theme';
import { RootState } from '../../store/store';
-import { MoreOptionsIcon, CollectionIcon } from '../../components/icon/icon';
+import { MoreOptionsIcon, CollectionIcon, CopyIcon } from '../../components/icon/icon';
import { DetailsAttribute } from '../../components/details-attribute/details-attribute';
import { CollectionResource } from '../../models/collection';
+import * as CopyToClipboard from 'react-copy-to-clipboard';
-type CssRules = 'card' | 'iconHeader' | 'tag';
+type CssRules = 'card' | 'iconHeader' | 'tag' | 'copyIcon';
const styles: StyleRulesCallback<CssRules> = (theme: ArvadosTheme) => ({
card: {
@@ -27,6 +28,11 @@ const styles: StyleRulesCallback<CssRules> = (theme: ArvadosTheme) => ({
},
tag: {
marginRight: theme.spacing.unit
+ },
+ copyIcon: {
+ marginLeft: theme.spacing.unit,
+ fontSize: '1.125rem',
+ cursor: 'pointer'
}
});
@@ -42,6 +48,7 @@ interface CollectionPanelActionProps {
type CollectionPanelProps = CollectionPanelDataProps & CollectionPanelActionProps
& WithStyles<CssRules> & RouteComponentProps<{ id: string }>;
+
export const CollectionPanel = withStyles(styles)(
connect((state: RootState) => ({ item: state.collectionPanel.item }))(
class extends React.Component<CollectionPanelProps> {
@@ -64,7 +71,11 @@ export const CollectionPanel = withStyles(styles)(
<CardContent>
<Grid container direction="column">
<Grid item xs={6}>
- <DetailsAttribute label='Collection UUID' value={item && item.uuid} />
+ <DetailsAttribute label='Collection UUID' value={item && item.uuid}>
+ <CopyToClipboard text={item && item.uuid}>
+ <CopyIcon className={classes.copyIcon} />
+ </CopyToClipboard>
+ </DetailsAttribute>
<DetailsAttribute label='Content size' value='54 MB' />
<DetailsAttribute label='Owner' value={item && item.ownerUuid} />
</Grid>
-----------------------------------------------------------------------
hooks/post-receive
--
More information about the arvados-commits
mailing list