diff --git a/packages/rocketchat-i18n/i18n/en.i18n.json b/packages/rocketchat-i18n/i18n/en.i18n.json index a1a84c8d3eb8..ad7ab1152fa8 100644 --- a/packages/rocketchat-i18n/i18n/en.i18n.json +++ b/packages/rocketchat-i18n/i18n/en.i18n.json @@ -133,6 +133,7 @@ "Add_custom_oauth": "Add custom oauth", "Add_Domain": "Add Domain", "Add_manager": "Add manager", + "Add_Role": "Add Role", "Add_user": "Add user", "Add_User": "Add User", "Add_users": "Add users", @@ -1489,6 +1490,7 @@ "Select_an_avatar": "Select an avatar", "Select_file": "Select file", "Select_service_to_login": "Select a service to login to load your picture or upload one directly from your computer", + "Select_role": "Select a Role", "Select_user": "Select user", "Select_users": "Select users", "Selected_agents": "Selected agents", diff --git a/packages/rocketchat-theme/client/imports/base.css b/packages/rocketchat-theme/client/imports/base.css index 254592a2bb5d..039de23a6c8d 100644 --- a/packages/rocketchat-theme/client/imports/base.css +++ b/packages/rocketchat-theme/client/imports/base.css @@ -3564,6 +3564,10 @@ body:not(.is-cordova) { & #password { width: 70%; } + + & #roleSelect { + width: 70%; + } } & nav { diff --git a/packages/rocketchat-theme/client/imports/chip.css b/packages/rocketchat-theme/client/imports/chip.css new file mode 100644 index 000000000000..12cc1178634b --- /dev/null +++ b/packages/rocketchat-theme/client/imports/chip.css @@ -0,0 +1,18 @@ +.chip-container { + list-style-type: none; + margin: 15px; +} + +.chip-container li { + display: inline-block; + background-color: #dddddd; + border-radius: 10px; + padding: 2px 8px 2px 2px; + margin: 1px 0; + cursor: pointer; +} + +.chip-container li .icon-plus-circled { + opacity: 0.5; + font-size: 0.8rem; +} diff --git a/packages/rocketchat-theme/client/main.css b/packages/rocketchat-theme/client/main.css index f7b298262b52..2dd47b9037c7 100644 --- a/packages/rocketchat-theme/client/main.css +++ b/packages/rocketchat-theme/client/main.css @@ -4,5 +4,6 @@ @import 'imports/keyframes.css'; @import 'imports/forms.css'; @import 'imports/base.css'; +@import 'imports/chip.css'; @import 'imports/rtl.css'; diff --git a/packages/rocketchat-ui-flextab/client/tabs/userEdit.html b/packages/rocketchat-ui-flextab/client/tabs/userEdit.html index f05851461c57..d1578747649e 100644 --- a/packages/rocketchat-ui-flextab/client/tabs/userEdit.html +++ b/packages/rocketchat-ui-flextab/client/tabs/userEdit.html @@ -40,15 +40,28 @@

{{_ "Add_User"}}

{{/if}} - {{#unless user}} -
- - + + {{#each roles}} + {{/each}} + {{/let}} + + +
+ +
+ + {{#unless user}}