Skip to content
Snippets Groups Projects
Unverified Commit 23e0fcca authored by Marc Hanisch's avatar Marc Hanisch
Browse files

adds ProgressIndicator component

parent 3de84bfe
No related branches found
No related tags found
2 merge requests!90Draft: restructure frontend properties 2,!82Restructure frontend
<template>
<div>
<v-overlay
:value="isInProgress"
:opacity="dark ? 0.5 : 0.05"
>
<v-progress-circular
indeterminate
class="center-absolute"
/>
</v-overlay>
</div>
</template>
<style>
.center-absolute {
position: fixed;
top: 50%;
left: 50%;
margin-top: -16px;
margin-left: -16px;
}
</style>
<script lang="ts">
import { Component, Vue, Prop } from 'nuxt-property-decorator'
@Component
export default class ProgressIndicator extends Vue {
@Prop({
default: false,
required: false,
type: Boolean
})
// @ts-ignore
readonly value!: boolean
@Prop({
default: false,
required: false,
type: Boolean
})
// @ts-ignore
readonly dark!: boolean
get isInProgress (): boolean {
return this.value
}
}
</script>
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment