diff --git a/web/react/components/get_link_modal.jsx b/web/react/components/get_link_modal.jsx
index af5314e648..ab6045d2fa 100644
--- a/web/react/components/get_link_modal.jsx
+++ b/web/react/components/get_link_modal.jsx
@@ -10,46 +10,56 @@ ZeroClipboardMixin.ZeroClipboard.config({
module.exports = React.createClass({
zeroclipboardElementsSelector: '[data-copy-btn]',
- mixins: [ ZeroClipboardMixin ],
+ mixins: [ZeroClipboardMixin],
componentDidMount: function() {
var self = this;
- if(this.refs.modal) {
+ if (this.refs.modal) {
$(this.refs.modal.getDOMNode()).on('show.bs.modal', function(e) {
var button = e.relatedTarget;
- self.setState({title: $(button).attr('data-title'), value: $(button).attr('data-value') });
+ self.setState({title: $(button).attr('data-title'), value: $(button).attr('data-value')});
+ });
+ $(this.refs.modal.getDOMNode()).on('hide.bs.modal', function() {
+ self.setState({copiedLink: false});
});
}
},
getInitialState: function() {
return { };
},
+ handleClick: function() {
+ this.setState({copiedLink: true});
+ },
render: function() {
- var currentUser = UserStore.getCurrentUser()
+ var currentUser = UserStore.getCurrentUser();
if (currentUser != null) {
return (
-
-
-
-
-
×
-
{this.state.title} Link
+
+
+
+
+ ×
+
{this.state.title} Link
-
-
{"The link below is used for open " + strings.TeamPlural + " or if you allowed your " + strings.Team + " members to sign up using their " + strings.Company + " email addresses."}
+
+
{'The link below is used for open ' + strings.TeamPlural + ' or if you allowed your ' + strings.Team + ' members to sign up using their ' + strings.Company + ' email addresses.'}
-
+
-
-
Close
-
Copy Link
+
+
Close
+
Copy Link
+ {this.state.copiedLink ?
+
Link copied to clipboard.
+ :
+ null
+ }
);
- } else {
- return
;
}
+ return
;
}
});
diff --git a/web/sass-files/sass/partials/_get-link.scss b/web/sass-files/sass/partials/_get-link.scss
new file mode 100644
index 0000000000..84b20729b9
--- /dev/null
+++ b/web/sass-files/sass/partials/_get-link.scss
@@ -0,0 +1,6 @@
+.copy-link-confirm {
+ color: rgb(153, 230, 153);
+ margin-top: -27px;
+ margin-bottom: -25px;
+ margin-right: 300px;
+}
\ No newline at end of file
diff --git a/web/sass-files/sass/styles.scss b/web/sass-files/sass/styles.scss
index ffd1f42b83..eb5152a2c1 100644
--- a/web/sass-files/sass/styles.scss
+++ b/web/sass-files/sass/styles.scss
@@ -33,6 +33,7 @@
@import "partials/error";
@import "partials/error-bar";
@import "partials/loading";
+@import "partials/get-link";
// Responsive Css
@import "partials/responsive";