96 lines
2.5 KiB
Vue
96 lines
2.5 KiB
Vue
<script>
|
|
import { __, s__, sprintf } from '~/locale';
|
|
import { parseUserDeletionObstacles } from '~/vue_shared/components/user_deletion_obstacles/utils';
|
|
import ActionButtonGroup from './action_button_group.vue';
|
|
import LeaveButton from './leave_button.vue';
|
|
import RemoveMemberButton from './remove_member_button.vue';
|
|
|
|
export default {
|
|
name: 'UserActionButtons',
|
|
components: {
|
|
ActionButtonGroup,
|
|
RemoveMemberButton,
|
|
LeaveButton,
|
|
LdapOverrideButton: () =>
|
|
import('ee_component/members/components/ldap/ldap_override_button.vue'),
|
|
},
|
|
props: {
|
|
member: {
|
|
type: Object,
|
|
required: true,
|
|
},
|
|
isCurrentUser: {
|
|
type: Boolean,
|
|
required: true,
|
|
},
|
|
isInvitedUser: {
|
|
type: Boolean,
|
|
required: true,
|
|
},
|
|
permissions: {
|
|
type: Object,
|
|
required: true,
|
|
},
|
|
},
|
|
computed: {
|
|
message() {
|
|
const { user, source } = this.member;
|
|
|
|
if (user) {
|
|
return sprintf(
|
|
s__('Members|Are you sure you want to remove %{usersName} from "%{source}"?'),
|
|
{
|
|
usersName: user.name,
|
|
source: source.fullName,
|
|
},
|
|
false,
|
|
);
|
|
}
|
|
|
|
return sprintf(
|
|
s__('Members|Are you sure you want to remove this orphaned member from "%{source}"?'),
|
|
{
|
|
source: source.fullName,
|
|
},
|
|
);
|
|
},
|
|
userDeletionObstaclesUserData() {
|
|
return {
|
|
name: this.member.user?.name,
|
|
obstacles: parseUserDeletionObstacles(this.member.user),
|
|
};
|
|
},
|
|
removeMemberButtonText() {
|
|
return this.isInvitedUser ? null : __('Remove user');
|
|
},
|
|
removeMemberButtonIcon() {
|
|
return this.isInvitedUser ? 'remove' : '';
|
|
},
|
|
removeMemberButtonCategory() {
|
|
return this.isInvitedUser ? 'primary' : 'secondary';
|
|
},
|
|
},
|
|
};
|
|
</script>
|
|
|
|
<template>
|
|
<action-button-group>
|
|
<div v-if="permissions.canRemove" class="gl-px-1">
|
|
<leave-button v-if="isCurrentUser" :member="member" />
|
|
<remove-member-button
|
|
v-else
|
|
:member-id="member.id"
|
|
:member-type="member.type"
|
|
:user-deletion-obstacles="userDeletionObstaclesUserData"
|
|
:message="message"
|
|
:icon="removeMemberButtonIcon"
|
|
:button-text="removeMemberButtonText"
|
|
:button-category="removeMemberButtonCategory"
|
|
:title="s__('Member|Remove member')"
|
|
/>
|
|
</div>
|
|
<div v-else-if="permissions.canOverride && !member.isOverridden" class="gl-px-1">
|
|
<ldap-override-button :member="member" />
|
|
</div>
|
|
</action-button-group>
|
|
</template>
|