diff options
| author | Xiaofeng An <futureweb2020@yandex.com> | 2019-02-08 11:02:28 -0500 |
|---|---|---|
| committer | Xiaofeng An <futureweb2020@yandex.com> | 2019-02-08 11:13:35 -0500 |
| commit | 17c70fc0ef380d1faa360aa5b91791fd44d6c419 (patch) | |
| tree | bffef12418c10bccba0e54b9956df93bc132af26 | |
| parent | 128dcc637edb5550168423941171f5b567365b7c (diff) | |
add id & placeholder props to AutoCompleteInput component
| -rw-r--r-- | src/components/autocomplete_input/autocomplete_input.js | 3 | ||||
| -rw-r--r-- | src/components/autocomplete_input/autocomplete_input.vue | 3 | ||||
| -rw-r--r-- | src/components/post_status_form/post_status_form.vue | 2 |
3 files changed, 7 insertions, 1 deletions
diff --git a/src/components/autocomplete_input/autocomplete_input.js b/src/components/autocomplete_input/autocomplete_input.js index 51c1f5d9..0f1a510c 100644 --- a/src/components/autocomplete_input/autocomplete_input.js +++ b/src/components/autocomplete_input/autocomplete_input.js @@ -3,9 +3,12 @@ import { take, filter, map } from 'lodash' const AutoCompleteInput = { props: [ + 'id', 'classObj', 'value', + 'placeholder', 'autoResize', + 'multiline', 'drop', 'dragoverPrevent', 'paste', diff --git a/src/components/autocomplete_input/autocomplete_input.vue b/src/components/autocomplete_input/autocomplete_input.vue index d3bda597..309f2202 100644 --- a/src/components/autocomplete_input/autocomplete_input.vue +++ b/src/components/autocomplete_input/autocomplete_input.vue @@ -4,9 +4,10 @@ v-if="multiline" ref="textarea" :value="text" + :id="id" @input="text = $event.target.value, $emit('input', $event.target.value), autoResize && resize($event)" @click="setCaret" - @keyup="setCaret" :placeholder="$t('post_status.default')" rows="1" :class="classObj" + @keyup="setCaret" :placeholder="placeholder" rows="1" :class="classObj" @keydown.down="cycleForward" @keydown.up="cycleBackward" @keydown.shift.tab="cycleBackward" diff --git a/src/components/post_status_form/post_status_form.vue b/src/components/post_status_form/post_status_form.vue index ac5f5566..18c2d2b2 100644 --- a/src/components/post_status_form/post_status_form.vue +++ b/src/components/post_status_form/post_status_form.vue @@ -18,7 +18,9 @@ class="form-cw"> <auto-complete-input v-model="newStatus.status" :classObj="{ 'form-control': true }" + :placeholder="$t('post_status.default')" :autoResize="true" + :multiline="true" :drop="fileDrop" :dragoverPrevent="fileDrag" :paste="paste" |