From e5fee7bcc00d2e78e1547ad752d7730ca29d3cd2 Mon Sep 17 00:00:00 2001
From: Ny11 <Ny11>
Date: Wed, 20 Feb 2019 18:31:13 +0100
Subject: [PATCH] Testing-commit for the accordion extension
*Basically just a demonstration on how accordions work for tables
*The button-to-be needs to be a diff and have an unique id and the accordion class
*The section that is toggled should have the same if as the button, with 'accHidden' appended at the end. The accHidden class may or may not be required. The style properties are there to ensure the elements starts out hidden
*This code currently does not respect accordion settings
---
src/js/utilJS.js | 6 ++++--
1 file changed, 4 insertions(+), 2 deletions(-)
diff --git a/src/js/utilJS.js b/src/js/utilJS.js
index 68ea053731c..4fb11072b17 100644
--- a/src/js/utilJS.js
+++ b/src/js/utilJS.js
@@ -552,7 +552,7 @@ window.budgetLine = function(category, title) {
profits = "$lastWeeksCashProfits";
return`<<if ${income}.${category} || ${expenses}.${category}>><tr>\
- <td>${title}</td>\
+ <td><div id="${category}" class= "accordion"> ${title}</div></td>\
<td>\
<<if (${income}.${category}) > 0>>\
@@.yellowgreen;<<print cashFormat(${income}.${category})>>@@\ /*please don't put a plus sign in front of income, it's not done on a budget sheet. Safe to assume money is money unless it's in parenthesis or with a - sign.*/
@@ -577,7 +577,9 @@ window.budgetLine = function(category, title) {
<<print cashFormat(${profits}.${category})>>\
<</if>>\
</td>\
- </tr><</if>>`;
+ </tr>\
+ <tr id="${category}accHidden" class="accHidden" style="display:none;">\<td>\Label</td>\<td>\@@.yellowgreen;<<print cashFormat(12)>>@@</td>\<td>\@@.red;-<<print cashFormat(7)>>@@</td>\<td>\@@.yellowgreen;<<print cashFormat(5)>>@@</td>\</tr>\
+ <</if>>`;
}
};
--
GitLab