mirror of
https://gitlab.com/bramw/baserow.git
synced 2024-11-25 00:46:46 +00:00
52 lines
1.3 KiB
Vue
52 lines
1.3 KiB
Vue
<template>
|
|
<li
|
|
v-if="visible"
|
|
class="select__item select__item--no-options"
|
|
:class="{
|
|
hidden: !isVisible(query),
|
|
active: isActive(value),
|
|
disabled: disabled,
|
|
hover: isHovering(value),
|
|
}"
|
|
@click="$emit('click', $event)"
|
|
>
|
|
<a
|
|
class="select__item-link"
|
|
@click="select(value, disabled)"
|
|
@mousemove="hover(value, disabled)"
|
|
>
|
|
<div class="select__item-name">
|
|
<div v-if="multiple.value">
|
|
<Checkbox :disabled="disabled" :checked="isActive(value)"></Checkbox>
|
|
</div>
|
|
<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
|
|
v-if="!multiple.value"
|
|
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>
|