Add trello migration (#336)

Reload namespaces and lists after migrating

Add trello logo

Add trello migration

Co-authored-by: kolaente <k@knt.li>
Reviewed-on: https://kolaente.dev/vikunja/frontend/pulls/336
Co-Authored-By: konrad <konrad@kola-entertainments.de>
Co-Committed-By: konrad <konrad@kola-entertainments.de>

src/components/migrator/migration.vue

@@ -64,7 +64,7 @@ export default {
 			isMigrating: false,
 			lastMigrationDate: null,
 			message: '',
-			wunderlistCode: '',
+			migratorAuthCode: '',
 		}
 	},
 	props: {
@@ -82,13 +82,25 @@ export default {
 		this.getAuthUrl()
 		this.message = ''
 
-		if (typeof this.$route.query.code !== 'undefined') {
-			this.wunderlistCode = this.$route.query.code
+		if (typeof this.$route.query.code !== 'undefined' || location.hash.startsWith('#token=')) {
+			if (location.hash.startsWith('#token=')) {
+				this.migratorAuthCode = location.hash.substring(7)
+				console.log(location.hash.substring(7))
+			} else {
+				this.migratorAuthCode = this.$route.query.code
+			}
 			this.migrationService.getStatus()
 				.then(r => {
 					if (r.time) {
-						this.lastMigrationDate = new Date(r.time)
-						return
+						if (typeof r.time === 'string' && r.time.startsWith('0001-')) {
+							this.lastMigrationDate = null
+						} else {
+							this.lastMigrationDate = new Date(r.time)
+						}
+
+						if (this.lastMigrationDate) {
+							return
+						}
 					}
 					this.migrate()
 				})
@@ -109,10 +121,12 @@ export default {
 		},
 		migrate() {
 			this.isMigrating = true
-			this.lastMigrationDate = 0
-			this.migrationService.migrate({code: this.wunderlistCode})
+			this.lastMigrationDate = null
+			this.message = ''
+			this.migrationService.migrate({code: this.migratorAuthCode})
 				.then(r => {
 					this.message = r.message
+					this.$store.dispatch('namespaces/loadNamespaces')
 				})
 				.catch(e => {
 					this.error(e, this)

src/views/migrator/MigrateService.vue

@@ -33,6 +33,10 @@ export default {
 				this.name = 'Todoist'
 				this.identifier = 'todoist'
 				break
+			case 'trello':
+				this.name = 'Trello'
+				this.identifier = 'trello'
+				break
 			default:
 				router.push({name: '404'})
 		}