|
|
|
|
@ -10,11 +10,10 @@
|
|
|
|
|
:loading="status.isLoading && groups.length === 0"
|
|
|
|
|
:placeholder="t('workflowengine', 'Type to search for group …')"
|
|
|
|
|
:options="groups"
|
|
|
|
|
:model-value="currentValue"
|
|
|
|
|
:model-value="currentValue"
|
|
|
|
|
label="displayname"
|
|
|
|
|
@search="searchAsync"
|
|
|
|
|
@input="update"
|
|
|
|
|
/>
|
|
|
|
|
@input="update" />
|
|
|
|
|
</div>
|
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
@ -45,6 +44,7 @@ export default {
|
|
|
|
|
default: () => { return {} },
|
|
|
|
|
},
|
|
|
|
|
},
|
|
|
|
|
emits: ['update:model-value'],
|
|
|
|
|
data() {
|
|
|
|
|
return {
|
|
|
|
|
groups,
|
|
|
|
|
@ -54,12 +54,17 @@ export default {
|
|
|
|
|
},
|
|
|
|
|
computed: {
|
|
|
|
|
currentValue: {
|
|
|
|
|
get: function () {
|
|
|
|
|
get() {
|
|
|
|
|
return this.groups.find(group => group.id === this.newValue) || null
|
|
|
|
|
},
|
|
|
|
|
set: function (value) {
|
|
|
|
|
set(value) {
|
|
|
|
|
this.newValue = value
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
},
|
|
|
|
|
},
|
|
|
|
|
watch: {
|
|
|
|
|
modelValue() {
|
|
|
|
|
this.updateInternalValue()
|
|
|
|
|
},
|
|
|
|
|
},
|
|
|
|
|
async mounted() {
|
|
|
|
|
@ -72,12 +77,6 @@ export default {
|
|
|
|
|
await this.searchAsync(this.newValue)
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
emits: ['update:model-value'],
|
|
|
|
|
watch: {
|
|
|
|
|
modelValue() {
|
|
|
|
|
this.updateInternalValue()
|
|
|
|
|
},
|
|
|
|
|
},
|
|
|
|
|
methods: {
|
|
|
|
|
t,
|
|
|
|
|
|
|
|
|
|
@ -111,7 +110,7 @@ export default {
|
|
|
|
|
update(value) {
|
|
|
|
|
this.newValue = value.id
|
|
|
|
|
this.$emit('update:model-value', this.newValue)
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
},
|
|
|
|
|
}
|
|
|
|
|
</script>
|
|
|
|
|
|