mirror of
https://github.com/firefly-iii/firefly-iii.git
synced 2025-09-18 18:44:16 +00:00
384 lines
12 KiB
JavaScript
Vendored
384 lines
12 KiB
JavaScript
Vendored
/*
|
|
* index.js
|
|
* Copyright (c) 2019 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/>.
|
|
*/
|
|
|
|
/**
|
|
*
|
|
*/
|
|
$(function () {
|
|
"use strict";
|
|
/*
|
|
On start, fill the "spent"-bar using the content from the page.
|
|
*/
|
|
drawSpentBars();
|
|
drawBudgetedBars();
|
|
|
|
$('.update_ab').on('click', updateAvailableBudget);
|
|
$('.create_ab_alt').on('click', createAltAvailableBudget);
|
|
|
|
$('.budget_amount').on('change', updateBudgetedAmount);
|
|
$('.create_bl').on('click', createBudgetLimit);
|
|
|
|
|
|
/*
|
|
When the input changes, update the percentages for the budgeted bar:
|
|
*/
|
|
$('.selectPeriod').change(function (e) {
|
|
var selected = $(e.currentTarget);
|
|
if (selected.find(":selected").val() !== "x") {
|
|
var newUri = budgetIndexUri.replace("START", selected.find(":selected").data('start')).replace('END', selected.find(":selected").data('end'));
|
|
window.location.assign(newUri);
|
|
}
|
|
});
|
|
|
|
// sortable!
|
|
if (typeof $(".sortable-table tbody").sortable !== "undefined") {
|
|
$(".sortable-table tbody").sortable(
|
|
{
|
|
helper: fixHelper,
|
|
items: 'tr:not(.ignore)',
|
|
stop: sortStop,
|
|
handle: '.handle',
|
|
start: function (event, ui) {
|
|
// Build a placeholder cell that spans all the cells in the row
|
|
var cellCount = 0;
|
|
$('td, th', ui.helper).each(function () {
|
|
// For each TD or TH try and get it's colspan attribute, and add that or 1 to the total
|
|
var colspan = 1;
|
|
var colspanAttr = $(this).attr('colspan');
|
|
if (colspanAttr > 1) {
|
|
colspan = colspanAttr;
|
|
}
|
|
cellCount += colspan;
|
|
});
|
|
|
|
// Add the placeholder UI - note that this is the item's content, so TD rather than TR
|
|
ui.placeholder.html('<td colspan="' + cellCount + '"> </td>');
|
|
}
|
|
}
|
|
);
|
|
}
|
|
});
|
|
|
|
function updateBudgetedAmount(e) {
|
|
var input = $(e.currentTarget);
|
|
var budgetId = parseInt(input.data('id'));
|
|
var budgetLimitId = parseInt(input.data('limit'));
|
|
var currencyId = parseInt(input.data('currency'));
|
|
input.prop('disabled', true);
|
|
if (0 === budgetLimitId) {
|
|
$.post(storeBudgetLimitUri, {
|
|
_token: token,
|
|
budget_id: budgetId,
|
|
transaction_currency_id: currencyId,
|
|
amount: input.val(),
|
|
start: periodStart,
|
|
end: periodEnd
|
|
}).done(function (data) {
|
|
|
|
input.prop('disabled', false);
|
|
|
|
// update amount left.
|
|
$('.left_span[data-limit="0"][data-id="' + budgetId + '"]').html(data.left_formatted);
|
|
if (data.left_per_day > 0) {
|
|
$('.left_span[data-limit="0"][data-id="' + budgetId + '"]').html(data.left_formatted + '(' + data.left_per_day_formatted + ')');
|
|
}
|
|
// update budgeted amount
|
|
updateTotalBudgetedAmount(data.transaction_currency_id);
|
|
|
|
}).fail(function () {
|
|
alert('I failed :(');
|
|
});
|
|
} else {
|
|
$.post(updateBudgetLimitUri.replace('REPLACEME', budgetLimitId.toString()), {
|
|
_token: token,
|
|
amount: input.val(),
|
|
}).done(function (data) {
|
|
input.prop('disabled', false);
|
|
$('.left_span[data-limit="' + budgetLimitId + '"]').html(data.left_formatted);
|
|
if (data.left_per_day > 0) {
|
|
$('.left_span[data-limit="' + budgetLimitId + '"]').html(data.left_formatted + '(' + data.left_per_day_formatted + ')');
|
|
}
|
|
updateTotalBudgetedAmount(data.transaction_currency_id);
|
|
// update budgeted amount
|
|
|
|
}).fail(function () {
|
|
alert('I failed :(');
|
|
});
|
|
}
|
|
}
|
|
|
|
function updateTotalBudgetedAmount(currencyId) {
|
|
// fade info away:
|
|
$('span.budgeted_amount[data-currency="' + currencyId + '"]')
|
|
.fadeTo(100, 0.1, function () {
|
|
//$(this).fadeTo(500, 1.0);
|
|
});
|
|
|
|
// get new amount:
|
|
$.get(totalBudgetedUri.replace('REPLACEME',currencyId)).done(function (data) {
|
|
$('span.budgeted_amount[data-currency="' + currencyId + '"]')
|
|
.html(data.budgeted_formatted)
|
|
// fade back:
|
|
.fadeTo(300, 1.0);
|
|
});
|
|
}
|
|
|
|
var fixHelper = function (e, tr) {
|
|
"use strict";
|
|
var $originals = tr.children();
|
|
var $helper = tr.clone();
|
|
$helper.children().each(function (index) {
|
|
// Set helper cell sizes to match the original sizes
|
|
$(this).width($originals.eq(index).width());
|
|
});
|
|
return $helper;
|
|
};
|
|
|
|
|
|
function sortStop(event, ui) {
|
|
"use strict";
|
|
|
|
//var current = $(ui.item);
|
|
var list = $('.sortable-table tbody tr');
|
|
var submit = [];
|
|
$.each(list, function (i, v) {
|
|
var row = $(v);
|
|
var id = parseInt(row.data('id'));
|
|
if (id > 0) {
|
|
submit.push(id);
|
|
}
|
|
});
|
|
var arr = {
|
|
budgetIds: submit,
|
|
_token: token
|
|
};
|
|
$.post('budgets/reorder', arr);
|
|
}
|
|
|
|
function createBudgetLimit(e) {
|
|
var button = $(e.currentTarget);
|
|
var budgetId = button.data('id');
|
|
$('#defaultModal').empty().load(createBudgetLimitUri.replace('REPLACEME', budgetId.toString()), function () {
|
|
$('#defaultModal').modal('show');
|
|
});
|
|
return false;
|
|
}
|
|
|
|
function createAltAvailableBudget(e) {
|
|
$('#defaultModal').empty().load(createAltAvailableBudgetUri, function () {
|
|
$('#defaultModal').modal('show');
|
|
});
|
|
return false;
|
|
}
|
|
|
|
function updateAvailableBudget(e) {
|
|
var button = $(e.currentTarget);
|
|
var abId = parseInt(button.data('id'));
|
|
if (0 === abId) {
|
|
$('#defaultModal').empty().load(createAvailableBudgetUri, function () {
|
|
$('#defaultModal').modal('show');
|
|
});
|
|
}
|
|
if (abId > 0) {
|
|
// edit URL.
|
|
$('#defaultModal').empty().load(editAvailableBudgetUri.replace('REPLACEME', abId), function () {
|
|
$('#defaultModal').modal('show');
|
|
});
|
|
}
|
|
return false;
|
|
}
|
|
|
|
|
|
function drawBudgetedBars() {
|
|
"use strict";
|
|
$.each($('.budgeted_bar'), function (i, v) {
|
|
var bar = $(v);
|
|
var budgeted = parseFloat(bar.data('budgeted'));
|
|
var available = parseFloat(bar.data('available'));
|
|
var budgetedTooMuch = budgeted > available;
|
|
var pct;
|
|
if (budgetedTooMuch) {
|
|
// budgeted too much.
|
|
pct = (available / budgeted) * 100;
|
|
bar.find('.progress-bar-warning').css('width', pct + '%');
|
|
bar.find('.progress-bar-danger').css('width', (100 - pct) + '%');
|
|
bar.find('.progress-bar-info').css('width', 0);
|
|
} else {
|
|
pct = (budgeted / available) * 100;
|
|
bar.find('.progress-bar-warning').css('width', 0);
|
|
bar.find('.progress-bar-danger').css('width', 0);
|
|
bar.find('.progress-bar-info').css('width', pct + '%');
|
|
}
|
|
//$('#budgetedAmount').html(currencySymbol + ' ' + budgeted.toFixed(2));
|
|
});
|
|
}
|
|
|
|
function drawSpentBars() {
|
|
"use strict";
|
|
$.each($('.spent_bar'), function (i, v) {
|
|
var bar = $(v);
|
|
var spent = parseFloat(bar.data('spent')) * -1;
|
|
var budgeted = parseFloat(bar.data('budgeted'));
|
|
var overspent = spent > budgeted;
|
|
var pct;
|
|
|
|
if (overspent) {
|
|
// draw overspent bar
|
|
pct = (budgeted / spent) * 100;
|
|
bar.find('.progress-bar-warning').css('width', pct + '%');
|
|
bar.find('.progress-bar-danger').css('width', (100 - pct) + '%');
|
|
} else {
|
|
// draw normal bar:
|
|
pct = (spent / budgeted) * 100;
|
|
bar.find('.progress-bar-info').css('width', pct + '%');
|
|
}
|
|
});
|
|
}
|
|
|
|
//
|
|
//
|
|
// function drawSpentBar() {
|
|
// "use strict";
|
|
// if ($('.spentBar').length > 0) {
|
|
// var overspent = spent > budgeted;
|
|
// var pct;
|
|
//
|
|
// if (overspent) {
|
|
// // draw overspent bar
|
|
// pct = (budgeted / spent) * 100;
|
|
// $('.spentBar .progress-bar-warning').css('width', pct + '%');
|
|
// $('.spentBar .progress-bar-danger').css('width', (100 - pct) + '%');
|
|
// } else {
|
|
// // draw normal bar:
|
|
// pct = (spent / budgeted) * 100;
|
|
// $('.spentBar .progress-bar-info').css('width', pct + '%');
|
|
// }
|
|
// }
|
|
// }
|
|
//
|
|
// function drawBudgetedBar() {
|
|
// "use strict";
|
|
//
|
|
// if ($('.budgetedBar').length > 0) {
|
|
// var budgetedMuch = budgeted > available;
|
|
//
|
|
// // recalculate percentage:
|
|
//
|
|
// var pct;
|
|
// if (budgetedMuch) {
|
|
// // budgeted too much.
|
|
// pct = (available / budgeted) * 100;
|
|
// $('.budgetedBar .progress-bar-warning').css('width', pct + '%');
|
|
// $('.budgetedBar .progress-bar-danger').css('width', (100 - pct) + '%');
|
|
// $('.budgetedBar .progress-bar-info').css('width', 0);
|
|
// } else {
|
|
// pct = (budgeted / available) * 100;
|
|
// $('.budgetedBar .progress-bar-warning').css('width', 0);
|
|
// $('.budgetedBar .progress-bar-danger').css('width', 0);
|
|
// $('.budgetedBar .progress-bar-info').css('width', pct + '%');
|
|
// }
|
|
//
|
|
// $('#budgetedAmount').html(currencySymbol + ' ' + budgeted.toFixed(2));
|
|
// }
|
|
// }
|
|
|
|
// /**
|
|
// *
|
|
// * @param e
|
|
// */
|
|
// function updateBudgetedAmounts(e) {
|
|
// "use strict";
|
|
// var target = $(e.target);
|
|
// var id = target.data('id');
|
|
// var leftCell = $('td[class$="left"][data-id="' + id + '"]');
|
|
// var link = $('a[data-id="' + id + '"][class="budget-link"]');
|
|
// var value = target.val();
|
|
// var original = target.data('original');
|
|
//
|
|
// // disable input
|
|
// target.prop('disabled', true);
|
|
//
|
|
// // replace link (for now)
|
|
// link.attr('href', '#');
|
|
//
|
|
// // replace "left" with spinner.
|
|
// leftCell.empty().html('<i class="fa fa-fw fa-spin fa-spinner"></i>');
|
|
//
|
|
// // send a post to Firefly to update the amount:
|
|
// var newUri = budgetAmountUri.replace("REPLACE", id);
|
|
//
|
|
// $.post(newUri, {amount: value, start: periodStart, end: periodEnd, _token: token}).done(function (data) {
|
|
//
|
|
// // difference between new value and original value
|
|
// var difference = value - original;
|
|
//
|
|
// // update budgeted value
|
|
// budgeted = budgeted + difference;
|
|
//
|
|
// // fill in "left" value:
|
|
//
|
|
//
|
|
// if (data.left_per_day !== null) {
|
|
// leftCell.html(data.left + ' (' + data.left_per_day + ')');
|
|
// } else {
|
|
// leftCell.html(data.left);
|
|
// }
|
|
//
|
|
// // update "budgeted" input:
|
|
// target.val(data.amount);
|
|
//
|
|
// // enable thing again
|
|
// target.prop('disabled', false);
|
|
//
|
|
// // set new original value:
|
|
// target.data('original', data.amount);
|
|
//
|
|
// // run drawBudgetedBar() again:
|
|
// drawBudgetedBar();
|
|
//
|
|
// // update the link if relevant:
|
|
// link.attr('href', 'budgets/show/' + id);
|
|
// if (data.limit > 0) {
|
|
// link.attr('href', 'budgets/show/' + id + '/' + data.limit);
|
|
// }
|
|
//
|
|
// // update the warning if relevant:
|
|
// if (data.large_diff === true) {
|
|
// $('span[class$="budget_warning"][data-id="' + id + '"]').html(data.warn_text).show();
|
|
// console.log('Show warning for budget');
|
|
// } else {
|
|
// $('span[class$="budget_warning"][data-id="' + id + '"]').empty().hide();
|
|
// }
|
|
// });
|
|
// }
|
|
|
|
// /**
|
|
// *
|
|
// * @returns {boolean}
|
|
// */
|
|
// function updateIncome() {
|
|
// "use strict";
|
|
// $('#defaultModal').empty().load(updateIncomeUri, function () {
|
|
// $('#defaultModal').modal('show');
|
|
// });
|
|
//
|
|
// return false;
|
|
// }
|