fix : try to display files in test result

This commit is contained in:
zeinab.ashrafi
2025-05-05 13:11:16 +03:30
parent 7a7ad062c6
commit bea98bdd02
@@ -111,21 +111,22 @@
</v-layout> </v-layout>
<v-layout align-left justify-left wrap class="my-3"> <v-layout align-left justify-left wrap class="my-3">
<v-layout align-left justify-left wrap class="my-3" v-if="data.files && data.files.length"> <v-layout align-left justify-left wrap class="my-3" v-if="data.media && data.media.length">
<h3 class="CSSD-font">Image</h3> <h3 class="CSSD-font">Image</h3>
<v-flex xs12> <v-flex xs12>
<hr class="v-divider theme--light"/> <hr class="v-divider theme--light"/>
</v-flex> </v-flex>
<v-layout row wrap class="align-center"> <v-layout row wrap class="align-center">
<v-flex xs6 md2 sm2 v-for="(file, key) in data.files" :key="key"> <v-flex xs6 md2 sm2 v-for="(file, key) in data.media" :key="key">
<template v-if="file.file_type == 'document'"> <template v-if="file.file_type == 'document'">
<a target="_blank" :href="'/'+file.thumbnail"> <a target="_blank" :href="'/'+file.original_url">
<v-icon class="mr-2 caption">fas fa-check</v-icon> <v-icon class="mr-2 caption">fas fa-check</v-icon>
{{ file.file_name }}</a> {{ file.file_name }}
</a>
</template> </template>
<template v-else> <template v-else>
<img :src="file.thumbnail" style="width: 100%" @click="openLightbox(key)"/> <img :src="file.original_url" style="width: 100%" @click="openLightbox(key)"/>
</template> </template>
</v-flex> </v-flex>
</v-layout> </v-layout>
@@ -187,7 +188,7 @@ export default {
}, },
computed: { computed: {
imagesOnly() { imagesOnly() {
return this.data.files && this.data.files.length ? this.data.files.filter(file => file.file_type !== 'document') : []; return this.data.media && this.data.media.length ? this.data.media.filter(file => file.mime_type !== 'document') : [];
}, },
}, },
methods: { methods: {
@@ -245,8 +246,8 @@ export default {
this.load(this.$route.params.id); this.load(this.$route.params.id);
} }
this.lightboxImages = this.imagesOnly && this.imagesOnly.length ? this.imagesOnly.map(file => ({ this.lightboxImages = this.imagesOnly && this.imagesOnly.length ? this.imagesOnly.map(file => ({
src: file.thumbnail, src: file.original_url,
thumb: file.thumbnail, thumb: file.original_url,
})) : []; })) : [];
}, },