mirror of
https://github.com/firefly-iii/firefly-iii.git
synced 2025-02-25 18:45:27 -06:00
Expand with list of piggy banks
This commit is contained in:
parent
fc0fee161e
commit
f010ffefc1
35
resources/assets/v2/api/v2/model/piggy-bank/get.js
Normal file
35
resources/assets/v2/api/v2/model/piggy-bank/get.js
Normal file
@ -0,0 +1,35 @@
|
||||
/*
|
||||
* get.js
|
||||
* Copyright (c) 2023 james@firefly-iii.org
|
||||
*
|
||||
* This file is part of Firefly III (https://github.com/firefly-iii).
|
||||
*
|
||||
* This program is free software: you can redistribute it and/or modify
|
||||
* it under the terms of the GNU Affero General Public License as
|
||||
* published by the Free Software Foundation, either version 3 of the
|
||||
* License, or (at your option) any later version.
|
||||
*
|
||||
* This program is distributed in the hope that it will be useful,
|
||||
* but WITHOUT ANY WARRANTY; without even the implied warranty of
|
||||
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
||||
* GNU Affero General Public License for more details.
|
||||
*
|
||||
* You should have received a copy of the GNU Affero General Public License
|
||||
* along with this program. If not, see <https://www.gnu.org/licenses/>.
|
||||
*/
|
||||
|
||||
|
||||
import {api} from "../../../../boot/axios";
|
||||
|
||||
export default class Get {
|
||||
|
||||
/**
|
||||
*
|
||||
* @param params
|
||||
* @returns {Promise<AxiosResponse<any>>}
|
||||
*/
|
||||
get(params) {
|
||||
return api.get('/api/v2/piggy-banks', {params: params});
|
||||
}
|
||||
|
||||
}
|
@ -26,8 +26,9 @@ import budgets from './pages/dashboard/budgets.js';
|
||||
import categories from './pages/dashboard/categories.js';
|
||||
import sankey from './pages/dashboard/sankey.js';
|
||||
import subscriptions from './pages/dashboard/subscriptions.js';
|
||||
import piggies from './pages/dashboard/piggies.js';
|
||||
|
||||
const comps = {dates, boxes, accounts, budgets, categories, sankey, subscriptions};
|
||||
const comps = {dates, boxes, accounts, budgets, categories, sankey, subscriptions, piggies};
|
||||
|
||||
function loadPage(comps) {
|
||||
Object.keys(comps).forEach(comp => {
|
||||
|
126
resources/assets/v2/pages/dashboard/piggies.js
Normal file
126
resources/assets/v2/pages/dashboard/piggies.js
Normal file
@ -0,0 +1,126 @@
|
||||
/*
|
||||
* budgets.js
|
||||
* Copyright (c) 2023 james@firefly-iii.org
|
||||
*
|
||||
* This file is part of Firefly III (https://github.com/firefly-iii).
|
||||
*
|
||||
* This program is free software: you can redistribute it and/or modify
|
||||
* it under the terms of the GNU Affero General Public License as
|
||||
* published by the Free Software Foundation, either version 3 of the
|
||||
* License, or (at your option) any later version.
|
||||
*
|
||||
* This program is distributed in the hope that it will be useful,
|
||||
* but WITHOUT ANY WARRANTY; without even the implied warranty of
|
||||
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
||||
* GNU Affero General Public License for more details.
|
||||
*
|
||||
* You should have received a copy of the GNU Affero General Public License
|
||||
* along with this program. If not, see <https://www.gnu.org/licenses/>.
|
||||
*/
|
||||
import {getVariable} from "../../store/get-variable.js";
|
||||
import Get from "../../api/v2/model/piggy-bank/get.js";
|
||||
|
||||
let currencies = [];
|
||||
|
||||
let apiData = {};
|
||||
|
||||
export default () => ({
|
||||
loading: false,
|
||||
autoConversion: false,
|
||||
sankeyGrouping: 'account',
|
||||
piggies: [],
|
||||
getFreshData() {
|
||||
let params = {
|
||||
start: window.store.get('start').slice(0, 10),
|
||||
end: window.store.get('end').slice(0, 10),
|
||||
page: 1
|
||||
};
|
||||
this.downloadPiggyBanks(params);
|
||||
},
|
||||
downloadPiggyBanks(params) {
|
||||
console.log('Downloading page ' + params.page + '...');
|
||||
const getter = new Get();
|
||||
getter.get(params).then((response) => {
|
||||
apiData = [...apiData, ...response.data.data];
|
||||
if (parseInt(response.data.meta.pagination.total_pages) > params.page) {
|
||||
params.page++;
|
||||
this.downloadPiggyBanks(params);
|
||||
return;
|
||||
}
|
||||
this.parsePiggies();
|
||||
this.loading = false;
|
||||
});
|
||||
},
|
||||
parsePiggies() {
|
||||
let dataSet = [];
|
||||
for (let i in apiData) {
|
||||
if (apiData.hasOwnProperty(i)) {
|
||||
let current = apiData[i];
|
||||
if (current.attributes.percentage >= 100) {
|
||||
continue;
|
||||
}
|
||||
if (0 === current.attributes.percentage) {
|
||||
continue;
|
||||
}
|
||||
let groupName = current.object_group_title ?? '(TODO ungrouped)';
|
||||
if (!dataSet.hasOwnProperty(groupName)) {
|
||||
dataSet[groupName] = {
|
||||
id: current.object_group_id ?? 0,
|
||||
title: groupName,
|
||||
order: current.object_group_order ?? 0,
|
||||
piggies: [],
|
||||
};
|
||||
}
|
||||
let piggy = {
|
||||
id: current.id,
|
||||
name: current.attributes.name,
|
||||
percentage: parseInt(current.attributes.percentage),
|
||||
amount: this.autoConversion ? current.attributes.native_current_amount : current.attributes.current_amount,
|
||||
// left to save
|
||||
left_to_save: this.autoConversion ? current.attributes.native_left_to_save : current.attributes.left_to_save,
|
||||
// target amount
|
||||
target_amount: this.autoConversion ? current.attributes.native_target_amount : current.attributes.target_amount,
|
||||
// save per month
|
||||
save_per_month: this.autoConversion ? current.attributes.native_save_per_month : current.attributes.save_per_month,
|
||||
currency_code: this.autoConversion ? current.attributes.native_code : current.attributes.currency_code,
|
||||
|
||||
};
|
||||
dataSet[groupName].piggies.push(piggy);
|
||||
}
|
||||
}
|
||||
this.piggies = Object.values(dataSet);
|
||||
console.log(this.piggies);
|
||||
},
|
||||
|
||||
loadPiggyBanks() {
|
||||
if (true === this.loading) {
|
||||
return;
|
||||
}
|
||||
this.loading = true;
|
||||
|
||||
if (0 !== this.piggies.length) {
|
||||
this.parsePiggies();
|
||||
this.loading = false;
|
||||
return;
|
||||
}
|
||||
this.getFreshData();
|
||||
},
|
||||
init() {
|
||||
apiData = [];
|
||||
Promise.all([getVariable('autoConversion', false)]).then((values) => {
|
||||
this.autoConversion = values[0];
|
||||
this.loadPiggyBanks();
|
||||
});
|
||||
window.store.observe('end', () => {
|
||||
apiData = [];
|
||||
this.loadPiggyBanks();
|
||||
});
|
||||
window.store.observe('autoConversion', (newValue) => {
|
||||
this.autoConversion = newValue;
|
||||
this.loadPiggyBanks();
|
||||
});
|
||||
},
|
||||
|
||||
});
|
||||
|
||||
|
Loading…
Reference in New Issue
Block a user