parameterized placeholder in user search query

This commit is contained in:
einhorn_b 2023-08-12 09:59:21 +02:00
parent fe0b441328
commit dc7a8bb9c7
2 changed files with 8 additions and 2 deletions

View File

@ -5,7 +5,7 @@
type="text"
class="test-input-criteria"
v-model="currentValue"
:placeholder="$t('user_memo_search')"
:placeholder="placeholderText"
></b-form-input>
<b-input-group-append class="test-click-clear-criteria" @click="currentValue = ''">
<b-input-group-text class="pointer">
@ -20,12 +20,18 @@ export default {
name: 'UserQuery',
props: {
value: { type: String, default: '' },
placeholder: { type: String, default: '' },
},
data() {
return {
currentValue: this.value,
}
},
computed: {
placeholderText() {
return this.placeholder || this.$t('user_search')
}
},
watch: {
currentValue() {
if (this.value !== this.currentValue) {

View File

@ -1,7 +1,7 @@
<!-- eslint-disable @intlify/vue-i18n/no-dynamic-keys -->
<template>
<div class="creation-confirm">
<user-query class="mb-4 mt-2" v-model="query" />
<user-query class="mb-4 mt-2" v-model="query" :placeholder="$t('user_memo_search')" />
<div>
<b-tabs v-model="tabIndex" content-class="mt-3" fill>
<b-tab active :title-link-attributes="{ 'data-test': 'open' }">