#749 - account select: show balance for every account

BudgetMasterServer/src/main/resources/static/css/style.css

@@ -375,9 +375,18 @@ input[type="radio"]:checked + span::after, [type="radio"].with-gap:checked + spa
     border: 3px solid var(--color-grey);
 }
 
+.global-account-select-option-column-2 {
+    display: flex;
+    flex-direction: column;
+    margin-left: 2rem;
+}
+
 .global-account-select-option-name {
     font-size: 1.4rem;
-    margin-left: 2rem;
+}
+
+.global-account-select-option-balance {
+    font-size: 1.4rem;
 }
 
 .global-account-select-option-content {

BudgetMasterServer/src/main/resources/templates/globalAccountSelectModal.ftl

@@ -3,6 +3,7 @@
 <#import "helpers/header.ftl" as header>
 <#import "helpers/customSelectMacros.ftl" as customSelectMacros>
 
+<@header.globals/>
 
 <div id="modalGlobalAccountSelect" class="modal modal-fixed-footer background-color-light">
     <div class="modal-content">
@@ -39,7 +40,15 @@
                             </#if>
                             <div class="global-account-select-option-content">
                                 <@customSelectMacros.accountIcon account accountName "category-circle-preview account-icon-big"/>
+                                <div class="global-account-select-option-column-2">
                                     <div class="global-account-select-option-name truncate">${accountName}</div>
+                                    <#assign accountBudget = helpers.getAccountBudgetByID(account.getID())/>
+                                    <#if accountBudget <= 0>
+                                        <div class="global-account-select-option-balance ${redTextColor}">${currencyService.getCurrencyString(accountBudget)}</div>
+                                    <#else>
+                                        <div class="global-account-select-option-balance ${greenTextColor}">${currencyService.getCurrencyString(accountBudget)}</div>
+                                    </#if>
+                                </div>
                             </div>
                         </div>
                     </a>

BudgetMasterServer/src/main/resources/templates/helpers/navbar.ftl

@@ -102,7 +102,7 @@
             <div class="truncate global-account-select-name text-default">${accountName}</div>
 
             <div>
-                <#assign accountBudget = helpers.getAccountBudget()/>
+                <#assign accountBudget = helpers.getCurrentAccountBudget()/>
                 <#if accountBudget <= 0>
                     <div class="global-account-select-budget ${redTextColor}">${currencyService.getCurrencyString(accountBudget)}</div>
                 <#else>