1
0
Fork 0
beathaven/app/assets/javascripts/backbone/templates/artist/show.mustache

55 lines
2.0 KiB
Plaintext

<div class="artist-page">
<h1>{{artist_title}}</h1>
<div class="row artist-info">
<div class="span4 pic">
<img src="{{artist_pic}}" alt="{{artist_title}}">
</div>
<div class="span8 bio">{{& artist_bio}}</div>
</div>
<div class="albums">
{{#artist_albums}}
<div class="row album">
<div class="span4 pic">
<img src="{{album_pic}}" alt="{{album_title}}"><br>
<div class="bh-underlay-blue">
<a href="" class="btn btn-bh-dark album-add">
<i class="icon-plus"></i>
<span data-translate-contents="artist.album.add">{{i18n_add}}</span>
</a>
</div>
<!-- <div class="bh-underlay-green">
<a href="" class="btn btn-bh-dark album-play">
<i class="icon-play icon-white"></i>
<span data-translate-contents="artist.album.play">{{i18n_play}}</span>
</a>
</div> -->
</div>
<div class="span8">
<h2 class="title">{{album_title}} ({{album_year}})</h2>
<ul class="tracks">
{{#album_tracks}}
<li data-id="{{track_id}}">
<a href="" class="btn btn-round track-play" data-translate-title="artist.album.track.play" title="{{i18n_play}}">
<i class="icon-play"></i>
</a>
<a href="" class="btn btn-round track-pause" data-translate-title="artist.album.track.pause" title="{{i18n_pause}}">
<i class="icon-pause"></i>
</a>
<div class="title">
<div class="inner">
<a href="{{track_url}}" class="track-link">{{track_title}}</a>
</div>
</div>
<span class="length">{{track_length}}</span>
<a href="" class="btn btn-round track-add" data-translate-title="artist.album.track.add" title="{{i18n_add}}">
<i class="icon-plus"></i>
</a>
</li>
{{/album_tracks}}
</ul>
</div>
</div>
{{/artist_albums}}
</div>
</div>