diff options
Diffstat (limited to 'src/components/attachment')
| -rw-r--r-- | src/components/attachment/attachment.js | 8 | ||||
| -rw-r--r-- | src/components/attachment/attachment.vue | 24 |
2 files changed, 30 insertions, 2 deletions
diff --git a/src/components/attachment/attachment.js b/src/components/attachment/attachment.js index fea7c6f8..f9c8d981 100644 --- a/src/components/attachment/attachment.js +++ b/src/components/attachment/attachment.js @@ -42,6 +42,8 @@ const Attachment = { 'size', 'setMedia', 'remove', + 'shiftUp', + 'shiftDn', 'edit' ], data () { @@ -154,6 +156,12 @@ const Attachment = { onRemove () { this.remove && this.remove(this.attachment) }, + onShiftUp () { + this.shiftUp && this.shiftUp(this.attachment) + }, + onShiftDn () { + this.shiftDn && this.shiftDn(this.attachment) + }, stopFlash () { this.$refs.flash.closePlayer() }, diff --git a/src/components/attachment/attachment.vue b/src/components/attachment/attachment.vue index 82a72a8d..4abf63dd 100644 --- a/src/components/attachment/attachment.vue +++ b/src/components/attachment/attachment.vue @@ -30,7 +30,7 @@ </button> </div> <div - v-if="size !== 'hide' && !hideDescription && (edit || localDescription)" + v-if="size !== 'hide' && !hideDescription && (edit || localDescription || showDescription)" class="description-container" :class="{ '-static': !edit }" > @@ -83,6 +83,7 @@ v-if="type === 'flash' && flashLoaded" class="button-unstyled attachment-button" @click.prevent="stopFlash" + :title="$t('status.attachment_stop_flash')" > <FAIcon icon="stop" /> </button> @@ -98,6 +99,7 @@ v-if="!useModal" class="button-unstyled attachment-button" @click.prevent="openModalForce" + :title="$t('status.show_attachment_in_modal')" > <FAIcon icon="search-plus" /> </button> @@ -105,13 +107,31 @@ v-if="nsfw && hideNsfwLocal" class="button-unstyled attachment-button" @click.prevent="toggleHidden" + :title="$t('status.hide_attachment')" > <FAIcon icon="times" /> </button> <button + v-if="shiftUp" + class="button-unstyled attachment-button" + @click.prevent="onShiftUp" + :title="$t('status.move_up')" + > + <FAIcon icon="chevron-left" /> + </button> + <button + v-if="shiftDn" + class="button-unstyled attachment-button" + @click.prevent="onShiftDn" + :title="$t('status.move_down')" + > + <FAIcon icon="chevron-right" /> + </button> + <button v-if="remove" class="button-unstyled attachment-button" @click.prevent="onRemove" + :title="$t('status.remove_attachment')" > <FAIcon icon="trash-alt" /> </button> @@ -209,7 +229,7 @@ </span> </div> <div - v-if="size !== 'hide' && !hideDescription && (edit || localDescription)" + v-if="size !== 'hide' && !hideDescription && (edit || (localDescription && showDescription))" class="description-container" :class="{ '-static': !edit }" > |