#764 - account overview: show icon if an end date is set for an account

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

@@ -493,6 +493,9 @@ input[type="radio"]:checked + span::after, [type="radio"].with-gap:checked + spa
 .placeholder-icon {
     display: inline-block;
     width: 1.3rem;
+}
+
+.placeholder-icon-right {
     margin-right: 15px;
 }
 

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

@@ -30,14 +30,20 @@
                                 <tr class="account-overview-row">
                                     <td>
                                         <#if account.getAccountState().name() == "READ_ONLY">
-                                            <div class="placeholder-icon"></div>
-                                            <i class="fas fa-lock"></i>
+                                            <div class="placeholder-icon placeholder-icon-right"></div>
+                                            <i class="fas fa-lock placeholder-icon-right"></i>
                                         <#elseif account.getAccountState().name() == "HIDDEN">
-                                            <div class="placeholder-icon"></div>
-                                            <i class="far fa-eye-slash"></i>
+                                            <div class="placeholder-icon placeholder-icon-right"></div>
+                                            <i class="far fa-eye-slash placeholder-icon-right"></i>
                                         <#else>
                                             <a href="<@s.url '/accounts/${account.getID()?c}/setAsDefault'/>" class="btn-flat no-padding text-default tooltipped" data-position="left" data-tooltip="${locale.getString("account.tooltip.default")}"><i class="material-icons left"><#if account.isDefault()>star<#else>star_border</#if></i></a>
-                                            <i class="fas fa-edit"></i>
+                                            <i class="fas fa-edit placeholder-icon-right"></i>
+                                        </#if>
+
+                                        <#if account.getEndDate()??>
+                                            <i class="fas fa-bell"></i>
+                                        <#else>
+                                            <div class="placeholder-icon"></div>
                                         </#if>
                                     </td>
                                     <td><@customSelectMacros.accountIcon account account.getName() "text-blue"/></td>