77 lines
1.9 KiB
Vue
77 lines
1.9 KiB
Vue
<script>
|
|
import { s__, sprintf } from '~/locale';
|
|
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,
|
|
},
|
|
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,
|
|
},
|
|
);
|
|
}
|
|
|
|
return sprintf(
|
|
s__('Members|Are you sure you want to remove this orphaned member from "%{source}"?'),
|
|
{
|
|
source: source.fullName,
|
|
},
|
|
);
|
|
},
|
|
oncallScheduleUserData() {
|
|
const { user: { name, oncallSchedules: schedules } = {} } = this.member;
|
|
return { name, schedules };
|
|
},
|
|
},
|
|
};
|
|
</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"
|
|
:oncall-schedules="oncallScheduleUserData"
|
|
:message="message"
|
|
: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>
|