diff options
author | Joas Schilling <coding@schilljs.com> | 2022-08-02 11:45:57 +0300 |
---|---|---|
committer | Joas Schilling <coding@schilljs.com> | 2022-08-31 09:15:38 +0300 |
commit | 1b3578c9940e281181394eed3888b310d65290ee (patch) | |
tree | ea898803860bcf91e19c3d76edf6b0c9fb1b1435 | |
parent | b32a4b72b9b7583bcd1b0753faa50b66853d66b8 (diff) |
Move all icons to material design
Signed-off-by: Joas Schilling <coding@schilljs.com>
-rw-r--r-- | src/components/NewMessageForm/NewMessageForm.vue | 37 |
1 files changed, 28 insertions, 9 deletions
diff --git a/src/components/NewMessageForm/NewMessageForm.vue b/src/components/NewMessageForm/NewMessageForm.vue index d97dcfb11..08da5d9e9 100644 --- a/src/components/NewMessageForm/NewMessageForm.vue +++ b/src/components/NewMessageForm/NewMessageForm.vue @@ -43,33 +43,48 @@ :disabled="disabled" :aria-label="t('spreed', 'Share files to the conversation')" :aria-haspopup="true"> - <Paperclip slot="icon" - :size="16" /> + <template #icon> + <Paperclip :size="16" /> + </template> + <NcActionButton v-if="canUploadFiles" :close-after-click="true" - icon="icon-upload" @click.prevent="clickImportInput"> + <template #icon> + <Upload :size="20" /> + </template> {{ t('spreed', 'Upload from device') }} </NcActionButton> <NcActionButton v-if="canShareFiles" :close-after-click="true" - icon="icon-folder" @click.prevent="handleFileShare"> + <template #icon> + <Folder :size="20" /> + </template> {{ t('spreed', 'Share from Nextcloud FIXME') }} </NcActionButton> <NcActionButton v-if="canShareFiles" :close-after-click="true" @click.prevent="showTextFileDialog = true"> - <TextBox slot="icon" :size="20" /> + <template #icon> + <Folder :size="20" /> + </template> + {{ t('spreed', 'Share from Nextcloud') }} + </NcActionButton> + <NcActionButton v-if="canShareFiles" + :close-after-click="true" + @click.prevent="showTextFileDialog = true"> + <template #icon> + <TextBox :size="20" /> + </template> {{ t('spreed', 'Create text file') }} </NcActionButton> <NcActionButton v-if="canCreatePoll" :close-after-click="true" @click.prevent="toggleSimplePollsEditor(true)"> - <Poll slot="icon" - :size="20" - decorative - title="" /> + <template #icon> + <Poll :size="20" /> + </template> {{ t('spreed', 'Create new poll') }} </NcActionButton> </NcActions> @@ -200,6 +215,8 @@ import SimplePollsEditor from './SimplePollsEditor/SimplePollsEditor.vue' import Poll from 'vue-material-design-icons/Poll.vue' import TextBox from 'vue-material-design-icons/TextBox.vue' import NcModal from '@nextcloud/vue/dist/Components/NcModal.js' +import Folder from 'vue-material-design-icons/Folder.vue' +import Upload from 'vue-material-design-icons/Upload.vue' import InputVue from '../InputVue.vue' const picker = getFilePickerBuilder(t('spreed', 'File to share')) @@ -229,6 +246,8 @@ export default { Poll, TextBox, NcModal, + Folder, + Upload, InputVue, }, |