diff --git a/src/components/ContainerSettingsGeneral.react.js b/src/components/ContainerSettingsGeneral.react.js index 8e8066e2ce..70cfa87815 100644 --- a/src/components/ContainerSettingsGeneral.react.js +++ b/src/components/ContainerSettingsGeneral.react.js @@ -1,7 +1,7 @@ import _ from 'underscore'; import React from 'react/addons'; import metrics from '../utils/MetricsUtil'; -import electron from 'electron'; +import electron, { clipboard } from 'electron'; const remote = electron.remote; const dialog = remote.dialog; import ContainerUtil from '../utils/ContainerUtil'; @@ -26,6 +26,7 @@ var ContainerSettingsGeneral = React.createClass({ return { slugName: null, nameError: null, + copiedId: false, env: env }; }, @@ -60,6 +61,20 @@ var ContainerSettingsGeneral = React.createClass({ } }, + handleCopyContainerId: function() { + clipboard.writeText(this.props.container.Id); + this.setState({ + copiedId: true + }); + + var _this = this; + setTimeout(function() { + _this.setState({ + copiedId: false + }); + }, 5000); + }, + handleSaveContainerName: function () { var newName = this.state.slugName; if (newName === this.props.container.Name) { @@ -154,6 +169,7 @@ var ContainerSettingsGeneral = React.createClass({ return false; } + var clipboardStatus; var willBeRenamedAs; var btnSaveName = ( Save @@ -171,14 +187,27 @@ var ContainerSettingsGeneral = React.createClass({ ); } - let rename = ( + if (this.state.copiedId) { + clipboardStatus = ( +
Copied to Clipboard
+ ); + } + + let containerInfo = (