2013-07-28 23:51:35 +02:00
|
|
|
<div class="dashboard">
|
|
|
|
<section class="recent-tracks">
|
|
|
|
<div>
|
|
|
|
<h1>
|
|
|
|
<a href="#"><i class="icon-music"></i> see more</a>
|
|
|
|
The Newest Tunes
|
|
|
|
</h1>
|
|
|
|
<ul class="tracks-listing stretch-to-bottom">
|
|
|
|
<li ng-repeat="track in recentTracks">
|
2013-07-31 13:47:16 +02:00
|
|
|
<div class="image">
|
|
|
|
<a href="#" class="play-button"><i class="icon-play"></i></a>
|
|
|
|
<img ng-src="{{track.covers.thumbnail}}" />
|
|
|
|
</div>
|
2013-07-28 23:51:35 +02:00
|
|
|
<div class="icons">
|
|
|
|
<span><i ng-class="{'icon-microphone-off': !track.is_vocal, 'icon-microphone': track.is_vocal}"></i></span>
|
|
|
|
<a href="#"><i class="icon-star-empty"></i></a>
|
|
|
|
</div>
|
2013-07-31 13:47:16 +02:00
|
|
|
<a class="info" href="{{track.url}}">
|
|
|
|
<span class="title">{{track.title}}</span>
|
|
|
|
<span class="metadata">
|
|
|
|
by: <span class="artist">{{track.user.name}}</span> /
|
|
|
|
<span class="genre">{{track.genre.name}}</span> /
|
|
|
|
{{track.published_at.date | momentFromNow}}
|
|
|
|
</span>
|
|
|
|
</a>
|
2013-07-28 23:51:35 +02:00
|
|
|
</li>
|
|
|
|
</ul>
|
|
|
|
</div>
|
|
|
|
</section>
|
|
|
|
<section class="popular">
|
|
|
|
<div>
|
|
|
|
<h1>
|
|
|
|
<a href="#"><i class="icon-star"></i> see more</a>
|
|
|
|
What's Popular Today
|
|
|
|
</h1>
|
|
|
|
<ul class="tracks-listing stretch-to-bottom">
|
|
|
|
<li ng-repeat="track in recentTracks">
|
2013-07-31 13:47:16 +02:00
|
|
|
<div class="image">
|
|
|
|
<a href="#" class="play-button"><i class="icon-play"></i></a>
|
|
|
|
<img ng-src="{{track.covers.thumbnail}}" />
|
|
|
|
</div>
|
2013-07-28 23:51:35 +02:00
|
|
|
<div class="icons">
|
|
|
|
<span><i ng-class="{'icon-microphone-off': !track.is_vocal, 'icon-microphone': track.is_vocal}"></i></span>
|
|
|
|
<a href="#"><i class="icon-star-empty"></i></a>
|
|
|
|
</div>
|
2013-07-31 13:47:16 +02:00
|
|
|
<a class="info" href="{{track.url}}">
|
|
|
|
<span class="title">{{track.title}}</span>
|
|
|
|
<span class="metadata">
|
|
|
|
by: <span class="artist">{{track.user.name}}</span> /
|
|
|
|
<span class="genre">{{track.genre.name}}</span> /
|
|
|
|
{{track.published_at.date | momentFromNow}}
|
|
|
|
</span>
|
|
|
|
</a>
|
2013-07-28 23:51:35 +02:00
|
|
|
</li>
|
|
|
|
</ul>
|
|
|
|
</div>
|
|
|
|
</section>
|
|
|
|
</div>
|