Merge pull request #2239 from bengu-thon-mai-mochi/currency-symbol-on-cash-flow-widget

Format currencies on cash flow widget tooltip and yAxes
This commit is contained in:
Cüneyt Şentürk 2021-09-02 23:47:09 +03:00 committed by GitHub
commit cc73dee749
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -2,8 +2,12 @@
namespace App\Traits;
use Akaunting\Money\Money;
use App\Utilities\Chartjs;
use Balping\JsonRaw\Raw;
trait Charts
{
public $donut = [
@ -103,6 +107,113 @@ trait Charts
'mode' => 'nearest',
'intersect' => 0,
'position' => 'nearest',
'callbacks' => [
'label' => new Raw("function(tooltipItem, data) {
const moneySettings = {
decimal: '" . config('money.' . setting('default.currency') . '.decimal_mark') . "',
thousands: '". config('money.' . setting('default.currency') . '.thousands_separator') . "',
symbol: '" . config('money.' . setting('default.currency') . '.symbol') . "',
isPrefix: '" . config('money.' . setting('default.currency') . '.symbol_first') . "',
precision: '" . config('money.' . setting('default.currency') . '.precision') . "',
};
const formattedCurrency = function (input, opt = moneySettings) {
function fixed (precision) {
return Math.max(0, Math.min(precision, 20));
};
function toStr(value) {
return value ? value.toString() : '';
};
function numbersToCurrency(numbers, precision) {
var exp = Math.pow(10, precision);
var float = parseFloat(numbers) / exp;
return float.toFixed(fixed(precision));
};
function joinIntegerAndDecimal (integer, decimal, separator) {
return decimal ? integer + separator + decimal : integer;
};
if (typeof input === 'number') {
input = input.toFixed(fixed(opt.precision));
};
var negative = input.indexOf('-') >= 0 ? '-' : '';
var numbers = toStr(input).replace(/\D+/g, '') || '0';
var currency = numbersToCurrency(numbers, opt.precision);
var parts = toStr(currency).split('.');
var integer = parts[0].replace(/(\d)(?=(?:\d{3})+\b)/gm, opt.thousands);;
var decimal = parts[1];
if(opt.isPrefix == 1) {
return opt.symbol + negative + joinIntegerAndDecimal(integer, decimal, opt.decimal)
}
return negative + joinIntegerAndDecimal(integer, decimal, opt.decimal) + opt.symbol;
};
return formattedCurrency(tooltipItem.yLabel, moneySettings);
}")
],
],
'scales' => [
'yAxes' => [[
'ticks' => [
'beginAtZero' => true,
'callback' => new Raw("function(value, index, values) {
const moneySettings = {
decimal: '" . config('money.' . setting('default.currency') . '.decimal_mark') . "',
thousands: '". config('money.' . setting('default.currency') . '.thousands_separator') . "',
symbol: '" . config('money.' . setting('default.currency') . '.symbol') . "',
isPrefix: '" . config('money.' . setting('default.currency') . '.symbol_first') . "',
precision: '" . config('money.' . setting('default.currency') . '.precision') . "',
};
const formattedCurrency = function (input, opt = moneySettings) {
function fixed (precision) {
return Math.max(0, Math.min(precision, 20));
};
function toStr(value) {
return value ? value.toString() : '';
};
function numbersToCurrency(numbers, precision) {
var exp = Math.pow(10, precision);
var float = parseFloat(numbers) / exp;
return float.toFixed(fixed(precision));
};
function joinIntegerAndDecimal (integer, decimal, separator) {
return decimal ? integer + separator + decimal : integer;
};
if (typeof input === 'number') {
input = input.toFixed(fixed(opt.precision));
};
var negative = input.indexOf('-') >= 0 ? '-' : '';
var numbers = toStr(input).replace(/\D+/g, '') || '0';
var currency = numbersToCurrency(numbers, opt.precision);
var parts = toStr(currency).split('.');
var integer = parts[0].replace(/(\d)(?=(?:\d{3})+\b)/gm, opt.thousands);;
var decimal = parts[1];
if(opt.isPrefix == 1) {
return opt.symbol + negative + joinIntegerAndDecimal(integer, decimal, opt.decimal)
} else {
return negative + joinIntegerAndDecimal(integer, decimal, opt.decimal) + opt.symbol;
}
};
return formattedCurrency(value, moneySettings);
}"),
],
]
],
'responsive' => true,
'scales' => [
@ -111,7 +222,7 @@ trait Charts
'ticks' => [
'padding' => 10,
'fontColor' => '#9e9e9e',
],
]],
'gridLines' => [
'drawBorder' => false,
'color' => 'rgba(29,140,248,0.1)',