mirror of
https://github.com/firefly-iii/firefly-iii.git
synced 2025-09-18 18:44:16 +00:00
111 lines
3.5 KiB
JavaScript
111 lines
3.5 KiB
JavaScript
/*
|
|
* 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});
|
|
}
|
|
|
|
}
|