rahix/openflexure-microscope-server
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Update scan card to use computed properties and request new thumb if modified date changed

Browse source
This commit is contained in:
Julian Stirling 2025-09-19 17:49:28 +01:00
parent 2fd3a8f696
commit 29a62a278b
1 changed files with 16 additions and 16 deletions
Download patch file Download diff file Expand all files Collapse all files

32
webapp/src/components/tabContentComponents/scanListComponents/scanCard.vue
View file

@ -8,7 +8,7 @@
<img <img
id="thumbnail-stitched-image" id="thumbnail-stitched-image"
class="thumbnail-fit" class="thumbnail-fit"
:src="thumbnailPath(scanData.name)" :src="thumbnailPath"
onerror="this.src='/titleiconpink.svg';" onerror="this.src='/titleiconpink.svg';"
@click="requestViewer" @click="requestViewer"
/> />
@ -32,13 +32,13 @@
class="uk-width-1-2" class="uk-width-1-2"
:buttonPrimary=true :buttonPrimary=true
:isDisabled=!scanData.stitch_available :isDisabled=!scanData.stitch_available
:URL="downloadStitchFile( scanData.name )" :URL="downloadStitchFile"
buttonLabel="Download JPEG" buttonLabel="Download JPEG"
/> />
</div> </div>
<button <button
class="uk-button uk-button-default uk-width-1-1" class="uk-button uk-button-default uk-width-1-1"
@click="deleteScan(scanData.name)" @click="deleteScan"
> >
Delete Delete
</button> </button>
@ -95,16 +95,16 @@ export default {
} }
}, },
computed: {
downloadStitchFile() {
return `${this.$store.getters.baseUri}/smart_scan/get_stitch/${this.scanData.name}`;
},
thumbnailPath() {
return `${this.$store.getters.baseUri}/smart_scan/scans/stitched_thumbnail.jpg?scan_name=${this.scanData.name}&modified=${this.scanData.modified}`;
},
},
methods: { methods: {
downloadStitchFile: function(name) {
return `${this.$store.getters.baseUri}/smart_scan/get_stitch/${name}`;
},
thumbnailPath(scan_name) {
return (
`${this.$store.getters.baseUri}/smart_scan/scans/stitched_thumbnail.jpg?scan_name=` +
scan_name
);
},
formatDate(timestamp) { formatDate(timestamp) {
// Multiply by 1000 as JS uses ms not s // Multiply by 1000 as JS uses ms not s
let d = new Date(timestamp*1000); let d = new Date(timestamp*1000);
@ -126,12 +126,12 @@ export default {
// Notify parent that thumbnail was clicked // Notify parent that thumbnail was clicked
this.$emit('viewer-requested', this.scanData); this.$emit('viewer-requested', this.scanData);
}, },
async deleteScan(name) { async deleteScan() {
try { try {
await this.modalConfirm(`Are you sure you want to delete ${name}?`); await this.modalConfirm(`Are you sure you want to delete ${this.scanData.name}?`);
await axios.delete(`${this.scansUri}/${name}`); await axios.delete(`${this.scansUri}/${this.scanData.name}`);
this.$emit('update-requested'); this.$emit('update-requested');
this.modalNotify(`Deleted ${name}`); this.modalNotify(`Deleted ${this.scanData.name}`);
} catch (e) { } catch (e) {
// if the confirmation was cancelled, it's rejected with null error // if the confirmation was cancelled, it's rejected with null error
if (e) this.modalError(e); if (e) this.modalError(e);