1
0
mirror of https://gitlab.com/bramw/baserow.git synced 2024-11-24 16:36:46 +00:00
bramw_baserow/web-frontend/modules/database/components/field/FieldCollaboratorDropdownItem.vue
2022-09-06 15:32:12 +00:00

37 lines
816 B
Vue

<template>
<li
class="select-collaborators__dropdown-item"
:class="{
hidden: !isVisible(query),
active: isActive(value),
disabled: disabled,
hover: isHovering(value),
}"
>
<a
class="select-collaborators__dropdown-link"
@click="select(value, disabled)"
@mousemove="hover(value, disabled)"
>
<div class="select-collaborators__initials">{{ initial(name) }}</div>
<div class="select-collaborators__dropdown-option">
{{ name }}
</div>
</a>
</li>
</template>
<script>
import dropdownItem from '@baserow/modules/core/mixins/dropdownItem'
export default {
name: 'FieldCollaboratorDropdownItem',
mixins: [dropdownItem],
methods: {
initial(name) {
return name.slice(0, 1).toUpperCase()
},
},
}
</script>