web/satellite/vuetify-poc: center loader in file preview
Vertically centered loader and no preview states for gallery view. Issue: https://github.com/storj/storj/issues/6312 Change-Id: Icce4aff6d0927ee36e3a94886edf4cc31dd379bf
This commit is contained in:
parent
5689083393
commit
7d0b8f6f8c
@ -2,7 +2,7 @@
|
|||||||
// See LICENSE for copying information.
|
// See LICENSE for copying information.
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
<v-container v-if="isLoading" class="fill-height flex-column justify-center align-center">
|
<v-container v-if="isLoading" class="fill-height flex-column justify-center align-center mt-n16">
|
||||||
<v-progress-circular indeterminate />
|
<v-progress-circular indeterminate />
|
||||||
</v-container>
|
</v-container>
|
||||||
<v-container v-else-if="previewIsVideo" class="fill-height flex-column justify-center align-center">
|
<v-container v-else-if="previewIsVideo" class="fill-height flex-column justify-center align-center">
|
||||||
@ -29,7 +29,7 @@
|
|||||||
alt="preview"
|
alt="preview"
|
||||||
>
|
>
|
||||||
</v-container>
|
</v-container>
|
||||||
<v-container v-else-if="placeHolderDisplayable || previewAndMapFailed" class="fill-height flex-column justify-center align-center">
|
<v-container v-else-if="placeHolderDisplayable || previewAndMapFailed" class="fill-height flex-column justify-center align-center mt-n16">
|
||||||
<p class="mb-5">{{ file?.Key || '' }}</p>
|
<p class="mb-5">{{ file?.Key || '' }}</p>
|
||||||
<p class="text-h5 mb-5 font-weight-bold">No preview available</p>
|
<p class="text-h5 mb-5 font-weight-bold">No preview available</p>
|
||||||
<v-btn
|
<v-btn
|
||||||
@ -175,8 +175,7 @@ async function fetchPreviewAndMapUrl(): Promise<void> {
|
|||||||
|
|
||||||
let url = '';
|
let url = '';
|
||||||
try {
|
try {
|
||||||
url = await generateObjectPreviewAndMapURL(
|
url = await generateObjectPreviewAndMapURL(bucketsStore.state.fileComponentBucketName, filePath.value);
|
||||||
bucketsStore.state.fileComponentBucketName, filePath.value);
|
|
||||||
} catch (error) {
|
} catch (error) {
|
||||||
error.message = `Unable to get file preview and map URL. ${error.message}`;
|
error.message = `Unable to get file preview and map URL. ${error.message}`;
|
||||||
notify.notifyError(error, AnalyticsErrorEventSource.GALLERY_VIEW);
|
notify.notifyError(error, AnalyticsErrorEventSource.GALLERY_VIEW);
|
||||||
|
Loading…
Reference in New Issue
Block a user