7e385fc126
Some checks failed
SonarQube / SonarQube (push) Failing after 5m28s
E2e test on main branch push / server and client test (map[name:admin port:8080]) (push) Failing after 3m33s
Server and lib tests / Library test (js) (push) Failing after 1m36s
Server and lib tests / Library test (vue) (push) Successful in 2m24s
Server and lib tests / Web client test (admin) (push) Successful in 2m52s
Server and lib tests / Web client test (compose) (push) Successful in 3m23s
Server and lib tests / Web client test (discovery) (push) Successful in 2m49s
Server and lib tests / Web client test (one) (push) Successful in 2m52s
Server and lib tests / Web client test (privacy) (push) Successful in 2m44s
Server and lib tests / Web client test (reporter) (push) Successful in 2m56s
Server and lib tests / Web client test (workflow) (push) Successful in 3m0s
Server and lib tests / Server tests (push) Failing after 4m55s
E2e test on main branch push / notify-failure (push) Failing after 9s
Server and lib tests / Send matrix testing notification (push) Successful in 2s
Mark stale issues and pull requests / stale (push) Successful in 40s
81 lines
1.5 KiB
Vue
81 lines
1.5 KiB
Vue
<template>
|
|
<div
|
|
class="d-flex align-items-center"
|
|
>
|
|
<font-awesome-icon
|
|
v-if="!disabled && !disabledSorting && !hideIcons"
|
|
:icon="['fas', 'grip-vertical']"
|
|
:class="{
|
|
'text-muted': disabledDragging,
|
|
}"
|
|
class="align-baseline mr-3 text-primary"
|
|
/>
|
|
<b
|
|
class="text-truncate"
|
|
>
|
|
<slot
|
|
v-bind="item"
|
|
>
|
|
{{ item[textField] }}
|
|
</slot>
|
|
</b>
|
|
<b-button
|
|
v-if="_hideIcons"
|
|
v-b-tooltip.noninteractive.hover="{ title: selected ? 'Unselect' : 'Select', boundary: 'body' , delay: 1000 }"
|
|
:data-test-id="`button-${selected ? 'unselect' : 'select'}`"
|
|
variant="outline-light"
|
|
class="d-flex align-items-center ml-auto p-2 border-0"
|
|
@click.prevent.stop="$emit(selected ? 'unselect' : 'select')"
|
|
>
|
|
<font-awesome-icon
|
|
:icon="[selected ? 'far' : 'fas', selected ? 'eye' : 'eye-slash']"
|
|
class="text-muted"
|
|
/>
|
|
</b-button>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
name: 'CItemPickerItem',
|
|
|
|
props: {
|
|
item: {
|
|
type: Object,
|
|
required: true,
|
|
},
|
|
|
|
textField: {
|
|
type: String,
|
|
default: 'text',
|
|
},
|
|
|
|
selected: {
|
|
type: Boolean,
|
|
},
|
|
|
|
disabled: {
|
|
type: Boolean,
|
|
},
|
|
|
|
disabledDragging: {
|
|
type: Boolean,
|
|
},
|
|
|
|
disabledSorting: {
|
|
type: Boolean,
|
|
},
|
|
|
|
hideIcons: {
|
|
type: Boolean,
|
|
},
|
|
},
|
|
|
|
computed: {
|
|
_hideIcons () {
|
|
return !this.disabled && !this.hideIcons
|
|
},
|
|
},
|
|
}
|
|
</script>
|