diff --git a/app/theme/client/imports/forms/input.css b/app/theme/client/imports/forms/input.css index ad82c59e626..4f945a91e0f 100644 --- a/app/theme/client/imports/forms/input.css +++ b/app/theme/client/imports/forms/input.css @@ -50,6 +50,14 @@ textarea.rc-input__element { right: 1rem; left: auto; } + + &--clickable { + cursor: pointer; + } + + &--right + .rc-input__element { + padding: 0 2.75rem 0 1rem; + } } &__element { diff --git a/app/ui-flextab/client/tabs/createInviteLink.html b/app/ui-flextab/client/tabs/createInviteLink.html index 899116cc401..4d9d861ddfe 100644 --- a/app/ui-flextab/client/tabs/createInviteLink.html +++ b/app/ui-flextab/client/tabs/createInviteLink.html @@ -2,49 +2,60 @@
{{#if isEditing}} -
-
{{_ "Expiration_(Days)"}}
- + - -
-
{{_ "Max_number_of_uses"}}
- + {{else}} - + + + {{/if}} diff --git a/app/ui-flextab/client/tabs/createInviteLink.js b/app/ui-flextab/client/tabs/createInviteLink.js index 41995895cde..c264e33cb94 100644 --- a/app/ui-flextab/client/tabs/createInviteLink.js +++ b/app/ui-flextab/client/tabs/createInviteLink.js @@ -2,6 +2,7 @@ import { ReactiveVar } from 'meteor/reactive-var'; import { Template } from 'meteor/templating'; import { TAPi18n } from 'meteor/rocketchat:tap-i18n'; import toastr from 'toastr'; +import Clipboard from 'clipboard'; import { t, APIClient } from '../../../utils'; import { formatDateAndTime } from '../../../lib/client/lib/formatDate'; @@ -67,6 +68,9 @@ Template.createInviteLink.helpers({ }); Template.createInviteLink.events({ + 'click .js-copy'(event, i) { + $(event.currentTarget).attr('data-clipboard-text', i.url.get()); + }, 'click .js-edit-invite'(e, instance) { e.preventDefault(); instance.isEditing.set(true); @@ -90,4 +94,9 @@ Template.createInviteLink.onCreated(function() { this.inviteData = new ReactiveVar(null); getInviteLink(this, this.data.rid); + + const clipboard = new Clipboard('.js-copy'); + clipboard.on('success', function() { + toastr.success(TAPi18n.__('Copied')); + }); }); diff --git a/app/ui-flextab/client/tabs/membersList.html b/app/ui-flextab/client/tabs/membersList.html index e979b60683f..62cbfdc3d18 100644 --- a/app/ui-flextab/client/tabs/membersList.html +++ b/app/ui-flextab/client/tabs/membersList.html @@ -48,14 +48,15 @@ {{/if}}
+
+ {{#if canAddUser}} + + {{/if}} - {{#if canAddUser}} - - {{/if}} - - {{#if canInviteUser}} - - {{/if}} + {{#if canInviteUser}} + + {{/if}} +
{{/with}} {{/if}}