Merge pull request #170

feat(insights:category-explorer): add empty message when there's no data or no category selected

app/templates/insights/fragments/category_explorer/charts/account.html

@@ -1,4 +1,5 @@
 {% load i18n %}
+{% if account_data.labels %}
 <div class="chart-container" style="position: relative; height:400px; width:100%" _="init call setupAccountChart() end">
   <canvas id="accountChart"></canvas>
 </div>
@@ -77,3 +78,6 @@
         );
     }
 </script>
+{% else %}
+<c-msg.empty title="{% translate "No information to display" %}"></c-msg.empty>
+{% endif %}

app/templates/insights/fragments/category_explorer/charts/currency.html

@@ -1,4 +1,5 @@
 {% load i18n %}
+{% if currency_data.labels %}
 <div class="chart-container" style="position: relative; height:400px; width:100%"
      _="init call setupCurrencyChart() end">
   <canvas id="currencyChart"></canvas>
@@ -78,3 +79,6 @@
         );
     }
 </script>
+{% else %}
+<c-msg.empty title="{% translate "No information to display" %}"></c-msg.empty>
+{% endif %}

app/templates/insights/fragments/category_explorer/index.html

@@ -8,26 +8,27 @@
 
 <div class="row row-cols-1 row-cols-lg-2 gx-3 gy-3">
   <div class="col">
-    <div class="card">
+    <div class="card h-100">
       <div class="card-header">
         {% trans "Income/Expense by Account" %}
       </div>
       <div class="card-body">
         <div id="account-card" class="show-loading" hx-get="{% url 'category_sum_by_account' %}"
              hx-trigger="updated from:window" hx-include="#category-form, #picker-form, #picker-type">
+          <c-msg.empty title="{% translate "No information to display" %}"></c-msg.empty>
         </div>
       </div>
     </div>
   </div>
   <div class="col">
-    <div class="card">
+    <div class="card h-100">
       <div class="card-header">
         {% trans "Income/Expense by Currency" %}
       </div>
       <div class="card-body">
         <div id="currency-card" class="show-loading" hx-get="{% url 'category_sum_by_currency' %}"
              hx-trigger="updated from:window" hx-include="#category-form, #picker-form, #picker-type">
-
+          <c-msg.empty title="{% translate "No information to display" %}"></c-msg.empty>
         </div>
       </div>
     </div>