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

Scan data card centres lists, displays duration

Browse source
This commit is contained in:
Joe Knapper 2025-10-14 17:50:17 +01:00
parent 58b0c79520
commit 841c340cdf
1 changed files with 6 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -61,16 +61,16 @@
Show Stitched Scan Show Stitched Scan
</button> </button>
</div> </div>
<div> <div class="scan-info">
<ul> <ul>
<li>{{ scanData.number_of_images }} images</li> <li>{{ scanData.number_of_images }} images</li>
<li>created: {{ formatDate(scanData.created) }}</li> <li>created: {{ formatDate(scanData.created) }}</li>
<li>modified: {{ formatDate(scanData.modified) }}</li> <li>duration: {{ scanData.duration }}</li>
</ul> </ul>
<ul v-if="!ongoing"> <ul v-if="!ongoing">
<li v-if="scanData.number_of_images<3" class="warning-msg">Not enough images to stitch</li> <li v-if="scanData.number_of_images<3" class="warning-msg">Not enough images to stitch</li>
<li v-else-if="!scanData.dzi & scanData.stitch_available" class="alert-msg">Interactive preview not available</li> <li v-else-if="!scanData.dzi && scanData.stitch_available" class="alert-msg">Interactive preview not available</li>
<li v-else-if=!scanData.stitch_available class="alert-msg">High quality stitch not available</li> <li v-else-if="!scanData.stitch_available" class="alert-msg">High quality stitch not available</li>
</ul> </ul>
</div> </div>
</div> </div>
@ -162,10 +162,11 @@ export default {
</script> </script>
<style lang="less" scoped> <style lang="less" scoped>
ul { ul {
display: inline-block; display: block;
text-align: center; text-align: center;
list-style-type:none; list-style-type:none;
margin: 5px 0px 10px 0px; margin: 5px 0px 10px 0px;
padding: 0;
} }
.warning-msg { .warning-msg {