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

@ -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,