Added a proper indeterminate progress bar

This commit is contained in:
Joel Collins 2019-06-18 17:00:26 +01:00
parent e9fafd5dce
commit 3de9927cd2
4 changed files with 164 additions and 7 deletions

View file

@ -66,9 +66,10 @@
<a class="uk-accordion-title" href="#">Autofocus</a>
<div class="uk-accordion-content">
<div class="uk-text-center uk-container" v-if="isAutofocusing">
<div class="center-spinner" uk-spinner></div>
<div v-if="isAutofocusing">
<progressBar/>
</div>
<div class="uk-grid-small uk-child-width-1-3" v-bind:hidden="isAutofocusing" uk-grid>
<div>
<button v-on:click="runFastAutofocus(2000, 300);" class="uk-button uk-button-default uk-form-small uk-float-right uk-width-1-1">Fast</button>
@ -90,6 +91,7 @@
<script>
import axios from 'axios'
import progressBar from "../genericComponents/progressBar"
// Key Codes
const keyCodes = {
@ -107,6 +109,10 @@ const keyCodes = {
export default {
name: 'paneNavigate',
components: {
progressBar
},
data: function () {
return {
keysDown: {},

View file

@ -24,9 +24,10 @@
<button type="submit" class="uk-button uk-button-primary uk-form-small uk-float-right uk-margin-small uk-width-1-1">Apply Settings</button>
<div class="uk-text-center uk-container" v-if="isCalibrating">
<div class="center-spinner" uk-spinner></div>
<div v-if="isCalibrating">
<progressBar/>
</div>
<div v-bind:hidden="isCalibrating">
<button type="button" v-on:click="recalibrateConfirm()" class="uk-button uk-button-default uk-form-small uk-float-right uk-margin-small uk-width-1-1">Auto-Calibrate</button>
</div>
@ -40,11 +41,16 @@
<script>
import axios from 'axios'
import progressBar from "../../genericComponents/progressBar"
// Export main app
export default {
name: 'microscopeSettings',
components: {
progressBar
},
data: function () {
return {
shutterSpeed: this.$store.state.apiConfig.camera_settings.picamera_settings.shutter_speed,