.page-actions.column.items-stretch.order-last(:class='editorStore.isActive ? `is-editor` : ``')
template(v-if='userStore.can(`edit:pages`)')
q-btn.q-py-md(
flat
icon='las la-pen-nib'
:color='editorStore.isActive ? `white` : `deep-orange-9`'
aria-label='Page Properties'
@click='togglePageProperties'
)
q-tooltip(anchor='center left' self='center right') Page Properties
q-btn.q-py-md(
v-if='flagsStore.experimental'
flat
icon='las la-project-diagram'
:color='editorStore.isActive ? `white` : `deep-orange-9`'
aria-label='Page Data'
@click='togglePageData'
disable
)
q-tooltip(anchor='center left' self='center right') Page Data
q-btn.q-py-md(
v-if='editorStore.isActive'
flat
color='white'
:text-color='hasPendingAssets ? `white` : `deep-orange-3`'
aria-label='Pending Asset Uploads'
)
q-icon(name='mdi-image-sync-outline')
q-badge.page-actions-pending-badge(
v-if='hasPendingAssets'
color='white'
text-color='orange-9'
rounded
floating
)
strong {{ editorStore.pendingAssets.length * 1 }}
q-tooltip(anchor='center left' self='center right') Pending Asset Uploads
q-menu(
ref='menuPendingAssets'
anchor='top left'
self='top right'
:offset='[10, 0]'
)
q-card(style='width: 450px;')
q-card-section.card-header
q-icon(name='img:/_assets/icons/color-data-pending.svg', left, size='sm')
span Pending Asset Uploads
q-card-section(v-if='!hasPendingAssets') There are no assets pending uploads.
q-list(v-else, separator)
q-item(
v-for='item of editorStore.pendingAssets'
:key='item.id'
)
q-item-section(side)
q-icon(name='las la-file-image')
q-item-section {{ item.fileName }}
q-item-section(side)
q-btn.acrylic-btn(
color='negative'
round
icon='las la-times'
size='xs'
flat
@click='removePendingAsset(item)'
)
q-card-section.card-actions
em.text-caption Assets that are pasted or dropped onto this page will be held here until the page is saved.
q-separator.q-my-sm(inset)
q-btn.q-py-md(
flat
icon='las la-history'
:color='editorStore.isActive ? `white` : `grey`'
aria-label='Page History'
@click='notImplemented'
)
q-tooltip(anchor='center left' self='center right') Page History
q-btn.q-py-md(
flat
icon='las la-code'
:color='editorStore.isActive ? `white` : `grey`'
aria-label='Page Source'
@click='viewPageSource'
)
q-tooltip(anchor='center left' self='center right') Page Source
template(v-if='!(editorStore.isActive && editorStore.mode === `create`)')
q-separator.q-my-sm(inset)
q-btn.q-py-sm(
flat
icon='las la-ellipsis-h'
:color='editorStore.isActive ? `deep-orange-2` : `grey`'
aria-label='Page Actions'
)
q-tooltip(anchor='center left' self='center right') Page Actions
q-menu.translucent-menu(
anchor='top left'
self='top right'
auto-close
transition-show='jump-left'
)
q-list(padding, style='min-width: 225px;')
q-item(clickable, disabled, v-if='userStore.can(`manage:pages`)')
q-item-section.items-center(avatar)
q-icon(color='deep-orange-9', name='las la-atom', size='sm')
q-item-section
q-item-label Convert Page
q-item(clickable, v-if='userStore.can(`edit:pages`)', @click='rerenderPage')
q-item-section.items-center(avatar)
q-icon(color='deep-orange-9', name='las la-magic', size='sm')
q-item-section
q-item-label Rerender Page
q-item(clickable, disabled)
q-item-section.items-center(avatar)
q-icon(color='deep-orange-9', name='las la-sun', size='sm')
q-item-section
q-item-label View Backlinks
q-space
template(v-if='!(editorStore.isActive && editorStore.mode === `create`)')
q-btn.q-py-sm(
v-if='userStore.can(`create:pages`)'
flat
icon='las la-copy'
:color='editorStore.isActive ? `deep-orange-2` : `grey`'
aria-label='Duplicate Page'
@click='duplicatePage'
)
q-tooltip(anchor='center left' self='center right') Duplicate Page
q-btn.q-py-sm(
v-if='userStore.can(`manage:pages`)'
flat
icon='las la-share'
:color='editorStore.isActive ? `deep-orange-2` : `grey`'
aria-label='Rename / Move Page'
@click='renamePage'
)
q-tooltip(anchor='center left' self='center right') Rename / Move Page
q-btn.q-py-sm(
v-if='userStore.can(`delete:pages`)'
flat
icon='las la-trash'
:color='editorStore.isActive ? `deep-orange-2` : `grey`'
aria-label='Delete Page'
@click='deletePage'
:class='editorStore.isActive ? `q-pb-md` : ``'
)
q-tooltip(anchor='center left' self='center right') Delete Page
span.page-actions-mode(v-else) {{ t('common.actions.newPage') }}