Add generic ajax error modal

src/App.vue

@@ -1,5 +1,11 @@
 <template>
 	<div id='app'>
+		<modal-window v-model='showAjaxErrorsModal'>
+			<div style='padding: 0rem 1rem 1rem 1rem;'>
+				<p v-for='error in this.$store.state.ajaxErrors'>{{error}}</p>
+				<button class='button' @click='showAjaxErrorsModal = false'>OK</button>
+			</div>
+		</modal-window>
 		<modal-window v-model='showAccountModal'>
 			<tab-view :tabs='["Sign up", "Login"]' v-model="showAccountTab" padding='true'>
 				<template slot='Sign up'>
@@ -125,6 +131,10 @@
 					this.$store.commit('setAccountModalState', val);
 				}
 			},
+			showAjaxErrorsModal: {
+				get () { return this.$store.state.ajaxErrorsModal },
+				set (val) { this.$store.commit('setAjaxErrorsModalState', val) }
+			},
 			showAccountTab : {
 				get (val) { return this.$store.state.accountTabs },
 				set (index) { this.$store.commit('setAccountTabs', index) }

src/store/index.js

@@ -13,7 +13,10 @@ export default new Vuex.Store({
 		},
 		accountTabs: 0,
 		accountModal: false,
-		username: ''
+		username: '',
+
+		ajaxErrors: [],
+		ajaxErrorsModal: false
 	},
 	getters: {
 		categoriesWithoutAll (state) {
@@ -37,6 +40,9 @@ export default new Vuex.Store({
 		setAccountModalState (state, value) {
 			state.accountModal = value;
 		},
+		setAjaxErrorsModalState (state, value) {
+			state.ajaxErrorsModal = value;
+		},
 		setUsername (state, value) {
 			state.username = value
 		},