feat(core): list music top list and newest in home page

This commit is contained in:
OldHawk
2017-10-03 17:25:05 +08:00
parent 768a89154d
commit 54a0735e99
7 changed files with 158 additions and 4 deletions

View File

@@ -473,6 +473,123 @@
</div>
</div>
</div>
<div class="container">
<div class="row" style="padding: 0 10px;">
<div class="row-md-height">
<div class="col-md-9 col-md-height col-no-padding">
<div ng-repeat="item in vm.musicTopList">
<div data-ng-if="$index != 0 && $index % 2 == 0" class="clearfix visible-xs-block"></div>
<div data-ng-if="$index != 0 && $index % 4 == 0" class="clearfix visible-md-block visible-lg-block"></div>
<div class="col-xs-6 col-sm-3 col-md-3 col-small-padding">
<div class="thumbnail torrent-post-info" ng-click="vm.openTorrentInfo(item._id);">
<img class="img-responsive" music-disk="item.torrent_type=='music'"
ng-src="{{vm.TGI.getTorrentListTopImage(item)}}"
alt="{{vm.TGI.getTorrentTitle(item)}}">
<div class="torrent-user-info">
<table>
<tr>
<td class="text-left">
<span class="glyphicon glyphicon-arrow-up torrent-up"></span>
<span>{{item.torrent_seeds}}</span>
</td>
<td class="text-center">
<span class="glyphicon glyphicon-arrow-down torrent-down"></span>
<span>{{item.torrent_leechers}}</span>
</td>
<td class="text-right">
<span class="glyphicon glyphicon-ok torrent-finished"></span>
<span>{{item.torrent_finished}}</span>
</td>
</tr>
</table>
</div>
<div class="torrent-tmdb-info">
<ul class="list-unstyled">
<li>
<span class="release-date"
ng-if="item.resource_detail_info.artist">{{item.resource_detail_info.artist}}</span>
<span title="{{ 'TITLE_ALT.IMDB_VOTES' | translate}}"
class="pull-right torrent-votes"><kbd>{{vm.TGI.getVoteTitle(item)}}</kbd> {{item.resource_detail_info.vote_average}}</span>
</li>
</ul>
</div>
<div class="caption">
<ul class="list-unstyled">
<li class="text-long">
<strong>{{vm.TGI.getTorrentTitle(item)}}</strong>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-3 col-md-height col-small-padding" style="padding-left: 15px;">
<div class="fill-height-table">
<div class="fill-height-row" style="overflow-y: auto;">
<div class="panel panel-default panel-newest-list" ng-show="vm.musicNewList">
<div class="panel-heading"><h5>{{'NEWEST_MUSIC_LIST' | translate}}</h5></div>
<table class="table">
<tr ng-repeat="nm in vm.musicNewList" mouse-enter-toggle-class="show-big" base-class="hide-big"
ng-class="[$index > 0 ? 'hide-big' : 'show-big', $index >= 12 ? 'hide-more' : '']">
<td>
<div class="newest-item-big music-margin" ng-click="vm.openTorrentInfo(nm._id);">
<img class="img-responsive" music-disk="nm.torrent_type=='music'"
ng-src="{{vm.TGI.getTorrentListTopImage(nm)}}"
alt="{{vm.TGI.getTorrentTitle(nm)}}">
<div class="music-info">
<div>
<div><strong>{{nm.resource_detail_info.artist}}</strong></div>
<div>{{nm.resource_detail_info.subtitle}}</div>
</div>
</div>
<div class="newest-user-info">
<table>
<tr>
<td class="text-left">
<span class="glyphicon glyphicon-arrow-up torrent-up"></span>
<span>{{nm.torrent_seeds}}</span>
</td>
<td class="text-center">
<span class="glyphicon glyphicon-arrow-down torrent-down"></span>
<span>{{nm.torrent_leechers}}</span>
</td>
<td class="text-right">
<span class="glyphicon glyphicon-ok torrent-finished"></span>
<span>{{nm.torrent_finished}}</span>
</td>
</tr>
</table>
</div>
<div class="newest-info">
<div class="text-long">
{{$index + 1}}. {{nm.resource_detail_info.title}}
</div>
</div>
</div>
<div class="newest-item-small text-long">
{{$index + 1}}. {{nm.resource_detail_info.title}}
</div>
</td>
</tr>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="warning_popup" style="display: none;">