diff options
| author | julia.kirschenheuter <julia.kirschenheuter@nextcloud.com> | 2023-08-25 15:52:31 +0200 |
|---|---|---|
| committer | julia.kirschenheuter <julia.kirschenheuter@nextcloud.com> | 2023-08-31 11:37:50 +0200 |
| commit | 381e3ed0b9ce1992415100ce80dd8c3f03b90559 (patch) | |
| tree | 080dfd12e805ea779349a43f9d8ed5a8fd6152aa /apps/user_status | |
| parent | 931ab2e7e3e38c54e1099a451f07382c98070f37 (diff) | |
| download | nextcloud-server-381e3ed0b9ce1992415100ce80dd8c3f03b90559.tar.gz nextcloud-server-381e3ed0b9ce1992415100ce80dd8c3f03b90559.zip | |
Replace custom input field with NcInputField
Signed-off-by: julia.kirschenheuter <julia.kirschenheuter@nextcloud.com>
Diffstat (limited to 'apps/user_status')
| -rw-r--r-- | apps/user_status/src/components/CustomMessageInput.vue | 19 |
1 files changed, 10 insertions, 9 deletions
diff --git a/apps/user_status/src/components/CustomMessageInput.vue b/apps/user_status/src/components/CustomMessageInput.vue index 5013c97f784..4689e5a8b80 100644 --- a/apps/user_status/src/components/CustomMessageInput.vue +++ b/apps/user_status/src/components/CustomMessageInput.vue @@ -24,21 +24,20 @@ <NcButton type="tertiary" class="custom-input__emoji-button" :aria-label="t('user_status', 'Emoji for your status message')"> - {{ visibleIcon }} + <template #icon> + {{ visibleIcon }} + </template> </NcButton> </NcEmojiPicker> <div class="custom-input__container"> - <label class="hidden-visually" for="user_status_message"> - {{ t('user_status', 'What is your status?') }} - </label> - <input id="user_status_message" - ref="input" - maxlength="80" + <NcTextField maxlength="80" :disabled="disabled" :placeholder="$t('user_status', 'What is your status?')" - type="text" :value="message" - @input="onChange"> + ref="input" + type="text" + :label="t('user_status', 'What is your status?')" + @input="onChange" /> </div> </div> </template> @@ -46,11 +45,13 @@ <script> import NcButton from '@nextcloud/vue/dist/Components/NcButton.js' import NcEmojiPicker from '@nextcloud/vue/dist/Components/NcEmojiPicker.js' +import NcTextField from '@nextcloud/vue/dist/Components/NcTextField.js' export default { name: 'CustomMessageInput', components: { + NcTextField, NcButton, NcEmojiPicker, }, |