diff options
Diffstat (limited to 'app/assets/javascripts/admin/users/components/actions/activate.vue')
-rw-r--r-- | app/assets/javascripts/admin/users/components/actions/activate.vue | 31 |
1 files changed, 22 insertions, 9 deletions
diff --git a/app/assets/javascripts/admin/users/components/actions/activate.vue b/app/assets/javascripts/admin/users/components/actions/activate.vue index 99c260bf11e..74e9c60a57b 100644 --- a/app/assets/javascripts/admin/users/components/actions/activate.vue +++ b/app/assets/javascripts/admin/users/components/actions/activate.vue @@ -1,6 +1,16 @@ <script> import { GlDropdownItem } from '@gitlab/ui'; -import { sprintf, s__ } from '~/locale'; +import { sprintf, s__, __ } from '~/locale'; +import { I18N_USER_ACTIONS } from '../../constants'; + +// TODO: To be replaced with <template> content in https://gitlab.com/gitlab-org/gitlab/-/issues/320922 +const messageHtml = ` + <p>${s__('AdminUsers|Reactivating a user will:')}</p> + <ul> + <li>${s__('AdminUsers|Restore user access to the account, including web, Git and API.')}</li> + </ul> + <p>${s__('AdminUsers|You can always deactivate their account again if needed.')}</p> +`; export default { components: { @@ -25,9 +35,14 @@ export default { title: sprintf(s__('AdminUsers|Activate user %{username}?'), { username: this.username, }), - message: s__('AdminUsers|You can always deactivate their account again if needed.'), - okVariant: 'confirm', - okTitle: s__('AdminUsers|Activate'), + messageHtml, + actionCancel: { + text: __('Cancel'), + }, + actionPrimary: { + text: I18N_USER_ACTIONS.activate, + attributes: [{ variant: 'confirm' }], + }, }), }; }, @@ -36,9 +51,7 @@ export default { </script> <template> - <div class="js-confirm-modal-button" v-bind="{ ...modalAttributes }"> - <gl-dropdown-item> - <slot></slot> - </gl-dropdown-item> - </div> + <gl-dropdown-item button-class="js-confirm-modal-button" v-bind="{ ...modalAttributes }"> + <slot></slot> + </gl-dropdown-item> </template> |