Added a proper indeterminate progress bar
This commit is contained in:
parent
e9fafd5dce
commit
3de9927cd2
4 changed files with 164 additions and 7 deletions
|
|
@ -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,
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue