|
|
|
|
@ -83,31 +83,31 @@
|
|
|
|
|
v-btn(icon, v-on='on', tile, small, @click.left='currentFileId = props.item.id')
|
|
|
|
|
v-icon(color='grey darken-2') mdi-dots-horizontal
|
|
|
|
|
v-list(nav, style='border-top: 5px solid #444;')
|
|
|
|
|
v-list-item(@click='', disabled)
|
|
|
|
|
v-list-item-avatar(size='24')
|
|
|
|
|
v-icon(color='teal') mdi-text-short
|
|
|
|
|
v-list-item-content {{$t('common:actions.properties')}}
|
|
|
|
|
template(v-if='props.item.kind === `IMAGE`')
|
|
|
|
|
v-list-item(@click='previewDialog = true', disabled)
|
|
|
|
|
v-list-item-avatar(size='24')
|
|
|
|
|
v-icon(color='green') mdi-image-search-outline
|
|
|
|
|
v-list-item-content {{$t('common:actions.preview')}}
|
|
|
|
|
v-list-item(@click='', disabled)
|
|
|
|
|
v-list-item-avatar(size='24')
|
|
|
|
|
v-icon(color='indigo') mdi-crop-rotate
|
|
|
|
|
v-list-item-content {{$t('common:actions.edit')}}
|
|
|
|
|
v-list-item(@click='', disabled)
|
|
|
|
|
v-list-item-avatar(size='24')
|
|
|
|
|
v-icon(color='purple') mdi-flash-circle
|
|
|
|
|
v-list-item-content {{$t('common:actions.optimize')}}
|
|
|
|
|
//- v-list-item(@click='', disabled)
|
|
|
|
|
//- v-list-item-avatar(size='24')
|
|
|
|
|
//- v-icon(color='teal') mdi-text-short
|
|
|
|
|
//- v-list-item-content {{$t('common:actions.properties')}}
|
|
|
|
|
//- template(v-if='props.item.kind === `IMAGE`')
|
|
|
|
|
//- v-list-item(@click='previewDialog = true', disabled)
|
|
|
|
|
//- v-list-item-avatar(size='24')
|
|
|
|
|
//- v-icon(color='green') mdi-image-search-outline
|
|
|
|
|
//- v-list-item-content {{$t('common:actions.preview')}}
|
|
|
|
|
//- v-list-item(@click='', disabled)
|
|
|
|
|
//- v-list-item-avatar(size='24')
|
|
|
|
|
//- v-icon(color='indigo') mdi-crop-rotate
|
|
|
|
|
//- v-list-item-content {{$t('common:actions.edit')}}
|
|
|
|
|
//- v-list-item(@click='', disabled)
|
|
|
|
|
//- v-list-item-avatar(size='24')
|
|
|
|
|
//- v-icon(color='purple') mdi-flash-circle
|
|
|
|
|
//- v-list-item-content {{$t('common:actions.optimize')}}
|
|
|
|
|
v-list-item(@click='openRenameDialog')
|
|
|
|
|
v-list-item-avatar(size='24')
|
|
|
|
|
v-icon(color='orange') mdi-keyboard-outline
|
|
|
|
|
v-list-item-content {{$t('common:actions.rename')}}
|
|
|
|
|
v-list-item(@click='', disabled)
|
|
|
|
|
v-list-item-avatar(size='24')
|
|
|
|
|
v-icon(color='blue') mdi-file-move
|
|
|
|
|
v-list-item-content {{$t('common:actions.move')}}
|
|
|
|
|
//- v-list-item(@click='', disabled)
|
|
|
|
|
//- v-list-item-avatar(size='24')
|
|
|
|
|
//- v-icon(color='blue') mdi-file-move
|
|
|
|
|
//- v-list-item-content {{$t('common:actions.move')}}
|
|
|
|
|
v-list-item(@click='deleteDialog = true')
|
|
|
|
|
v-list-item-avatar(size='24')
|
|
|
|
|
v-icon(color='red') mdi-file-hidden
|
|
|
|
|
@ -154,25 +154,25 @@
|
|
|
|
|
v-spacer
|
|
|
|
|
v-btn.px-4(color='teal', dark, @click='upload') {{$t('common:actions.upload')}}
|
|
|
|
|
|
|
|
|
|
v-card.mt-3.radius-7.animated.fadeInRight.wait-p4s(:light='!$vuetify.theme.dark', :dark='$vuetify.theme.dark')
|
|
|
|
|
v-card-text.pb-0
|
|
|
|
|
v-toolbar.radius-7(:color='$vuetify.theme.dark ? `teal` : `teal lighten-5`', dense, flat)
|
|
|
|
|
v-icon.mr-3(:color='$vuetify.theme.dark ? `white` : `teal`') mdi-cloud-download
|
|
|
|
|
.body-2(:class='$vuetify.theme.dark ? `white--text` : `teal--text`') {{$t('editor:assets.fetchImage')}}
|
|
|
|
|
v-spacer
|
|
|
|
|
v-chip(label, color='white', small).teal--text coming soon
|
|
|
|
|
v-text-field.mt-3(
|
|
|
|
|
v-model='remoteImageUrl'
|
|
|
|
|
outlined
|
|
|
|
|
color='teal'
|
|
|
|
|
single-line
|
|
|
|
|
placeholder='https://example.com/image.jpg'
|
|
|
|
|
)
|
|
|
|
|
v-divider
|
|
|
|
|
v-card-actions.pa-3
|
|
|
|
|
.caption.grey--text.text-darken-2 Max 5 MB
|
|
|
|
|
v-spacer
|
|
|
|
|
v-btn.px-4(color='teal', disabled) {{$t('common:actions.fetch')}}
|
|
|
|
|
//- v-card.mt-3.radius-7.animated.fadeInRight.wait-p4s(:light='!$vuetify.theme.dark', :dark='$vuetify.theme.dark')
|
|
|
|
|
//- v-card-text.pb-0
|
|
|
|
|
//- v-toolbar.radius-7(:color='$vuetify.theme.dark ? `teal` : `teal lighten-5`', dense, flat)
|
|
|
|
|
//- v-icon.mr-3(:color='$vuetify.theme.dark ? `white` : `teal`') mdi-cloud-download
|
|
|
|
|
//- .body-2(:class='$vuetify.theme.dark ? `white--text` : `teal--text`') {{$t('editor:assets.fetchImage')}}
|
|
|
|
|
//- v-spacer
|
|
|
|
|
//- v-chip(label, color='white', small).teal--text coming soon
|
|
|
|
|
//- v-text-field.mt-3(
|
|
|
|
|
//- v-model='remoteImageUrl'
|
|
|
|
|
//- outlined
|
|
|
|
|
//- color='teal'
|
|
|
|
|
//- single-line
|
|
|
|
|
//- placeholder='https://example.com/image.jpg'
|
|
|
|
|
//- )
|
|
|
|
|
//- v-divider
|
|
|
|
|
//- v-card-actions.pa-3
|
|
|
|
|
//- .caption.grey--text.text-darken-2 Max 5 MB
|
|
|
|
|
//- v-spacer
|
|
|
|
|
//- v-btn.px-4(color='teal', disabled) {{$t('common:actions.fetch')}}
|
|
|
|
|
|
|
|
|
|
v-card.mt-3.radius-7.animated.fadeInRight.wait-p4s(:light='!$vuetify.theme.dark', :dark='$vuetify.theme.dark')
|
|
|
|
|
v-card-text.pb-0
|
|
|
|
|
|