diff options
Diffstat (limited to 'src/components/media_upload/media_upload.vue')
| -rw-r--r-- | src/components/media_upload/media_upload.vue | 22 |
1 files changed, 16 insertions, 6 deletions
diff --git a/src/components/media_upload/media_upload.vue b/src/components/media_upload/media_upload.vue index 2799495b..c761b94f 100644 --- a/src/components/media_upload/media_upload.vue +++ b/src/components/media_upload/media_upload.vue @@ -1,8 +1,10 @@ <template> - <label + <component class="media-upload" - :class="{ disabled: disabled }" + :is="normalButton ? 'button' : 'label'" + :class="{ disabled: disabled, ['media-upload button-default btn']: normalButton }" :title="$t('tool_tip.media_upload')" + @click="onClick" > <FAIcon v-if="uploading" @@ -15,6 +17,10 @@ class="new-icon" icon="upload" /> + <template v-if="normalButton"> + {{ ' ' }} + {{ uploading ? $t('general.loading') : $t('tool_tip.media_upload') }} + </template> <input v-if="uploadReady" class="hidden-input-file" @@ -22,8 +28,10 @@ type="file" multiple="true" @change="change" + ref="input" + :accept="acceptTypes" > - </label> + </component> </template> <script src="./media_upload.js"></script> @@ -32,10 +40,12 @@ @import "../../variables"; .media-upload { - cursor: pointer; // We use <label> for interactivity... i wonder if it's fine - .hidden-input-file { display: none; } } - </style> + +label.media-upload { + cursor: pointer; // We use <label> for interactivity... i wonder if it's fine +} +</style> |