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

Disable entire nav content when stage is broken or missing

Browse source
This commit is contained in:
Joel Collins 2020-03-03 14:32:39 +00:00
parent c1234df9ae
commit 10303158ce
1 changed files with 135 additions and 132 deletions
Download patch file Download diff file Expand all files Collapse all files

267
src/components/controlComponents/paneNavigate.vue
View file

@ -1,150 +1,153 @@
<template> <template>
<div id="paneNavigate"> <div id="paneNavigate">
<ul uk-accordion="multiple: true; animation: false"> <div v-if="setPosition">
<li> <ul uk-accordion="multiple: true; animation: false">
<a class="uk-accordion-title" href="#">Configure</a> <li>
<div class="uk-accordion-content"> <a class="uk-accordion-title" href="#">Configure</a>
<div class="uk-child-width-1-2" uk-grid> <div class="uk-accordion-content">
<div> <div class="uk-child-width-1-2" uk-grid>
<label class="uk-form-label" for="form-stacked-text" <div>
>x-y step size</label <label class="uk-form-label" for="form-stacked-text"
> >x-y step size</label
<div class="uk-form-controls"> >
<input <div class="uk-form-controls">
v-model="stepXy" <input
class="uk-input uk-form-width-medium uk-form-small" v-model="stepXy"
type="number" class="uk-input uk-form-width-medium uk-form-small"
name="inputStepXy" type="number"
/> name="inputStepXy"
/>
</div>
</div>
<div>
<label class="uk-form-label" for="form-stacked-text"
>z step size</label
>
<div class="uk-form-controls">
<input
v-model="stepZz"
class="uk-input uk-form-width-medium uk-form-small"
type="number"
name="inputStepZz"
/>
</div>
</div> </div>
</div> </div>
<div> <button
<label class="uk-form-label" for="form-stacked-text" class="uk-button uk-button-default uk-form-small uk-margin uk-width-1-1"
>z step size</label @click="zeroRequest()"
>
<div class="uk-form-controls">
<input
v-model="stepZz"
class="uk-input uk-form-width-medium uk-form-small"
type="number"
name="inputStepZz"
/>
</div>
</div>
</div>
<button
class="uk-button uk-button-default uk-form-small uk-margin uk-width-1-1"
@click="zeroRequest()"
>
Zero coordinates
</button>
</div>
</li>
<li class="uk-open">
<a class="uk-accordion-title" href="#">Move-to</a>
<div class="uk-accordion-content">
<form @submit.prevent="handleSubmit">
<!-- Text boxes to set and view position -->
<div
v-if="setPosition"
class="uk-grid-small uk-child-width-1-3"
uk-grid
> >
<div> Zero coordinates
<label class="uk-form-label" for="form-stacked-text">x</label> </button>
<div class="uk-form-controls"> </div>
<input </li>
v-model="setPosition.x"
class="uk-input uk-form-small" <li class="uk-open">
type="number" <a class="uk-accordion-title" href="#">Move-to</a>
name="inputPositionX" <div class="uk-accordion-content">
/> <form @submit.prevent="handleSubmit">
<!-- Text boxes to set and view position -->
<div class="uk-grid-small uk-child-width-1-3" uk-grid>
<div>
<label class="uk-form-label" for="form-stacked-text">x</label>
<div class="uk-form-controls">
<input
v-model="setPosition.x"
class="uk-input uk-form-small"
type="number"
name="inputPositionX"
/>
</div>
</div>
<div>
<label class="uk-form-label" for="form-stacked-text">y</label>
<div class="uk-form-controls">
<input
v-model="setPosition.y"
class="uk-input uk-form-small"
type="number"
name="inputPositionY"
/>
</div>
</div>
<div>
<label class="uk-form-label" for="form-stacked-text">z</label>
<div class="uk-form-controls">
<input
v-model="setPosition.z"
class="uk-input uk-form-small"
type="number"
name="inputPositionZx"
/>
</div>
</div> </div>
</div> </div>
<div> <p>
<label class="uk-form-label" for="form-stacked-text">y</label> <button
<div class="uk-form-controls"> class="uk-button uk-button-default uk-form-small uk-float-right uk-width-1-1"
<input >
v-model="setPosition.y" Move
class="uk-input uk-form-small" </button>
type="number" </p>
name="inputPositionY" </form>
/> </div>
</div> </li>
<!--Show autofocus if default plugin is enabled-->
<li v-show="fastAutofocusUri || normalAutofocusUri" class="uk-open">
<a class="uk-accordion-title" href="#">Autofocus</a>
<div class="uk-accordion-content">
<div class="uk-grid-small uk-child-width-expand" uk-grid>
<div v-show="!isAutofocusing || isAutofocusing == 1">
<taskSubmitter
v-if="fastAutofocusUri"
:submit-url="fastAutofocusUri"
:submit-data="{ dz: 2000 }"
:submit-label="'Fast'"
@taskStarted="isAutofocusing = 1"
@finished="isAutofocusing = 0"
></taskSubmitter>
</div> </div>
<div> <div v-show="!isAutofocusing || isAutofocusing == 2">
<label class="uk-form-label" for="form-stacked-text">z</label> <taskSubmitter
<div class="uk-form-controls"> v-if="normalAutofocusUri"
<input :submit-url="normalAutofocusUri"
v-model="setPosition.z" :submit-data="{ dz: [-60, -30, 0, 30, 60] }"
class="uk-input uk-form-small" :submit-label="'Medium'"
type="number" @taskStarted="isAutofocusing = 2"
name="inputPositionZx" @finished="isAutofocusing = 0"
/> ></taskSubmitter>
</div>
</div> </div>
</div>
<p> <div v-show="!isAutofocusing || isAutofocusing == 3">
<button <taskSubmitter
class="uk-button uk-button-default uk-form-small uk-float-right uk-width-1-1" v-if="normalAutofocusUri"
> :submit-url="normalAutofocusUri"
Move :submit-data="{ dz: [-20, -10, 0, 10, 20] }"
</button> :submit-label="'Fine'"
</p> @taskStarted="isAutofocusing = 3"
</form> @finished="isAutofocusing = 0"
</div> ></taskSubmitter>
</li> </div>
<!--Show autofocus if default plugin is enabled-->
<li v-show="fastAutofocusUri || normalAutofocusUri" class="uk-open">
<a class="uk-accordion-title" href="#">Autofocus</a>
<div class="uk-accordion-content">
<div class="uk-grid-small uk-child-width-expand" uk-grid>
<div v-show="!isAutofocusing || isAutofocusing == 1">
<taskSubmitter
v-if="fastAutofocusUri"
:submit-url="fastAutofocusUri"
:submit-data="{ dz: 2000 }"
:submit-label="'Fast'"
@taskStarted="isAutofocusing = 1"
@finished="isAutofocusing = 0"
>
</taskSubmitter>
</div>
<div v-show="!isAutofocusing || isAutofocusing == 2">
<taskSubmitter
v-if="normalAutofocusUri"
:submit-url="normalAutofocusUri"
:submit-data="{ dz: [-60, -30, 0, 30, 60] }"
:submit-label="'Medium'"
@taskStarted="isAutofocusing = 2"
@finished="isAutofocusing = 0"
>
</taskSubmitter>
</div>
<div v-show="!isAutofocusing || isAutofocusing == 3">
<taskSubmitter
v-if="normalAutofocusUri"
:submit-url="normalAutofocusUri"
:submit-data="{ dz: [-20, -10, 0, 10, 20] }"
:submit-label="'Fine'"
@taskStarted="isAutofocusing = 3"
@finished="isAutofocusing = 0"
>
</taskSubmitter>
</div> </div>
</div> </div>
</div> </li>
</li> </ul>
</ul> </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> </div>
</template> </template>