mirror of https://github.com/rancher/dashboard.git
54 lines
1.4 KiB
Vue
54 lines
1.4 KiB
Vue
<script>
|
|
import { NORMAN, MANAGEMENT } from '@/config/types';
|
|
|
|
export default {
|
|
props: {
|
|
value: {
|
|
type: String,
|
|
default: ''
|
|
},
|
|
},
|
|
computed: {
|
|
|
|
boundRoles() {
|
|
const principal = this.$store.getters['rancher/byId'](NORMAN.PRINCIPAL, this.value);
|
|
const globalRoleBindings = this.$store.getters['management/all'](MANAGEMENT.GLOBAL_ROLE_BINDING);
|
|
|
|
return globalRoleBindings
|
|
// Bindings for this group
|
|
.filter(globalRoleBinding => globalRoleBinding.groupPrincipalName === principal.id)
|
|
// Display name of role associated with binding
|
|
.map((binding) => {
|
|
const role = this.$store.getters['management/byId'](MANAGEMENT.GLOBAL_ROLE, binding.globalRoleName);
|
|
|
|
return {
|
|
detailLocation: role.detailLocation,
|
|
label: role ? role.displayName : role.id, // nameDisplay contains principal name, not required here
|
|
};
|
|
})
|
|
.sort((a, b) => a.label.localeCompare(b.label));
|
|
}
|
|
}
|
|
};
|
|
</script>
|
|
|
|
<template>
|
|
<div class="pgb">
|
|
<template v-for="(role, i) in boundRoles">
|
|
<nuxt-link :key="role.id" :to="role.detailLocation">
|
|
{{ role.label }}
|
|
</nuxt-link>
|
|
<template v-if="i + 1 < boundRoles.length">
|
|
,
|
|
</template>
|
|
</template>
|
|
</div>
|
|
</template>
|
|
|
|
<style lang='scss' scoped>
|
|
.pgb{
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
}
|
|
</style>
|