attachment buttons
This commit is contained in:
parent
bcea217705
commit
f7f09f0dbc
3 changed files with 14 additions and 12 deletions
|
@ -4,7 +4,7 @@ export default {
|
||||||
notEditable: true,
|
notEditable: true,
|
||||||
validInnerComponents: [
|
validInnerComponents: [
|
||||||
'Border',
|
'Border',
|
||||||
'ButtonUnstyled',
|
'Button',
|
||||||
'Input'
|
'Input'
|
||||||
],
|
],
|
||||||
defaultRules: [
|
defaultRules: [
|
||||||
|
@ -14,7 +14,7 @@ export default {
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
component: 'ButtonUnstyled',
|
component: 'Button',
|
||||||
parent: { component: 'Attachment' },
|
parent: { component: 'Attachment' },
|
||||||
directives: {
|
directives: {
|
||||||
background: '#FFFFFF',
|
background: '#FFFFFF',
|
||||||
|
|
|
@ -1,7 +1,7 @@
|
||||||
<template>
|
<template>
|
||||||
<button
|
<button
|
||||||
v-if="usePlaceholder"
|
v-if="usePlaceholder"
|
||||||
class="Attachment -placeholder button-unstyled"
|
class="Attachment -placeholder button-default"
|
||||||
:class="classNames"
|
:class="classNames"
|
||||||
@click="openModal"
|
@click="openModal"
|
||||||
>
|
>
|
||||||
|
@ -23,7 +23,7 @@
|
||||||
>
|
>
|
||||||
<button
|
<button
|
||||||
v-if="remove"
|
v-if="remove"
|
||||||
class="button-unstyled attachment-button"
|
class="button-default attachment-button"
|
||||||
@click.prevent="onRemove"
|
@click.prevent="onRemove"
|
||||||
>
|
>
|
||||||
<FAIcon icon="trash-alt" />
|
<FAIcon icon="trash-alt" />
|
||||||
|
@ -81,7 +81,7 @@
|
||||||
>
|
>
|
||||||
<button
|
<button
|
||||||
v-if="type === 'flash' && flashLoaded"
|
v-if="type === 'flash' && flashLoaded"
|
||||||
class="button-unstyled attachment-button"
|
class="button-default attachment-button"
|
||||||
:title="$t('status.attachment_stop_flash')"
|
:title="$t('status.attachment_stop_flash')"
|
||||||
@click.prevent="stopFlash"
|
@click.prevent="stopFlash"
|
||||||
>
|
>
|
||||||
|
@ -89,7 +89,7 @@
|
||||||
</button>
|
</button>
|
||||||
<button
|
<button
|
||||||
v-if="attachment.description && size !== 'small' && !edit && type !== 'unknown'"
|
v-if="attachment.description && size !== 'small' && !edit && type !== 'unknown'"
|
||||||
class="button-unstyled attachment-button"
|
class="button-default attachment-button"
|
||||||
:title="$t('status.show_attachment_description')"
|
:title="$t('status.show_attachment_description')"
|
||||||
@click.prevent="toggleDescription"
|
@click.prevent="toggleDescription"
|
||||||
>
|
>
|
||||||
|
@ -97,7 +97,7 @@
|
||||||
</button>
|
</button>
|
||||||
<button
|
<button
|
||||||
v-if="!useModal && type !== 'unknown'"
|
v-if="!useModal && type !== 'unknown'"
|
||||||
class="button-unstyled attachment-button"
|
class="button-default attachment-button"
|
||||||
:title="$t('status.show_attachment_in_modal')"
|
:title="$t('status.show_attachment_in_modal')"
|
||||||
@click.prevent="openModalForce"
|
@click.prevent="openModalForce"
|
||||||
>
|
>
|
||||||
|
@ -105,7 +105,7 @@
|
||||||
</button>
|
</button>
|
||||||
<button
|
<button
|
||||||
v-if="nsfw && hideNsfwLocal"
|
v-if="nsfw && hideNsfwLocal"
|
||||||
class="button-unstyled attachment-button"
|
class="button-default attachment-button"
|
||||||
:title="$t('status.hide_attachment')"
|
:title="$t('status.hide_attachment')"
|
||||||
@click.prevent="toggleHidden"
|
@click.prevent="toggleHidden"
|
||||||
>
|
>
|
||||||
|
@ -113,7 +113,7 @@
|
||||||
</button>
|
</button>
|
||||||
<button
|
<button
|
||||||
v-if="shiftUp"
|
v-if="shiftUp"
|
||||||
class="button-unstyled attachment-button"
|
class="button-default attachment-button"
|
||||||
:title="$t('status.move_up')"
|
:title="$t('status.move_up')"
|
||||||
@click.prevent="onShiftUp"
|
@click.prevent="onShiftUp"
|
||||||
>
|
>
|
||||||
|
@ -121,7 +121,7 @@
|
||||||
</button>
|
</button>
|
||||||
<button
|
<button
|
||||||
v-if="shiftDn"
|
v-if="shiftDn"
|
||||||
class="button-unstyled attachment-button"
|
class="button-default attachment-button"
|
||||||
:title="$t('status.move_down')"
|
:title="$t('status.move_down')"
|
||||||
@click.prevent="onShiftDn"
|
@click.prevent="onShiftDn"
|
||||||
>
|
>
|
||||||
|
@ -129,7 +129,7 @@
|
||||||
</button>
|
</button>
|
||||||
<button
|
<button
|
||||||
v-if="remove"
|
v-if="remove"
|
||||||
class="button-unstyled attachment-button"
|
class="button-default attachment-button"
|
||||||
:title="$t('status.remove_attachment')"
|
:title="$t('status.remove_attachment')"
|
||||||
@click.prevent="onRemove"
|
@click.prevent="onRemove"
|
||||||
>
|
>
|
||||||
|
|
|
@ -33,9 +33,11 @@ const components = {
|
||||||
Icon: null,
|
Icon: null,
|
||||||
Border: null,
|
Border: null,
|
||||||
PanelHeader: null,
|
PanelHeader: null,
|
||||||
|
Attachment: null,
|
||||||
Panel: null,
|
Panel: null,
|
||||||
Chat: null,
|
Chat: null,
|
||||||
ChatMessage: null
|
ChatMessage: null,
|
||||||
|
Button: null
|
||||||
}
|
}
|
||||||
|
|
||||||
export const findShadow = (shadows, { dynamicVars, staticVars }) => {
|
export const findShadow = (shadows, { dynamicVars, staticVars }) => {
|
||||||
|
|
Loading…
Add table
Reference in a new issue