chore: create progress dots dynamically (#715)
Co-authored-by: Dominik Pschenitschni <mail@celement.de> Reviewed-on: https://kolaente.dev/vikunja/frontend/pulls/715 Co-authored-by: dpschen <dpschen@noreply.kolaente.de> Co-committed-by: dpschen <dpschen@noreply.kolaente.de>
This commit is contained in:
parent
87c70cec0e
commit
96ef926dde
1 changed files with 5 additions and 8 deletions
|
@ -36,14 +36,7 @@
|
||||||
<div class="migration-in-progress">
|
<div class="migration-in-progress">
|
||||||
<img :alt="name" :src="`/images/migration/${identifier}.png`"/>
|
<img :alt="name" :src="`/images/migration/${identifier}.png`"/>
|
||||||
<div class="progress-dots">
|
<div class="progress-dots">
|
||||||
<span></span>
|
<span v-for="i in progressDotsCount" :key="i" />
|
||||||
<span></span>
|
|
||||||
<span></span>
|
|
||||||
<span></span>
|
|
||||||
<span></span>
|
|
||||||
<span></span>
|
|
||||||
<span></span>
|
|
||||||
<span></span>
|
|
||||||
</div>
|
</div>
|
||||||
<img alt="Vikunja" src="/images/logo.svg">
|
<img alt="Vikunja" src="/images/logo.svg">
|
||||||
</div>
|
</div>
|
||||||
|
@ -74,15 +67,19 @@
|
||||||
import AbstractMigrationService from '../../services/migrator/abstractMigration'
|
import AbstractMigrationService from '../../services/migrator/abstractMigration'
|
||||||
import AbstractMigrationFileService from '../../services/migrator/abstractMigrationFile'
|
import AbstractMigrationFileService from '../../services/migrator/abstractMigrationFile'
|
||||||
|
|
||||||
|
const PROGRESS_DOTS_COUNT = 8
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
name: 'migration',
|
name: 'migration',
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
|
progressDotsCount: PROGRESS_DOTS_COUNT,
|
||||||
authUrl: '',
|
authUrl: '',
|
||||||
isMigrating: false,
|
isMigrating: false,
|
||||||
lastMigrationDate: null,
|
lastMigrationDate: null,
|
||||||
message: '',
|
message: '',
|
||||||
migratorAuthCode: '',
|
migratorAuthCode: '',
|
||||||
|
migrationService: null,
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
props: {
|
props: {
|
||||||
|
|
Loading…
Reference in a new issue