#419 - show account image if available

src/main/resources/static/css/accounts.css

@@ -43,3 +43,8 @@
 #account-icon-preview:hover {
     cursor: pointer;
 }
+
+.account-select-icon {
+    height: 34px;
+    width: 34px;
+}

src/main/resources/templates/helpers/customSelectMacros.ftl

@@ -100,13 +100,13 @@
 </#macro>
 
 <#macro accountIcon account classes="" datasetValue="">
-    <div class="category-circle ${classes} category-square" style="background-color: #FF0000" <#if datasetValue?has_content>data-value="${account.getID()}"</#if>>
-        <span style="color: #FFFFFF}">
-<#--            <#if account.getIcon()??>-->
-<#--                <i class="${category.getIcon()}"></i>-->
-<#--            <#else>-->
+    <div class="category-circle ${classes} category-square <#if account.getIcon()?? == false>background-blue</#if>" <#if datasetValue?has_content>data-value="${account.getID()}"</#if>>
+        <#if account.getIcon()??>
+            <img src="${account.getIcon().getBase64EncodedImage()}" class="account-select-icon"/>
+        <#else>
+            <span class="text-white">
                 ${account.getName()?capitalize[0]}
-<#--            </#if>-->
             </span>
+        </#if>
     </div>
 </#macro>
\ No newline at end of file

src/main/resources/templates/transactions/newTransactionNormal.ftl

@@ -15,6 +15,7 @@
         <@header.style "categories"/>
         <@header.style "collapsible"/>
         <@header.style "categorySelect"/>
+        <@header.style "accounts"/>
         <#import "/spring.ftl" as s>
     </head>
     <@header.body>

src/main/resources/templates/transactions/newTransactionRepeating.ftl

@@ -14,6 +14,7 @@
         <@header.style "datepicker"/>
         <@header.style "categories"/>
         <@header.style "categorySelect"/>
+        <@header.style "accounts"/>
         <#import "/spring.ftl" as s>
     </head>
     <@header.body>

src/main/resources/templates/transactions/newTransactionTransfer.ftl

@@ -15,6 +15,7 @@
         <@header.style "categories"/>
         <@header.style "collapsible"/>
         <@header.style "categorySelect"/>
+        <@header.style "accounts"/>
         <#import "/spring.ftl" as s>
     </head>
     <@header.body>