mirror of
https://gitlab.com/bramw/baserow.git
synced 2025-04-16 01:54:12 +00:00
43 lines
1.1 KiB
Vue
43 lines
1.1 KiB
Vue
<template>
|
|
<li
|
|
class="select__item select__item--no-options"
|
|
:class="{
|
|
hidden: !isVisible(query),
|
|
active: isActive(value),
|
|
disabled: disabled,
|
|
hover: isHovering(value),
|
|
}"
|
|
>
|
|
<a
|
|
class="select__item-link"
|
|
@click="select(value, disabled)"
|
|
@mousemove="hover(value, disabled)"
|
|
>
|
|
<div class="select__item-name">
|
|
<slot>
|
|
<i
|
|
v-if="icon"
|
|
v-tooltip="iconTooltip"
|
|
class="select__item-icon"
|
|
:class="icon"
|
|
/>
|
|
<img v-if="image" class="select__item-image" :src="image" />
|
|
<span class="select__item-name-text" :title="name">{{ name }}</span>
|
|
</slot>
|
|
</div>
|
|
<div v-if="description !== null" class="select__item-description">
|
|
{{ description }}
|
|
</div>
|
|
</a>
|
|
<i class="select__item-active-icon iconoir-check"></i>
|
|
</li>
|
|
</template>
|
|
|
|
<script>
|
|
import dropdownItem from '@baserow/modules/core/mixins/dropdownItem'
|
|
|
|
export default {
|
|
name: 'DropdownItem',
|
|
mixins: [dropdownItem],
|
|
}
|
|
</script>
|