Vuex (#126)

Merge branch 'master' into feature/vuex

Cleanup

Move namespaces handling to store

Move fullpage setting to store

Move online/offline handling to store

Remove debug log

Fix loading namepaces

Rename errorMsg

Handle registering through the store

Use store to determine wether or not a user is authenticated on login page

Use store in edit team

Use store to get the current user's avatar

Use store to figure out if the current user belongs to a team

Use store to figure out if the current user is list admin

Use store to get user info when listing labels

Use store to get username on home

Use store to figure out if the user is namespace admin

Use the store for configuration

Use the store to check if a user is authenticated everywhere

Only renew token if the user is logged in

Fix renewing auth from jwt token

Move logout to store

Move renew token to store

Move log in to store

Only show enabled migrators

Only show registration button if registration is enabled

Put all config information from the backend in the store

Remove old config handler

Move config state to seperate module

Add vuex and get the motd through it

Co-authored-by: kolaente <k@knt.li>
Reviewed-on: https://kolaente.dev/vikunja/frontend/pulls/126

src/components/namespaces/EditNamespace.vue

@@ -83,7 +83,6 @@
 	import verte from 'verte'
 	import 'verte/dist/verte.css'
 
-	import auth from '../../auth'
 	import router from '../../router'
 	import manageSharing from '../sharing/userTeam'
 
@@ -96,13 +95,11 @@
 		data() {
 			return {
 				namespaceService: NamespaceService,
-				userIsAdmin: false,
 				manageUsersComponent: '',
 				manageTeamsComponent: '',
 
 				namespace: NamespaceModel,
 				showDeleteModal: false,
-				user: auth.user,
 			}
 		},
 		components: {
@@ -111,11 +108,6 @@
 			verte,
 		},
 		beforeMount() {
-			// Check if the user is already logged in, if so, redirect him to the homepage
-			if (!auth.user.authenticated) {
-				router.push({name: 'home'})
-			}
-
 			this.namespace.id = this.$route.params.id
 		},
 		created() {
@@ -127,15 +119,17 @@
 			// call again the method if the route changes
 			'$route': 'loadNamespace'
 		},
+		computed: {
+			userIsAdmin() {
+				return this.namespace.owner && this.namespace.owner.id === this.$store.state.auth.info.id
+			},
+		},
 		methods: {
 			loadNamespace() {
 				let namespace = new NamespaceModel({id: this.$route.params.id})
 				this.namespaceService.get(namespace)
 					.then(r => {
 						this.$set(this, 'namespace', r)
-						if (r.owner.id === this.user.infos.id) {
-							this.userIsAdmin = true
-						}
 						// This will trigger the dynamic loading of components once we actually have all the data to pass to them
 						this.manageTeamsComponent = 'manageSharing'
 						this.manageUsersComponent = 'manageSharing'
@@ -148,12 +142,7 @@
 				this.namespaceService.update(this.namespace)
 					.then(r => {
 						// Update the namespace in the parent
-						for (const n in this.$parent.namespaces) {
-							if (this.$parent.namespaces[n].id === r.id) {
-								r.lists = this.$parent.namespaces[n].lists
-								this.$set(this.$parent.namespaces, n, r)
-							}
-						}
+						this.$store.commit('namespaces/setNamespaceById', r)
 						this.success({message: 'The namespace was successfully updated.'}, this)
 					})
 					.catch(e => {

src/components/namespaces/NewNamespace.vue

@@ -34,10 +34,10 @@
 </template>
 
 <script>
-	import auth from '../../auth'
 	import router from '../../router'
 	import NamespaceModel from "../../models/namespace";
 	import NamespaceService from "../../services/namespace";
+	import {IS_FULLPAGE} from '../../store/mutation-types'
 
 	export default {
 		name: "NewNamespace",
@@ -48,16 +48,10 @@
 				namespaceService: NamespaceService,
 			}
 		},
-		beforeMount() {
-			// Check if the user is already logged in, if so, redirect him to the homepage
-			if (!auth.user.authenticated) {
-				router.push({name: 'home'})
-			}
-		},
 		created() {
 			this.namespace = new NamespaceModel()
 			this.namespaceService = new NamespaceService()
-			this.$parent.setFullPage();
+			this.$store.commit(IS_FULLPAGE, true)
 		},
 		methods: {
 			newNamespace() {
@@ -68,10 +62,10 @@
 				this.showError = false
 
 				this.namespaceService.create(this.namespace)
-					.then(() => {
-						this.$parent.loadNamespaces()
+					.then(r => {
+						this.$store.commit('namespaces/addNamespace', r)
 						this.success({message: 'The namespace was successfully created.'}, this)
-						router.push({name: 'home'})
+						router.back()
 					})
 					.catch(e => {
 						this.error(e, this)