Mirrors/tabler
1
0
Fork 0
mirror of https://github.com/tabler/tabler.git synced 2026-07-28 14:04:38 +04:00
Code Issues Projects Releases Wiki Activity

sitamap, music components, ui fixes

Browse Source
This commit is contained in:
codecalm
2019-12-29 16:05:13 +01:00
parent 27e114613d
commit f895140273
6 changed files with 118 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
pages/_includes/cards/music/track-info.html
+19
View File
@@ -0,0 +1,19 @@
{% assign track-id = include.track-id | default: 5 %}
{% assign track = site.data.tracks[track-id] %}
<div class="card">
<div class="row row-0">
<div class="col-auto">
<img src="{{ site.base }}/img/tracks/{{ track.album.images[1].path }}" class="rounded-left" alt="{{ track.name | escape }}" width="88" height="88">
</div>
<div class="col">
<div class="card-body">
{{ track.name }}
<div class="text-muted">
{% for artist in track.artists %}
{{ artist.name }}{% unless forloop.last %},{% endunless %}
{% endfor %}
</div>
</div>
</div>
</div>
</div>
pages/_includes/cards/music/tracks-list.html
+33
View File
@@ -0,0 +1,33 @@
<div class="card">
<div class="list-group card-list-group">
{% for track in site.data.tracks limit: 12 %}
<div class="list-group-item">
<div class="row row-sm align-items-center">
<div class="col-auto text-h3">
{{ forloop.index }}
</div>
<div class="col-auto">
<img src="{{ site.base }}/img/tracks/{{ track.album.images[1].path }}" class="rounded" alt="{{ track.name | escape }}" width="48" height="48">
</div>
<div class="col">
{{ track.name }}
<div class="text-muted">
{% for artist in track.artists %}
{{ artist.name }}{% unless forloop.last %},{% endunless %}
{% endfor %}
</div>
</div>
<div class="col-auto text-muted">
{{ track.duration_ms | miliseconds_to_minutes }}
</div>
<div class="col-auto">
{% include_cached ui/icon.html icon="heart" %}
</div>
<div class="col-auto">
{% include_cached ui/icon.html icon="more-horizontal" %}
</div>
</div>
</div>
{% endfor %}
</div>
</div>