jacob1123/budgeteer
1
1
Fork 0
Code Issues 12 Pull Requests 1 Packages Releases 1 Wiki Activity

Convert frontend to Vue #3

Merged
jacob1123 merged 158 commits from vue into master 2022-02-08 22:20:11 +01:00
Conversation 0 Commits 158 Files Changed 104 +4 -8
2 changed files with 4 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit f091ce8945 - Show all commits

8
web/src/pages/Login.vue
View File

@@ -1,5 +1,5 @@
<script> <script>
import { LOGIN_SUCCESS, TITLE } from "../store/mutation-types"; import { LOGIN, LOGIN_SUCCESS, TITLE } from "../store/mutation-types";
export default { export default {
data() { data() {
@@ -18,11 +18,9 @@ export default {
methods: { methods: {
formSubmit (e) { formSubmit (e) {
e.preventDefault(); e.preventDefault();
fetch("/api/v1/user/login", {method: "POST", body: JSON.stringify(this.$data.login)}) this.$store.dispatch(LOGIN, this.$data.login)
.then(x => x.json())
.then(x => { .then(x => {
this.$data.error = "" this.$data.error = "";
this.$store.commit(LOGIN_SUCCESS, x);
this.$router.replace("/dashboard"); this.$router.replace("/dashboard");
}) })
.catch(x => this.$data.error = ["The entered credentials are invalid!"]); .catch(x => this.$data.error = ["The entered credentials are invalid!"]);

4
web/src/store/index.js
View File

@@ -62,11 +62,10 @@ const store = createStore({
}, },
actions: { actions: {
[LOGIN]({state, commit}, login) { [LOGIN]({state, commit}, login) {
fetch("/api/v1/user/login", {method: "POST", body: JSON.stringify(login)}) return fetch("/api/v1/user/login", {method: "POST", body: JSON.stringify(login)})
.then(x => x.json()) .then(x => x.json())
.then(x => { .then(x => {
commit(LOGIN_SUCCESS, x); commit(LOGIN_SUCCESS, x);
this.$router.replace("/dashboard");
}) })
}, },
YNAB({getters, dispatch}, formData) { YNAB({getters, dispatch}, formData) {
@@ -148,7 +147,6 @@ const store = createStore({
if(state.CurrentBudgetID == null) if(state.CurrentBudgetID == null)
return {}; return {};
console.log(state.Budgets, state.CurrentBudgetID);
const budgets = state.Budgets.filter(x => x.ID == state.CurrentBudgetID); const budgets = state.Budgets.filter(x => x.ID == state.CurrentBudgetID);
if(budgets.length > 0) if(budgets.length > 0)
return budgets[0]; return budgets[0];