Press n or j to go to the next uncovered block, b, p or k for the previous block.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 | 8x 4x | <!-- eslint-disable vue/multi-word-component-names --> <script> import { GlDisclosureDropdownItem } from '@gitlab/ui'; import { sprintf, s__, __ } from '~/locale'; import eventHub, { EVENT_OPEN_CONFIRM_MODAL } from '~/vue_shared/components/confirm_modal_eventhub'; 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|Approved users can:')}</p> <ul> <li>${s__('AdminUsers|Log in')}</li> <li>${s__('AdminUsers|Access Git repositories')}</li> <li>${s__('AdminUsers|Access the API')}</li> <li>${s__('AdminUsers|Be added to groups and projects')}</li> </ul> `; export default { components: { GlDisclosureDropdownItem, }, props: { username: { type: String, required: true, }, path: { type: String, required: true, }, }, methods: { onClick() { eventHub.$emit(EVENT_OPEN_CONFIRM_MODAL, { path: this.path, method: 'put', modalAttributes: { title: sprintf(s__('AdminUsers|Approve user %{username}?'), { username: this.username, }), actionCancel: { text: __('Cancel'), }, actionPrimary: { text: I18N_USER_ACTIONS.approve, attributes: { variant: 'confirm', 'data-testid': 'approve-user-confirm-button' }, }, messageHtml, }, }); }, }, }; </script> <template> <gl-disclosure-dropdown-item @action="onClick"> <template #list-item> <slot></slot> </template> </gl-disclosure-dropdown-item> </template> |