mirror of
https://github.com/firefly-iii/firefly-iii.git
synced 2025-02-25 18:45:27 -06:00
Editable up until date.
This commit is contained in:
parent
283b594995
commit
99f041b114
@ -1,7 +1,8 @@
|
||||
{
|
||||
"config": {
|
||||
"html_language": "bg",
|
||||
"date_time_fns": "MMMM do, yyyy @ HH:mm:ss"
|
||||
"date_time_fns": "MMMM do, yyyy @ HH:mm:ss",
|
||||
"date_time_fns_short": "MMMM do, yyyy @ HH:mm"
|
||||
},
|
||||
"firefly": {
|
||||
"spent": "\u041f\u043e\u0445\u0430\u0440\u0447\u0435\u043d\u0438",
|
||||
|
@ -1,7 +1,8 @@
|
||||
{
|
||||
"config": {
|
||||
"html_language": "ca",
|
||||
"date_time_fns": "D [de\/d'] MMMM yyyy [a les] HH:mm:ss"
|
||||
"date_time_fns": "D [de\/d'] MMMM yyyy [a les] HH:mm:ss",
|
||||
"date_time_fns_short": "MMMM do, yyyy @ HH:mm"
|
||||
},
|
||||
"firefly": {
|
||||
"spent": "Gastat",
|
||||
|
@ -1,7 +1,8 @@
|
||||
{
|
||||
"config": {
|
||||
"html_language": "cs",
|
||||
"date_time_fns": "MMMM do, yyyy @ HH:mm:ss"
|
||||
"date_time_fns": "MMMM do, yyyy @ HH:mm:ss",
|
||||
"date_time_fns_short": "MMMM do, yyyy @ HH:mm"
|
||||
},
|
||||
"firefly": {
|
||||
"spent": "Utraceno",
|
||||
|
@ -1,7 +1,8 @@
|
||||
{
|
||||
"config": {
|
||||
"html_language": "da",
|
||||
"date_time_fns": "MMMM g\u00f8r, yyyy @ HH:mm:ss"
|
||||
"date_time_fns": "MMMM g\u00f8r, yyyy @ HH:mm:ss",
|
||||
"date_time_fns_short": "MMMM do, yyyy @ HH:mm"
|
||||
},
|
||||
"firefly": {
|
||||
"spent": "Spent",
|
||||
|
@ -1,7 +1,8 @@
|
||||
{
|
||||
"config": {
|
||||
"html_language": "de",
|
||||
"date_time_fns": "dd. MMM. yyyy um HH:mm:ss"
|
||||
"date_time_fns": "dd. MMM. yyyy um HH:mm:ss",
|
||||
"date_time_fns_short": "MMMM do, yyyy @ HH:mm"
|
||||
},
|
||||
"firefly": {
|
||||
"spent": "Ausgegeben",
|
||||
|
@ -1,7 +1,8 @@
|
||||
{
|
||||
"config": {
|
||||
"html_language": "el",
|
||||
"date_time_fns": "do MMMM yyyy @ HH:mm:ss"
|
||||
"date_time_fns": "do MMMM yyyy @ HH:mm:ss",
|
||||
"date_time_fns_short": "MMMM do, yyyy @ HH:mm"
|
||||
},
|
||||
"firefly": {
|
||||
"spent": "\u0394\u03b1\u03c0\u03b1\u03bd\u03ae\u03b8\u03b7\u03ba\u03b1\u03bd",
|
||||
|
@ -1,13 +1,14 @@
|
||||
{
|
||||
"config": {
|
||||
"html_language": "en",
|
||||
"date_time_fns": "MMMM do, yyyy @ HH:mm:ss"
|
||||
"date_time_fns": "MMMM do, yyyy @ HH:mm:ss",
|
||||
"date_time_fns_short": "MMMM do, yyyy @ HH:mm"
|
||||
},
|
||||
"firefly": {
|
||||
"spent": "Spent",
|
||||
"left": "Left",
|
||||
"paid": "Paid",
|
||||
"errors_submission": "There was something wrong with your submission. Please check out the errors below: %{errorMessage}",
|
||||
"errors_submission_v2": "There was something wrong with your submission. Please check out the errors below: %{errorMessage}",
|
||||
"unpaid": "Unpaid",
|
||||
"default_group_title_name_plain": "ungrouped",
|
||||
"subscriptions_in_group": "Subscriptions in group \"%{title}\"",
|
||||
|
@ -1,7 +1,8 @@
|
||||
{
|
||||
"config": {
|
||||
"html_language": "en-gb",
|
||||
"date_time_fns": "MMMM do, yyyy @ HH:mm:ss"
|
||||
"date_time_fns": "MMMM do, yyyy @ HH:mm:ss",
|
||||
"date_time_fns_short": "MMMM do, yyyy @ HH:mm"
|
||||
},
|
||||
"firefly": {
|
||||
"spent": "Spent",
|
||||
|
@ -1,7 +1,8 @@
|
||||
{
|
||||
"config": {
|
||||
"html_language": "en",
|
||||
"date_time_fns": "MMMM do, yyyy @ HH:mm:ss"
|
||||
"date_time_fns": "MMMM do, yyyy @ HH:mm:ss",
|
||||
"date_time_fns_short": "MMMM do, yyyy @ HH:mm"
|
||||
},
|
||||
"firefly": {
|
||||
"spent": "Spent",
|
||||
|
@ -1,7 +1,8 @@
|
||||
{
|
||||
"config": {
|
||||
"html_language": "es",
|
||||
"date_time_fns": "El MMMM hacer, yyyy a las HH:mm:ss"
|
||||
"date_time_fns": "El MMMM hacer, yyyy a las HH:mm:ss",
|
||||
"date_time_fns_short": "MMMM do, yyyy @ HH:mm"
|
||||
},
|
||||
"firefly": {
|
||||
"spent": "Gastado",
|
||||
|
@ -1,7 +1,8 @@
|
||||
{
|
||||
"config": {
|
||||
"html_language": "fi",
|
||||
"date_time_fns": "MMMM do, yyyy @ HH:mm:ss"
|
||||
"date_time_fns": "MMMM do, yyyy @ HH:mm:ss",
|
||||
"date_time_fns_short": "MMMM do, yyyy @ HH:mm"
|
||||
},
|
||||
"firefly": {
|
||||
"spent": "K\u00e4ytetty",
|
||||
|
@ -1,7 +1,8 @@
|
||||
{
|
||||
"config": {
|
||||
"html_language": "fr",
|
||||
"date_time_fns": "do MMMM, yyyy @ HH:mm:ss"
|
||||
"date_time_fns": "do MMMM, yyyy @ HH:mm:ss",
|
||||
"date_time_fns_short": "MMMM do, yyyy @ HH:mm"
|
||||
},
|
||||
"firefly": {
|
||||
"spent": "D\u00e9pens\u00e9",
|
||||
|
@ -1,7 +1,8 @@
|
||||
{
|
||||
"config": {
|
||||
"html_language": "hu",
|
||||
"date_time_fns": "MMMM do, yyyy @ HH:mm:ss"
|
||||
"date_time_fns": "MMMM do, yyyy @ HH:mm:ss",
|
||||
"date_time_fns_short": "MMMM do, yyyy @ HH:mm"
|
||||
},
|
||||
"firefly": {
|
||||
"spent": "Elk\u00f6lt\u00f6tt",
|
||||
|
@ -1,7 +1,8 @@
|
||||
{
|
||||
"config": {
|
||||
"html_language": "id",
|
||||
"date_time_fns": "do MMMM yyyy @ HH:mm:ss"
|
||||
"date_time_fns": "do MMMM yyyy @ HH:mm:ss",
|
||||
"date_time_fns_short": "MMMM do, yyyy @ HH:mm"
|
||||
},
|
||||
"firefly": {
|
||||
"spent": "Menghabiskan",
|
||||
|
@ -1,7 +1,8 @@
|
||||
{
|
||||
"config": {
|
||||
"html_language": "it",
|
||||
"date_time_fns": "do MMMM yyyy @ HH:mm:ss"
|
||||
"date_time_fns": "do MMMM yyyy @ HH:mm:ss",
|
||||
"date_time_fns_short": "MMMM do, yyyy @ HH:mm"
|
||||
},
|
||||
"firefly": {
|
||||
"spent": "Speso",
|
||||
|
@ -1,7 +1,8 @@
|
||||
{
|
||||
"config": {
|
||||
"html_language": "ja",
|
||||
"date_time_fns": "yyyy\u5e74MMMM\u6708do\u65e5 HH:mm:ss"
|
||||
"date_time_fns": "yyyy\u5e74MMMM\u6708do\u65e5 HH:mm:ss",
|
||||
"date_time_fns_short": "MMMM do, yyyy @ HH:mm"
|
||||
},
|
||||
"firefly": {
|
||||
"spent": "\u652f\u51fa",
|
||||
|
@ -1,7 +1,8 @@
|
||||
{
|
||||
"config": {
|
||||
"html_language": "ko",
|
||||
"date_time_fns": "YYYY\ub144 M\uc6d4 D\uc77c HH:mm:ss"
|
||||
"date_time_fns": "YYYY\ub144 M\uc6d4 D\uc77c HH:mm:ss",
|
||||
"date_time_fns_short": "MMMM do, yyyy @ HH:mm"
|
||||
},
|
||||
"firefly": {
|
||||
"spent": "\uc9c0\ucd9c",
|
||||
|
@ -1,7 +1,8 @@
|
||||
{
|
||||
"config": {
|
||||
"html_language": "nb",
|
||||
"date_time_fns": "do MMMM, yyyy @ HH:mm:ss"
|
||||
"date_time_fns": "do MMMM, yyyy @ HH:mm:ss",
|
||||
"date_time_fns_short": "MMMM do, yyyy @ HH:mm"
|
||||
},
|
||||
"firefly": {
|
||||
"spent": "Brukt",
|
||||
|
@ -1,7 +1,8 @@
|
||||
{
|
||||
"config": {
|
||||
"html_language": "nl",
|
||||
"date_time_fns": "d MMMM yyyy @ HH:mm:ss"
|
||||
"date_time_fns": "d MMMM yyyy @ HH:mm:ss",
|
||||
"date_time_fns_short": "MMMM do, yyyy @ HH:mm"
|
||||
},
|
||||
"firefly": {
|
||||
"spent": "Uitgegeven",
|
||||
|
@ -1,7 +1,8 @@
|
||||
{
|
||||
"config": {
|
||||
"html_language": "nn",
|
||||
"date_time_fns": "do MMMM, yyyy @ HH:mm:ss"
|
||||
"date_time_fns": "do MMMM, yyyy @ HH:mm:ss",
|
||||
"date_time_fns_short": "MMMM do, yyyy @ HH:mm"
|
||||
},
|
||||
"firefly": {
|
||||
"spent": "Brukt",
|
||||
|
@ -1,7 +1,8 @@
|
||||
{
|
||||
"config": {
|
||||
"html_language": "pl",
|
||||
"date_time_fns": "do MMMM yyyy @ HH:mm:ss"
|
||||
"date_time_fns": "do MMMM yyyy @ HH:mm:ss",
|
||||
"date_time_fns_short": "MMMM do, yyyy @ HH:mm"
|
||||
},
|
||||
"firefly": {
|
||||
"spent": "Wydano",
|
||||
|
@ -1,7 +1,8 @@
|
||||
{
|
||||
"config": {
|
||||
"html_language": "pt-br",
|
||||
"date_time_fns": "dd 'de' MMMM 'de' yyyy, '\u00e0s' HH:mm:ss"
|
||||
"date_time_fns": "dd 'de' MMMM 'de' yyyy, '\u00e0s' HH:mm:ss",
|
||||
"date_time_fns_short": "MMMM do, yyyy @ HH:mm"
|
||||
},
|
||||
"firefly": {
|
||||
"spent": "Gasto",
|
||||
|
@ -1,7 +1,8 @@
|
||||
{
|
||||
"config": {
|
||||
"html_language": "pt",
|
||||
"date_time_fns": "DO [de] MMMM YYYY, @ HH:mm:ss"
|
||||
"date_time_fns": "DO [de] MMMM YYYY, @ HH:mm:ss",
|
||||
"date_time_fns_short": "MMMM do, yyyy @ HH:mm"
|
||||
},
|
||||
"firefly": {
|
||||
"spent": "Gasto",
|
||||
|
@ -1,7 +1,8 @@
|
||||
{
|
||||
"config": {
|
||||
"html_language": "ro",
|
||||
"date_time_fns": "MMMM do, yyyy @ HH:mm:ss"
|
||||
"date_time_fns": "MMMM do, yyyy @ HH:mm:ss",
|
||||
"date_time_fns_short": "MMMM do, yyyy @ HH:mm"
|
||||
},
|
||||
"firefly": {
|
||||
"spent": "Cheltuit",
|
||||
|
@ -1,7 +1,8 @@
|
||||
{
|
||||
"config": {
|
||||
"html_language": "ru",
|
||||
"date_time_fns": "Do MMMM yyyy, @ HH:mm:ss"
|
||||
"date_time_fns": "Do MMMM yyyy, @ HH:mm:ss",
|
||||
"date_time_fns_short": "MMMM do, yyyy @ HH:mm"
|
||||
},
|
||||
"firefly": {
|
||||
"spent": "\u0420\u0430\u0441\u0445\u043e\u0434",
|
||||
|
@ -1,7 +1,8 @@
|
||||
{
|
||||
"config": {
|
||||
"html_language": "sk",
|
||||
"date_time_fns": "MMMM do, yyyy @ HH:mm:ss"
|
||||
"date_time_fns": "MMMM do, yyyy @ HH:mm:ss",
|
||||
"date_time_fns_short": "MMMM do, yyyy @ HH:mm"
|
||||
},
|
||||
"firefly": {
|
||||
"spent": "Utraten\u00e9",
|
||||
|
@ -1,7 +1,8 @@
|
||||
{
|
||||
"config": {
|
||||
"html_language": "sl",
|
||||
"date_time_fns": "MMMM do, yyyy @ HH:mm:ss"
|
||||
"date_time_fns": "MMMM do, yyyy @ HH:mm:ss",
|
||||
"date_time_fns_short": "MMMM do, yyyy @ HH:mm"
|
||||
},
|
||||
"firefly": {
|
||||
"spent": "Porabljeno",
|
||||
|
@ -1,7 +1,8 @@
|
||||
{
|
||||
"config": {
|
||||
"html_language": "sv",
|
||||
"date_time_fns": "MMMM do, yyyy @ HH:mm:ss"
|
||||
"date_time_fns": "MMMM do, yyyy @ HH:mm:ss",
|
||||
"date_time_fns_short": "MMMM do, yyyy @ HH:mm"
|
||||
},
|
||||
"firefly": {
|
||||
"spent": "Spenderat",
|
||||
|
@ -1,7 +1,8 @@
|
||||
{
|
||||
"config": {
|
||||
"html_language": "tr",
|
||||
"date_time_fns": "MMMM do, yyyy @ HH:mm:ss"
|
||||
"date_time_fns": "MMMM do, yyyy @ HH:mm:ss",
|
||||
"date_time_fns_short": "MMMM do, yyyy @ HH:mm"
|
||||
},
|
||||
"firefly": {
|
||||
"spent": "Harcanan",
|
||||
|
@ -1,7 +1,8 @@
|
||||
{
|
||||
"config": {
|
||||
"html_language": "uk",
|
||||
"date_time_fns": "MMMM do, yyyy @ HH:mm:ss"
|
||||
"date_time_fns": "MMMM do, yyyy @ HH:mm:ss",
|
||||
"date_time_fns_short": "MMMM do, yyyy @ HH:mm"
|
||||
},
|
||||
"firefly": {
|
||||
"spent": "Spent",
|
||||
|
@ -1,7 +1,8 @@
|
||||
{
|
||||
"config": {
|
||||
"html_language": "vi",
|
||||
"date_time_fns": "d MMMM yyyy @ HH:mm:ss"
|
||||
"date_time_fns": "d MMMM yyyy @ HH:mm:ss",
|
||||
"date_time_fns_short": "MMMM do, yyyy @ HH:mm"
|
||||
},
|
||||
"firefly": {
|
||||
"spent": "\u0110\u00e3 chi",
|
||||
|
@ -1,7 +1,8 @@
|
||||
{
|
||||
"config": {
|
||||
"html_language": "zh-cn",
|
||||
"date_time_fns": "YYYY\u5e74M\u6708D\u65e5 HH:mm:ss"
|
||||
"date_time_fns": "YYYY\u5e74M\u6708D\u65e5 HH:mm:ss",
|
||||
"date_time_fns_short": "MMMM do, yyyy @ HH:mm"
|
||||
},
|
||||
"firefly": {
|
||||
"spent": "\u652f\u51fa",
|
||||
|
@ -1,7 +1,8 @@
|
||||
{
|
||||
"config": {
|
||||
"html_language": "zh-tw",
|
||||
"date_time_fns": "YYYY\u5e74 M\u6708 D\u65e5 dddd \u65bc HH:mm:ss"
|
||||
"date_time_fns": "YYYY\u5e74 M\u6708 D\u65e5 dddd \u65bc HH:mm:ss",
|
||||
"date_time_fns_short": "MMMM do, yyyy @ HH:mm"
|
||||
},
|
||||
"firefly": {
|
||||
"spent": "\u652f\u51fa",
|
||||
|
@ -22,3 +22,11 @@
|
||||
.ag-theme-firefly-iii {
|
||||
/* --ag-odd-row-background-color: #f00; */
|
||||
}
|
||||
.ag-theme-firefly-iii .ag-root {
|
||||
border:0;
|
||||
}
|
||||
.ag-theme-firefly-iii .ag-root-wrapper
|
||||
{
|
||||
border:0;
|
||||
}
|
||||
|
||||
|
@ -32,8 +32,11 @@ import '@ag-grid-community/styles/ag-grid.css';
|
||||
import '@ag-grid-community/styles/ag-theme-alpine.css';
|
||||
import '../../css/grid-ff3-theme.css';
|
||||
|
||||
import AmountEditor from "../../support/ag-grid/AmountEditor.js";
|
||||
|
||||
import TransactionDataSource from "../../support/ag-grid/TransactionDataSource.js";
|
||||
import {InfiniteRowModelModule} from '@ag-grid-community/infinite-row-model';
|
||||
import DateTimeEditor from "../../support/ag-grid/DateTimeEditor.js";
|
||||
|
||||
const ds = new TransactionDataSource();
|
||||
ds.setType('withdrawal');
|
||||
@ -45,19 +48,25 @@ document.addEventListener('cellEditRequest', () => {
|
||||
let rowImmutableStore = [];
|
||||
|
||||
let dataTable;
|
||||
const editableFields = ['description'];
|
||||
const editableFields = ['description', 'amount', 'date'];
|
||||
|
||||
const onCellEditRequestMethod = (event) => {
|
||||
console.log('onCellEditRequestMethod');
|
||||
const data = event.data;
|
||||
console.log(event);
|
||||
const field = event.colDef.field;
|
||||
const newValue = event.newValue;
|
||||
if(!editableFields.includes(field)) {
|
||||
let newValue = event.newValue;
|
||||
if (!editableFields.includes(field)) {
|
||||
console.log('Field ' + field + ' is not editable.');
|
||||
return;
|
||||
}
|
||||
|
||||
console.log('New value for field "'+field+'" in transaction journal #' + data.transaction_journal_id + ' of group #'+data.id+' is "' + newValue + '"');
|
||||
// this needs to be better
|
||||
if('amount' === field) {
|
||||
newValue = event.newValue.amount;
|
||||
console.log('New value is now' + newValue);
|
||||
}
|
||||
|
||||
console.log('New value for field "' + field + '" in transaction journal #' + data.transaction_journal_id + ' of group #' + data.id + ' is "' + newValue + '"');
|
||||
data[field] = newValue;
|
||||
let rowNode = dataTable.getRowNode(String(event.rowIndex));
|
||||
rowNode.updateData(data);
|
||||
@ -78,6 +87,16 @@ const onCellEditRequestMethod = (event) => {
|
||||
|
||||
};
|
||||
|
||||
document.addEventListener('cellValueChanged', () => {
|
||||
console.log('I just realized a cell value has changed.');
|
||||
});
|
||||
document.addEventListener('onCellValueChanged', () => {
|
||||
console.log('I just realized a cell value has changed.');
|
||||
});
|
||||
|
||||
let doOnCellValueChanged = function(e) {
|
||||
console.log('I just realized a cell value has changed.');
|
||||
};
|
||||
|
||||
const gridOptions = {
|
||||
rowModelType: 'infinite',
|
||||
@ -99,30 +118,124 @@ const gridOptions = {
|
||||
sortable: false,
|
||||
width: 40,
|
||||
cellRenderer: function (params) {
|
||||
return '<a href="#"><em class="' + params.value + '"></em></a>';
|
||||
if (params.getValue()) {
|
||||
return '<a href="./transactions/show/' + parseInt(params.value.id) + '"><em class="' + params.value.classes + '"></em></a>';
|
||||
}
|
||||
return '';
|
||||
}
|
||||
},
|
||||
{
|
||||
field: "description",
|
||||
cellDataType: 'text',
|
||||
editable: true,
|
||||
cellRenderer: function (params) {
|
||||
// cellRenderer: function (params) {
|
||||
// if (params.getValue()) {
|
||||
// return '<a href="#">' + params.getValue() + '</a>';
|
||||
// }
|
||||
// return '';
|
||||
// }
|
||||
|
||||
},
|
||||
{
|
||||
field: "amount",
|
||||
editable: function(params) {
|
||||
// only when NO foreign amount.
|
||||
return null === params.data.amount.foreign_amount && null === params.data.amount.foreign_currency_code;
|
||||
},
|
||||
cellEditor: AmountEditor,
|
||||
cellRenderer(params) {
|
||||
if (params.getValue()) {
|
||||
return '<a href="#">' + params.getValue() + '</a>';
|
||||
let returnString = '';
|
||||
let amount= parseFloat(params.getValue().amount);
|
||||
let obj = params.getValue();
|
||||
let stringClass = 'text-danger';
|
||||
if (obj.type === 'withdrawal') {
|
||||
amount = amount * -1;
|
||||
}
|
||||
if (obj.type === 'deposit') {
|
||||
stringClass = 'text-success';
|
||||
}
|
||||
if (obj.type === 'transfer') {
|
||||
stringClass = 'text-info';
|
||||
}
|
||||
returnString += '<span class="' + stringClass + '">' + formatMoney(amount, params.getValue().currency_code) + '</span>';
|
||||
|
||||
// foreign amount:
|
||||
if (obj.foreign_amount) {
|
||||
let foreignAmount= parseFloat(params.getValue().foreign_amount);
|
||||
if (obj.type === 'withdrawal') {
|
||||
foreignAmount = foreignAmount * -1;
|
||||
}
|
||||
returnString += ' (<span class="' + stringClass + '">' + formatMoney(foreignAmount, obj.foreign_currency_code) + '</span>)';
|
||||
}
|
||||
return returnString;
|
||||
}
|
||||
return '';
|
||||
}
|
||||
|
||||
},
|
||||
{field: "amount"},
|
||||
{
|
||||
field: "date",
|
||||
editable: true,
|
||||
cellDataType: 'date',
|
||||
cellEditor: DateTimeEditor,
|
||||
cellEditorPopup: true,
|
||||
cellEditorPopupPosition: 'under',
|
||||
cellRenderer(params) {
|
||||
if (params.getValue()) {
|
||||
return format(params.getValue(), i18next.t('config.date_time_fns_short'));
|
||||
}
|
||||
return '';
|
||||
}
|
||||
},
|
||||
{
|
||||
field: "from",
|
||||
cellDataType: 'text',
|
||||
cellRenderer: function (params) {
|
||||
if (params.getValue()) {
|
||||
let obj = params.getValue();
|
||||
return '<a href="./accounts/show/'+obj.id+'">' + obj.name + '</a>';
|
||||
}
|
||||
return '';
|
||||
}
|
||||
},
|
||||
{
|
||||
field: "to",
|
||||
cellDataType: 'text',
|
||||
cellRenderer: function (params) {
|
||||
if (params.getValue()) {
|
||||
let obj = params.getValue();
|
||||
return '<a href="./accounts/show/'+obj.id+'">' + obj.name + '</a>';
|
||||
}
|
||||
return '';
|
||||
}
|
||||
},
|
||||
{
|
||||
field: "category",
|
||||
cellDataType: 'text',
|
||||
cellRenderer: function (params) {
|
||||
if (params.getValue()) {
|
||||
let obj = params.getValue();
|
||||
if(null !== obj.id) {
|
||||
return '<a href="./categories/show/' + obj.id + '">' + obj.name + '</a>';
|
||||
}
|
||||
}
|
||||
return '';
|
||||
}
|
||||
},
|
||||
{
|
||||
field: "budget",
|
||||
cellDataType: 'text',
|
||||
cellRenderer: function (params) {
|
||||
if (params.getValue()) {
|
||||
let obj = params.getValue();
|
||||
if(null !== obj.id) {
|
||||
return '<a href="./budgets/show/' + obj.id + '">' + obj.name + '</a>';
|
||||
}
|
||||
}
|
||||
return '';
|
||||
}
|
||||
},
|
||||
{field: "from"},
|
||||
{field: "to"},
|
||||
{field: "category"},
|
||||
{field: "budget"},
|
||||
]
|
||||
};
|
||||
|
||||
|
110
resources/assets/v2/support/ag-grid/AmountEditor.js
Normal file
110
resources/assets/v2/support/ag-grid/AmountEditor.js
Normal file
@ -0,0 +1,110 @@
|
||||
/*
|
||||
* AmountEditor.js
|
||||
* Copyright (c) 2024 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 Put from "../../api/v2/model/transaction/put.js";
|
||||
|
||||
export default class AmountEditor {
|
||||
|
||||
init(params) {
|
||||
|
||||
document.addEventListener('cellValueChanged', () => {
|
||||
console.log('I just realized a cell value has changed.');
|
||||
});
|
||||
|
||||
console.log('AmountEditor.init');
|
||||
this.params = params;
|
||||
this.originalValue = params.value;
|
||||
this.eGui = document.createElement('div');
|
||||
|
||||
this.input = document.createElement('input');
|
||||
this.input.type = 'number';
|
||||
this.input.min = '0';
|
||||
this.input.step = 'any';
|
||||
this.input.style.overflow = 'hidden';
|
||||
this.input.style.textOverflow = 'ellipsis';
|
||||
this.input.autofocus = true;
|
||||
this.input.value = parseFloat(params.value.amount).toFixed(params.value.decimal_places);
|
||||
|
||||
//this.input.onchange = function(e) { this.onChange(e, params);}
|
||||
// params.onValueChange;
|
||||
//this.input.onblur = params.onValueChange;
|
||||
|
||||
// this.input.onblur = function () {
|
||||
// params.stopEditing();
|
||||
// };
|
||||
|
||||
// this.eGui.innerHTML = `<input
|
||||
// type="number" min="0"
|
||||
// onChange="params.onValueChange"
|
||||
// step="any" style="overflow: hidden; text-overflow: ellipsis" value="${parseFloat(params.value.amount).toFixed(params.value.decimal_places)}" />`;
|
||||
}
|
||||
onChange(e) {
|
||||
console.log('AmountEditor.onChange');
|
||||
this.params.onValueChange(e);
|
||||
this.params.stopEditing(e);
|
||||
}
|
||||
|
||||
// focus and select can be done after the gui is attached
|
||||
afterGuiAttached() {
|
||||
this.input.focus();
|
||||
this.input.select();
|
||||
}
|
||||
|
||||
|
||||
getGui() {
|
||||
console.log('AmountEditor.getGui');
|
||||
this.eGui.appendChild(this.input);
|
||||
return this.eGui;
|
||||
}
|
||||
|
||||
getValue() {
|
||||
console.log('AmountEditor.getValue');
|
||||
this.originalValue.amount = parseFloat(this.input.value);
|
||||
|
||||
// needs a manual submission to Firefly III here.
|
||||
this.submitAmount(this.originalValue);
|
||||
|
||||
|
||||
return this.originalValue;
|
||||
}
|
||||
|
||||
submitAmount(value) {
|
||||
console.log('AmountEditor.submitAmount');
|
||||
console.log(value);
|
||||
const newValue = value.amount;
|
||||
console.log('New value for field "amount" in transaction journal #' + value.transaction_journal_id + ' of group #' + value.id + ' is "' + newValue + '"');
|
||||
|
||||
// push update to Firefly III over API:
|
||||
let submission = {
|
||||
transactions: [
|
||||
{
|
||||
transaction_journal_id: value.transaction_journal_id,
|
||||
amount: newValue
|
||||
}
|
||||
]
|
||||
};
|
||||
|
||||
let putter = new Put();
|
||||
putter.put(submission, {id: value.id});
|
||||
}
|
||||
|
||||
}
|
84
resources/assets/v2/support/ag-grid/DateTimeEditor.js
Normal file
84
resources/assets/v2/support/ag-grid/DateTimeEditor.js
Normal file
@ -0,0 +1,84 @@
|
||||
/*
|
||||
* AmountEditor.js
|
||||
* Copyright (c) 2024 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 Put from "../../api/v2/model/transaction/put.js";
|
||||
import format from "../../util/format.js";
|
||||
|
||||
export default class DateTimeEditor {
|
||||
|
||||
init(params) {
|
||||
console.log('DateTimeEditor.init');
|
||||
this.params = params;
|
||||
this.originalValue = params.value;
|
||||
this.eGui = document.createElement('div');
|
||||
|
||||
this.input = document.createElement('input');
|
||||
this.input.type = 'datetime-local';
|
||||
this.input.style.overflow = 'hidden';
|
||||
this.input.style.textOverflow = 'ellipsis';
|
||||
this.input.value = format(params.value, 'yyyy-MM-dd HH:mm');
|
||||
}
|
||||
onChange(e) {
|
||||
console.log('DateTimeEditor.onChange');
|
||||
this.params.onValueChange(e);
|
||||
this.params.stopEditing(e);
|
||||
}
|
||||
|
||||
// focus and select can be done after the gui is attached
|
||||
afterGuiAttached() {
|
||||
this.input.focus();
|
||||
}
|
||||
|
||||
getGui() {
|
||||
console.log('DateTimeEditor.getGui');
|
||||
this.eGui.appendChild(this.input);
|
||||
return this.eGui;
|
||||
}
|
||||
|
||||
getValue() {
|
||||
console.log('DateTimeEditor.getValue');
|
||||
this.originalValue = this.input.value;
|
||||
|
||||
return this.originalValue;
|
||||
}
|
||||
|
||||
submitAmount(value) {
|
||||
console.log('AmountEditor.submitAmount');
|
||||
console.log(value);
|
||||
const newValue = value.amount;
|
||||
console.log('New value for field "amount" in transaction journal #' + value.transaction_journal_id + ' of group #' + value.id + ' is "' + newValue + '"');
|
||||
|
||||
// push update to Firefly III over API:
|
||||
let submission = {
|
||||
transactions: [
|
||||
{
|
||||
transaction_journal_id: value.transaction_journal_id,
|
||||
amount: newValue
|
||||
}
|
||||
]
|
||||
};
|
||||
|
||||
let putter = new Put();
|
||||
putter.put(submission, {id: value.id});
|
||||
}
|
||||
|
||||
}
|
@ -65,6 +65,7 @@ export default class TransactionDataSource {
|
||||
|
||||
let entry = {};
|
||||
// split info
|
||||
|
||||
entry.split = isSplit;
|
||||
entry.firstSplit = firstSplit;
|
||||
|
||||
@ -78,11 +79,45 @@ export default class TransactionDataSource {
|
||||
// create actual transaction:
|
||||
entry.id = parseInt(current.id);
|
||||
entry.transaction_journal_id = parseInt(transaction.transaction_journal_id);
|
||||
entry.icon = 'fa fa-solid fa-arrow-left';
|
||||
entry.date = new Date(transaction.date);
|
||||
entry.description = transaction.description;
|
||||
entry.date = new Date(transaction.date);
|
||||
|
||||
// complex fields
|
||||
entry.from = {
|
||||
name: transaction.source_name,
|
||||
id: transaction.source_id,
|
||||
type: transaction.source_type,
|
||||
};
|
||||
entry.to = {
|
||||
name: transaction.destination_name,
|
||||
id: transaction.destination_id,
|
||||
type: transaction.destination_type,
|
||||
};
|
||||
entry.category = {
|
||||
name: transaction.category_name,
|
||||
id: transaction.category_id,
|
||||
};
|
||||
entry.budget = {
|
||||
name: transaction.budget_name,
|
||||
id: transaction.budget_id,
|
||||
};
|
||||
|
||||
entry.amount = {
|
||||
id: parseInt(current.id),
|
||||
transaction_journal_id: parseInt(transaction.transaction_journal_id),
|
||||
type: transaction.type,
|
||||
amount: transaction.amount,
|
||||
currency_code: transaction.currency_code,
|
||||
decimal_places: transaction.currency_decimal_places,
|
||||
foreign_amount: transaction.foreign_amount,
|
||||
foreign_currency_code: transaction.foreign_currency_code,
|
||||
foreign_decimal_places: transaction.foreign_currency_decimal_places,
|
||||
};
|
||||
|
||||
entry.icon = {classes: 'fa fa-solid fa-arrow-left', id: entry.id};
|
||||
|
||||
// set firstSplit = false for next run if applicable.
|
||||
//console.log(transaction);
|
||||
firstSplit = false;
|
||||
transactions.push(entry);
|
||||
}
|
||||
|
@ -46,6 +46,7 @@ return [
|
||||
// 'date_time' => '%B %e, %Y, @ %T',
|
||||
'date_time_js' => 'MMMM Do, YYYY, @ HH:mm:ss',
|
||||
'date_time_fns' => 'MMMM do, yyyy @ HH:mm:ss',
|
||||
'date_time_fns_short' => 'MMMM do, yyyy @ HH:mm',
|
||||
|
||||
// 'specific_day' => '%e %B %Y',
|
||||
'specific_day_js' => 'D MMMM YYYY',
|
||||
|
@ -55,7 +55,7 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<div class="card-body p-0">
|
||||
<div id="grid" class="ag-theme-alpine-auto-dark ag-theme-firefly-iii" style="height: 500px">
|
||||
|
||||
</div>
|
||||
|
Loading…
Reference in New Issue
Block a user