[charts] Display all top shows and channels
This commit is contained in:
@ -390,6 +390,100 @@
|
||||
<a href="{{shows.2.get_absolute_url}}"><img src="{% static "images/not-found.jpg" %}" width="150px" height="150px" style="object-fit: cover"></a>
|
||||
{% endif %}
|
||||
</div>
|
||||
<div class="image-wrapper" style="width:50%">
|
||||
<div class="caption-medium">#4 {{shows.3.name}} ({{shows.3.num_scrobbles}})</div>
|
||||
{% if shows.3.cover_image %}
|
||||
<a href="{{shows.3.get_absolute_url}}"><img lt="{{shows.3.name}}" src="{{shows.3.cover_small.url}}" width="150px" height="150px" style="object-fit: cover"></a>
|
||||
{% else %}
|
||||
<a href="{{shows.3.get_absolute_url}}"><img src="{% static "images/not-found.jpg" %}" width="150px" height="150px" style="object-fit: cover"></a>
|
||||
{% endif %}
|
||||
</div>
|
||||
<div class="image-wrapper" style="width:50%">
|
||||
<div class="caption-medium">#5 {{shows.4.name}} ({{shows.4.num_scrobbles}})</div>
|
||||
{% if shows.4.cover_image %}
|
||||
<a href="{{shows.4.get_absolute_url}}"><img lt="{{shows.4.name}}" src="{{shows.4.cover_small.url}}" width="150px" height="150px" style="object-fit: cover"></a>
|
||||
{% else %}
|
||||
<a href="{{shows.4.get_absolute_url}}"><img src="{% static "images/not-found.jpg" %}" width="150px" height="150px" style="object-fit: cover"></a>
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
{% if shows.5 %}
|
||||
<div style="float:left; width:300px;">
|
||||
<div style="display:flex; flex-wrap: wrap;">
|
||||
<div class="image-wrapper" style="width:33%">
|
||||
<div class="caption-small">#6 {{shows.5.name}}</div>
|
||||
{% if shows.5.cover_image %}
|
||||
<a href="{{shows.5.get_absolute_url}}"><img src="{{shows.5.cover_small.url}}" width="100px" height="100px" style="object-fit: cover"></a>
|
||||
{% else %}
|
||||
<a href="{{shows.5.get_absolute_url}}"><img src="{% static "images/not-found.jpg" %}" width="100px" height="100px" style="object-fit: cover"></a>
|
||||
{% endif %}
|
||||
</div>
|
||||
<div class="image-wrapper" style="width:33%">
|
||||
<div class="caption-small">#7 {{shows.6.name}}</div>
|
||||
{% if shows.6.cover_image %}
|
||||
<a href="{{shows.6.get_absolute_url}}"><img src="{{shows.6.cover_small.url}}" width="100px" height="100px" style="object-fit: cover"></a>
|
||||
{% else %}
|
||||
<a href="{{shows.6.get_absolute_url}}"><img src="{% static "images/not-found.jpg" %}" width="100px" height="100px" style="object-fit: cover"></a>
|
||||
{% endif %}
|
||||
</div>
|
||||
<div class="image-wrapper" style="width:33%">
|
||||
<div class="caption-small">#8 {{shows.7.name}}</div>
|
||||
{% if shows.7.cover_image %}
|
||||
<a href="{{shows.7.get_absolute_url}}"><img src="{{shows.7.cover_small.url}}" width="100px" height="100px" style="object-fit: cover"></a>
|
||||
{% else %}
|
||||
<a href="{{shows.7.get_absolute_url}}"><img src="{% static "images/not-found.jpg" %}" width="100px" height="100px" style="object-fit: cover"></a>
|
||||
{% endif %}
|
||||
</div>
|
||||
<div class="image-wrapper" style="width:33%">
|
||||
<div class="caption-small">#9 {{shows.8.name}}</div>
|
||||
{% if shows.8.cover_image %}
|
||||
<a href="{{shows.8.get_absolute_url}}"><img src="{{shows.8.cover_small.url}}" width="100px" height="100px" style="object-fit: cover"></a>
|
||||
{% else %}
|
||||
<a href="{{shows.8.get_absolute_url}}"><img src="{% static "images/not-found.jpg" %}" width="100px" height="100px" style="object-fit: cover"></a>
|
||||
{% endif %}
|
||||
</div>
|
||||
<div class="image-wrapper" style="width:33%">
|
||||
<div class="caption-small">#10 {{shows.9.name}}</div>
|
||||
{% if shows.9.cover_image %}
|
||||
<a href="{{shows.9.get_absolute_url}}"><img src="{{shows.9.cover_small.url}}" width="100px" height="100px" style="object-fit: cover"></a>
|
||||
{% else %}
|
||||
<a href="{{shows.9.get_absolute_url}}"><img src="{% static "images/not-found.jpg" %}" width="100px" height="100px" style="object-fit: cover"></a>
|
||||
{% endif %}
|
||||
</div>
|
||||
<div class="image-wrapper" style="width:33%">
|
||||
<div class="caption-small">#11 {{shows.10.name}}</div>
|
||||
{% if shows.10.cover_image %}
|
||||
<a href="{{shows.10.get_absolute_url}}"><img src="{{shows.10.cover_small.url}}" width="100px" height="100px" style="object-fit: cover"></a>
|
||||
{% else %}
|
||||
<a href="{{shows.10.get_absolute_url}}"><img src="{% static "images/not-found.jpg" %}" width="100px" height="100px" style="object-fit: cover"></a>
|
||||
{% endif %}
|
||||
</div>
|
||||
<div class="image-wrapper" style="width:33%">
|
||||
<div class="caption-small">#12 {{shows.11.name}}</div>
|
||||
{% if shows.11.cover_image %}
|
||||
<a href="{{shows.11.get_absolute_url}}"><img src="{{shows.11.cover_small.url}}" width="100px" height="100px" style="object-fit: cover"></a>
|
||||
{% else %}
|
||||
<a href="{{shows.11.get_absolute_url}}"><img src="{% static "images/not-found.jpg" %}" width="100px" height="100px" style="object-fit: cover"></a>
|
||||
{% endif %}
|
||||
</div>
|
||||
<div class="image-wrapper" style="width:33%">
|
||||
<div class="caption-small">#13 {{shows.12.name}}</div>
|
||||
{% if shows.12.cover_image %}
|
||||
<a href="{{shows.12.get_absolute_url}}"><img src="{{shows.12.cover_small.url}}" width="100px" height="100px" style="object-fit: cover"></a>
|
||||
{% else %}
|
||||
<a href="{{shows.12.get_absolute_url}}"><img src="{% static "images/not-found.jpg" %}" width="100px" height="100px" style="object-fit: cover"></a>
|
||||
{% endif %}
|
||||
</div>
|
||||
<div class="image-wrapper" style="width:33%">
|
||||
<div class="caption-small">#14 {{shows.13.name}}</div>
|
||||
{% if shows.13.cover_image %}
|
||||
<a href="{{shows.13.get_absolute_url}}"><img src="{{shows.13.cover_small.url}}" width="100px" height="100px" style="object-fit: cover"></a>
|
||||
{% else %}
|
||||
<a href="{{shows.13.get_absolute_url}}"><img src="{% static "images/not-found.jpg" %}" width="100px" height="100px" style="object-fit: cover"></a>
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
@ -446,6 +540,100 @@
|
||||
<a href="{{channels.2.get_absolute_url}}"><img src="{% static "images/not-found.jpg" %}" width="150px" height="150px" style="object-fit: cover"></a>
|
||||
{% endif %}
|
||||
</div>
|
||||
<div class="image-wrapper" style="width:50%">
|
||||
<div class="caption-medium">#4 {{channels.3.name}} ({{channels.3.num_scrobbles}})</div>
|
||||
{% if channels.3.cover_image %}
|
||||
<a href="{{channels.3.get_absolute_url}}"><img lt="{{channels.3.name}}" src="{{channels.3.cover_small.url}}" width="150px" height="150px" style="object-fit: cover"></a>
|
||||
{% else %}
|
||||
<a href="{{channels.3.get_absolute_url}}"><img src="{% static "images/not-found.jpg" %}" width="150px" height="150px" style="object-fit: cover"></a>
|
||||
{% endif %}
|
||||
</div>
|
||||
<div class="image-wrapper" style="width:50%">
|
||||
<div class="caption-medium">#5 {{channels.4.name}} ({{channels.4.num_scrobbles}})</div>
|
||||
{% if channels.4.cover_image %}
|
||||
<a href="{{channels.4.get_absolute_url}}"><img lt="{{channels.4.name}}" src="{{channels.4.cover_small.url}}" width="150px" height="150px" style="object-fit: cover"></a>
|
||||
{% else %}
|
||||
<a href="{{channels.4.get_absolute_url}}"><img src="{% static "images/not-found.jpg" %}" width="150px" height="150px" style="object-fit: cover"></a>
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
{% if channels.5 %}
|
||||
<div style="float:left; width:300px;">
|
||||
<div style="display:flex; flex-wrap: wrap;">
|
||||
<div class="image-wrapper" style="width:33%">
|
||||
<div class="caption-small">#6 {{channels.5.name}}</div>
|
||||
{% if channels.5.cover_image %}
|
||||
<a href="{{channels.5.get_absolute_url}}"><img src="{{channels.5.cover_small.url}}" width="100px" height="100px" style="object-fit: cover"></a>
|
||||
{% else %}
|
||||
<a href="{{channels.5.get_absolute_url}}"><img src="{% static "images/not-found.jpg" %}" width="100px" height="100px" style="object-fit: cover"></a>
|
||||
{% endif %}
|
||||
</div>
|
||||
<div class="image-wrapper" style="width:33%">
|
||||
<div class="caption-small">#7 {{channels.6.name}}</div>
|
||||
{% if channels.6.cover_image %}
|
||||
<a href="{{channels.6.get_absolute_url}}"><img src="{{channels.6.cover_small.url}}" width="100px" height="100px" style="object-fit: cover"></a>
|
||||
{% else %}
|
||||
<a href="{{channels.6.get_absolute_url}}"><img src="{% static "images/not-found.jpg" %}" width="100px" height="100px" style="object-fit: cover"></a>
|
||||
{% endif %}
|
||||
</div>
|
||||
<div class="image-wrapper" style="width:33%">
|
||||
<div class="caption-small">#8 {{channels.7.name}}</div>
|
||||
{% if channels.7.cover_image %}
|
||||
<a href="{{channels.7.get_absolute_url}}"><img src="{{channels.7.cover_small.url}}" width="100px" height="100px" style="object-fit: cover"></a>
|
||||
{% else %}
|
||||
<a href="{{channels.7.get_absolute_url}}"><img src="{% static "images/not-found.jpg" %}" width="100px" height="100px" style="object-fit: cover"></a>
|
||||
{% endif %}
|
||||
</div>
|
||||
<div class="image-wrapper" style="width:33%">
|
||||
<div class="caption-small">#9 {{channels.8.name}}</div>
|
||||
{% if channels.8.cover_image %}
|
||||
<a href="{{channels.8.get_absolute_url}}"><img src="{{channels.8.cover_small.url}}" width="100px" height="100px" style="object-fit: cover"></a>
|
||||
{% else %}
|
||||
<a href="{{channels.8.get_absolute_url}}"><img src="{% static "images/not-found.jpg" %}" width="100px" height="100px" style="object-fit: cover"></a>
|
||||
{% endif %}
|
||||
</div>
|
||||
<div class="image-wrapper" style="width:33%">
|
||||
<div class="caption-small">#10 {{channels.9.name}}</div>
|
||||
{% if channels.9.cover_image %}
|
||||
<a href="{{channels.9.get_absolute_url}}"><img src="{{channels.9.cover_small.url}}" width="100px" height="100px" style="object-fit: cover"></a>
|
||||
{% else %}
|
||||
<a href="{{channels.9.get_absolute_url}}"><img src="{% static "images/not-found.jpg" %}" width="100px" height="100px" style="object-fit: cover"></a>
|
||||
{% endif %}
|
||||
</div>
|
||||
<div class="image-wrapper" style="width:33%">
|
||||
<div class="caption-small">#11 {{channels.10.name}}</div>
|
||||
{% if channels.10.cover_image %}
|
||||
<a href="{{channels.10.get_absolute_url}}"><img src="{{channels.10.cover_small.url}}" width="100px" height="100px" style="object-fit: cover"></a>
|
||||
{% else %}
|
||||
<a href="{{channels.10.get_absolute_url}}"><img src="{% static "images/not-found.jpg" %}" width="100px" height="100px" style="object-fit: cover"></a>
|
||||
{% endif %}
|
||||
</div>
|
||||
<div class="image-wrapper" style="width:33%">
|
||||
<div class="caption-small">#12 {{channels.11.name}}</div>
|
||||
{% if channels.11.cover_image %}
|
||||
<a href="{{channels.11.get_absolute_url}}"><img src="{{channels.11.cover_small.url}}" width="100px" height="100px" style="object-fit: cover"></a>
|
||||
{% else %}
|
||||
<a href="{{channels.11.get_absolute_url}}"><img src="{% static "images/not-found.jpg" %}" width="100px" height="100px" style="object-fit: cover"></a>
|
||||
{% endif %}
|
||||
</div>
|
||||
<div class="image-wrapper" style="width:33%">
|
||||
<div class="caption-small">#13 {{channels.12.name}}</div>
|
||||
{% if channels.12.cover_image %}
|
||||
<a href="{{channels.12.get_absolute_url}}"><img src="{{channels.12.cover_small.url}}" width="100px" height="100px" style="object-fit: cover"></a>
|
||||
{% else %}
|
||||
<a href="{{channels.12.get_absolute_url}}"><img src="{% static "images/not-found.jpg" %}" width="100px" height="100px" style="object-fit: cover"></a>
|
||||
{% endif %}
|
||||
</div>
|
||||
<div class="image-wrapper" style="width:33%">
|
||||
<div class="caption-small">#14 {{channels.13.name}}</div>
|
||||
{% if channels.13.cover_image %}
|
||||
<a href="{{channels.13.get_absolute_url}}"><img src="{{channels.13.cover_small.url}}" width="100px" height="100px" style="object-fit: cover"></a>
|
||||
{% else %}
|
||||
<a href="{{channels.13.get_absolute_url}}"><img src="{% static "images/not-found.jpg" %}" width="100px" height="100px" style="object-fit: cover"></a>
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
Reference in New Issue
Block a user