mirror of
https://github.com/tabler/tabler.git
synced 2025-12-21 09:24:24 +04:00
37 lines
1.2 KiB
HTML
37 lines
1.2 KiB
HTML
<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 }}/static/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">
|
|
<a href="#" class="link-secondary">{% include ui/icon.html icon="heart" %}</a>
|
|
</div>
|
|
<div class="col-auto">
|
|
<div class="dropdown">
|
|
<a href="#" class="link-secondary" data-toggle="dropdown">{% include ui/icon.html icon="dots" %}</a>
|
|
{% include ui/dropdown-menu.html right=true %}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{% endfor %}
|
|
</div>
|
|
</div>
|