Disable entire nav content when stage is broken or missing

This commit is contained in:
Joel Collins 2020-03-03 14:32:39 +00:00
parent c1234df9ae
commit 10303158ce

View file

@ -1,5 +1,6 @@
<template> <template>
<div id="paneNavigate"> <div id="paneNavigate">
<div v-if="setPosition">
<ul uk-accordion="multiple: true; animation: false"> <ul uk-accordion="multiple: true; animation: false">
<li> <li>
<a class="uk-accordion-title" href="#">Configure</a> <a class="uk-accordion-title" href="#">Configure</a>
@ -48,11 +49,8 @@
<div class="uk-accordion-content"> <div class="uk-accordion-content">
<form @submit.prevent="handleSubmit"> <form @submit.prevent="handleSubmit">
<!-- Text boxes to set and view position --> <!-- Text boxes to set and view position -->
<div
v-if="setPosition" <div class="uk-grid-small uk-child-width-1-3" uk-grid>
class="uk-grid-small uk-child-width-1-3"
uk-grid
>
<div> <div>
<label class="uk-form-label" for="form-stacked-text">x</label> <label class="uk-form-label" for="form-stacked-text">x</label>
<div class="uk-form-controls"> <div class="uk-form-controls">
@ -114,8 +112,7 @@
:submit-label="'Fast'" :submit-label="'Fast'"
@taskStarted="isAutofocusing = 1" @taskStarted="isAutofocusing = 1"
@finished="isAutofocusing = 0" @finished="isAutofocusing = 0"
> ></taskSubmitter>
</taskSubmitter>
</div> </div>
<div v-show="!isAutofocusing || isAutofocusing == 2"> <div v-show="!isAutofocusing || isAutofocusing == 2">
@ -126,8 +123,7 @@
:submit-label="'Medium'" :submit-label="'Medium'"
@taskStarted="isAutofocusing = 2" @taskStarted="isAutofocusing = 2"
@finished="isAutofocusing = 0" @finished="isAutofocusing = 0"
> ></taskSubmitter>
</taskSubmitter>
</div> </div>
<div v-show="!isAutofocusing || isAutofocusing == 3"> <div v-show="!isAutofocusing || isAutofocusing == 3">
@ -138,14 +134,21 @@
:submit-label="'Fine'" :submit-label="'Fine'"
@taskStarted="isAutofocusing = 3" @taskStarted="isAutofocusing = 3"
@finished="isAutofocusing = 0" @finished="isAutofocusing = 0"
> ></taskSubmitter>
</taskSubmitter>
</div> </div>
</div> </div>
</div> </div>
</li> </li>
</ul> </ul>
</div> </div>
<div v-else class="uk-text-warning">
<p>Stage positioning is disabled since no stage is connected.</p>
<p>
Please check all data and power connections to your motor controller
board.
</p>
</div>
</div>
</template> </template>
<script> <script>