chore: create progress dots dynamically (#715)

Co-authored-by: Dominik Pschenitschni <mail@celement.de>
Reviewed-on: vikunja/frontend#715
Co-authored-by: dpschen <dpschen@noreply.kolaente.de>
Co-committed-by: dpschen <dpschen@noreply.kolaente.de>
This commit is contained in:
dpschen 2021-09-08 21:45:28 +00:00 committed by konrad
parent 87c70cec0e
commit 96ef926dde
1 changed files with 5 additions and 8 deletions

View File

@ -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: {