|
|
|
@ -202,7 +202,7 @@
|
|
|
|
</button>
|
|
|
|
</button>
|
|
|
|
<div
|
|
|
|
<div
|
|
|
|
class="dropdown dropdown-end"
|
|
|
|
class="dropdown dropdown-end"
|
|
|
|
:class="{ 'dropdown-open': isDownloading }"
|
|
|
|
:class="{ 'dropdown-open': isDownloading || isPreviewLoading }"
|
|
|
|
>
|
|
|
|
>
|
|
|
|
<label
|
|
|
|
<label
|
|
|
|
tabindex="0"
|
|
|
|
tabindex="0"
|
|
|
|
@ -221,8 +221,16 @@
|
|
|
|
:href="`/templates/${template.id}/form`"
|
|
|
|
:href="`/templates/${template.id}/form`"
|
|
|
|
data-turbo="false"
|
|
|
|
data-turbo="false"
|
|
|
|
class="flex items-center justify-center space-x-2"
|
|
|
|
class="flex items-center justify-center space-x-2"
|
|
|
|
|
|
|
|
@click.exact="isPreviewLoading = true"
|
|
|
|
>
|
|
|
|
>
|
|
|
|
<IconEye class="w-6 h-6 flex-shrink-0" />
|
|
|
|
<IconInnerShadowTop
|
|
|
|
|
|
|
|
v-if="isPreviewLoading"
|
|
|
|
|
|
|
|
class="animate-spin w-6 h-6 flex-shrink-0"
|
|
|
|
|
|
|
|
/>
|
|
|
|
|
|
|
|
<IconEye
|
|
|
|
|
|
|
|
v-else
|
|
|
|
|
|
|
|
class="w-6 h-6 flex-shrink-0"
|
|
|
|
|
|
|
|
/>
|
|
|
|
<span class="whitespace-nowrap">{{ t('save_and_preview') }}</span>
|
|
|
|
<span class="whitespace-nowrap">{{ t('save_and_preview') }}</span>
|
|
|
|
</a>
|
|
|
|
</a>
|
|
|
|
</li>
|
|
|
|
</li>
|
|
|
|
@ -1122,6 +1130,7 @@ export default {
|
|
|
|
documentRefs: [],
|
|
|
|
documentRefs: [],
|
|
|
|
isBreakpointLg: false,
|
|
|
|
isBreakpointLg: false,
|
|
|
|
isDownloading: false,
|
|
|
|
isDownloading: false,
|
|
|
|
|
|
|
|
isPreviewLoading: false,
|
|
|
|
isLoadingBlankPage: false,
|
|
|
|
isLoadingBlankPage: false,
|
|
|
|
isSaving: false,
|
|
|
|
isSaving: false,
|
|
|
|
isDetectingPageFields: false,
|
|
|
|
isDetectingPageFields: false,
|
|
|
|
|