luisgulo/photoprism
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

UX: Display file errors as alert in edit dialog to enhance visibility

Browse source
This commit is contained in:
Michael Mayer 2021-10-07 06:41:04 +02:00
parent 5908ba7078
commit 6cd5ee6d9b
1 changed files with 7 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
frontend/src/dialog/photo/files.vue
View file

@ -10,6 +10,10 @@
<v-card> <v-card>
<v-card-text class="white pa-0"> <v-card-text class="white pa-0">
<v-container fluid class="pa-0"> <v-container fluid class="pa-0">
<v-alert
:value="file.Error"
type="error" class="my-0 text-capitalize"
>{{ file.Error }}</v-alert>
<v-layout row wrap fill-height <v-layout row wrap fill-height
align-center align-center
justify-center> justify-center>
@ -41,13 +45,13 @@
@click.stop.prevent="downloadFile(file)"> @click.stop.prevent="downloadFile(file)">
<translate>Download</translate> <translate>Download</translate>
</v-btn> </v-btn>
<v-btn v-if="features.edit && file.Type === 'jpg' && file.Error !== '' && !file.Primary" small depressed dark <v-btn v-if="features.edit && file.Type === 'jpg' && !file.Error && !file.Primary" small depressed dark
color="primary-button" color="primary-button"
class="ma-0 action-primary" class="ma-0 action-primary"
@click.stop.prevent="primaryFile(file)"> @click.stop.prevent="primaryFile(file)">
<translate>Primary</translate> <translate>Primary</translate>
</v-btn> </v-btn>
<v-btn v-if="features.edit && !file.Sidecar && file.Error !== '' && !file.Primary && file.Root === '/'" small <v-btn v-if="features.edit && !file.Sidecar && !file.Error && !file.Primary && file.Root === '/'" small
depressed dark color="primary-button" depressed dark color="primary-button"
class="ma-0 action-unstack" class="ma-0 action-unstack"
@click.stop.prevent="unstackFile(file)"> @click.stop.prevent="unstackFile(file)">
@ -66,12 +70,6 @@
</td> </td>
<td>{{ file.UID | uppercase }}</td> <td>{{ file.UID | uppercase }}</td>
</tr> </tr>
<tr v-if="file.Error">
<td>
<translate>Error</translate>
</td>
<td><span class="body-2">{{ file.Error | uppercase }}</span></td>
</tr>
<tr v-if="file.InstanceID" title="XMP"> <tr v-if="file.InstanceID" title="XMP">
<td> <td>
<translate>Instance ID</translate> <translate>Instance ID</translate>
@ -162,7 +160,7 @@
</td> </td>
<td>{{ file.MainColor | capitalize }}</td> <td>{{ file.MainColor | capitalize }}</td>
</tr> </tr>
<tr v-if="file.Type === 'jpg'"> <tr v-if="file.Chroma">
<td> <td>
<translate>Chroma</translate> <translate>Chroma</translate>
</td> </td>