55 lines
1.3 KiB
Vue
55 lines
1.3 KiB
Vue
<template>
|
|
<stepTemplateWithStream>
|
|
<p>
|
|
<b>Once your field of view is empty and well illuminated, click Full Auto-Calibrate.</b>
|
|
</p>
|
|
|
|
<template #below-stream>
|
|
<div class="action-button-container">
|
|
<cameraCalibrationSettings
|
|
:show-extra-settings="false"
|
|
:camera-uri="cameraUri"
|
|
@actionFinished="checkCalibrationState"
|
|
/>
|
|
</div>
|
|
</template>
|
|
</stepTemplateWithStream>
|
|
</template>
|
|
|
|
<script>
|
|
import stepTemplateWithStream from "../stepTemplateWithStream.vue";
|
|
import cameraCalibrationSettings from "../../../tabContentComponents/settingsComponents/cameraSettingsComponents/cameraCalibrationSettings.vue";
|
|
// vue3 migration
|
|
|
|
export default {
|
|
name: "CameraMainCalibrationStep",
|
|
|
|
components: {
|
|
stepTemplateWithStream,
|
|
cameraCalibrationSettings
|
|
},
|
|
|
|
computed: {
|
|
cameraUri: function () {
|
|
return `${this.$store.getters.baseUri}/camera/`;
|
|
},
|
|
},
|
|
|
|
mounted() {
|
|
this.checkCalibrationState();
|
|
},
|
|
|
|
methods: {
|
|
async checkCalibrationState() {
|
|
const needsCal = await this.readThingProperty("camera", "calibration_required");
|
|
this.$emit("awaiting-user", needsCal);
|
|
},
|
|
},
|
|
};
|
|
</script>
|
|
|
|
<style scoped>
|
|
.action-button-container {
|
|
padding: 4px;
|
|
}
|
|
</style>
|