From 938947d06c2ce81847e650928889e3eda1e9fdf5 Mon Sep 17 00:00:00 2001
From: krateng <git.noreply@krateng.ch>
Date: Mon, 25 Apr 2022 17:47:35 +0200
Subject: [PATCH] Added indicator for empty tile stats, fix GH-134

---
 maloja/web/jinja/icons/nodata.jinja                  | 7 +++++++
 maloja/web/jinja/partials/charts_artists_tiles.jinja | 7 ++++++-
 maloja/web/jinja/partials/charts_tracks_tiles.jinja  | 6 +++++-
 maloja/web/static/css/maloja.css                     | 4 ++++
 4 files changed, 22 insertions(+), 2 deletions(-)
 create mode 100644 maloja/web/jinja/icons/nodata.jinja

diff --git a/maloja/web/jinja/icons/nodata.jinja b/maloja/web/jinja/icons/nodata.jinja
new file mode 100644
index 0000000..dde0cbb
--- /dev/null
+++ b/maloja/web/jinja/icons/nodata.jinja
@@ -0,0 +1,7 @@
+<td style="opacity:0.5;text-align:center;">
+<svg height="96px" viewBox="0 0 24 24" width="96px">
+	<path d="M0 0h24v24H0z" fill="none"/>
+	<path d="M4.27 3L3 4.27l9 9v.28c-.59-.34-1.27-.55-2-.55-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4v-1.73L19.73 21 21 19.73 4.27 3zM14 7h4V3h-6v5.18l2 2z"/>
+</svg>
+<br/>No scrobbles yet!
+</td>
diff --git a/maloja/web/jinja/partials/charts_artists_tiles.jinja b/maloja/web/jinja/partials/charts_artists_tiles.jinja
index 78599ab..28efeda 100644
--- a/maloja/web/jinja/partials/charts_artists_tiles.jinja
+++ b/maloja/web/jinja/partials/charts_artists_tiles.jinja
@@ -9,8 +9,12 @@
 {% set charts_cycler = cycler(*charts_14) %}
 
 
+
 <table class="tiles_top"><tr>
 {% for segment in range(3) %}
+	{% if charts_14[0] is none and loop.first %}
+	{% include 'icons/nodata.jinja' %}
+	{% else %}
 	<td>
 	{% set segmentsize = segment+1 %}
 	<table class="tiles_{{ segmentsize }}x{{ segmentsize }} tiles_sub">
@@ -35,6 +39,7 @@
 			</tr>
 		{%- endfor -%}
 	</table>
-</td>
+	</td>
+	{% endif %}
 {% endfor %}
 </tr></table>
diff --git a/maloja/web/jinja/partials/charts_tracks_tiles.jinja b/maloja/web/jinja/partials/charts_tracks_tiles.jinja
index 6d597e7..90780bd 100644
--- a/maloja/web/jinja/partials/charts_tracks_tiles.jinja
+++ b/maloja/web/jinja/partials/charts_tracks_tiles.jinja
@@ -11,6 +11,9 @@
 
 <table class="tiles_top"><tr>
 {% for segment in range(3) %}
+	{% if charts_14[0] is none and loop.first %}
+	{% include 'icons/nodata.jinja' %}
+	{% else %}
 	<td>
 	{% set segmentsize = segment+1 %}
 	<table class="tiles_{{ segmentsize }}x{{ segmentsize }} tiles_sub">
@@ -35,6 +38,7 @@
 			</tr>
 		{%- endfor %}
 	</table>
-</td>
+	</td>
+	{% endif %}
 {% endfor %}
 </tr></table>
diff --git a/maloja/web/static/css/maloja.css b/maloja/web/static/css/maloja.css
index 77733d1..5235998 100644
--- a/maloja/web/static/css/maloja.css
+++ b/maloja/web/static/css/maloja.css
@@ -58,6 +58,10 @@ div.header h1 {
  settings icon
 **/
 
+svg {
+	fill: var(--text-color);
+}
+
 div#icon_bar {
 	position:fixed;
 	right:30px;