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

Image fraction and label as a thing property in webapp

Browse source
This commit is contained in:
Joe Knapper 2024-01-07 14:58:19 +00:00
parent 9eb0b6a6b8
commit cb916bb4a3
1 changed files with 29 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

31
webapp/src/components/tabContentComponents/backgroundDetectComponents/paneBackgroundDetect.vue
View file

@ -10,6 +10,7 @@
submit-label="Set background"
:can-terminate="false"
:poll-interval="0.1"
@response="alertBackgroundSet"
/>
</div>
<div class="uk-margin">
@ -19,6 +20,13 @@
label="Tolerance"
/>
</div>
<div class="uk-margin">
<propertyControl
thing-name="background_detect"
property-name="fraction"
label="Sample coverage required"
/>
</div>
<div class="uk-margin">
<taskSubmitter
:submit-url="backgroundFractionUri"
@ -28,6 +36,15 @@
@response="alertBackgroundFraction"
/>
</div>
<div class="uk-margin">
<taskSubmitter
:submit-url="labelImageUri"
submit-label="Label current image"
:can-terminate="false"
:poll-interval="0.1"
@response="alertImageLabel"
/>
</div>
</div>
</div>
</template>
@ -43,6 +60,9 @@ export default {
},
computed: {
labelImageUri() {
return this.thingActionUrl("background_detect", "image_is_sample");
},
backgroundFractionUri() {
return this.thingActionUrl("background_detect", "background_fraction");
},
@ -59,8 +79,15 @@ export default {
methods: {
alertBackgroundFraction(r) {
let fraction = r.output;
let percentage = (fraction * 100).toFixed(1);
this.modalNotify(`Current image is ${percentage}% background.`);
// let percentage = (fraction * 100).toFixed(0);
this.modalNotify(`Current image is ${fraction.toFixed(0)}% background.`);
},
alertBackgroundSet() {
this.modalNotify(`Background image has been updated`);
},
alertImageLabel(r) {
let label = r.output===true? 'sample' : 'background'
this.modalNotify(`Current image is ${label}`);
}
}
};