Nemcio/meanTorrent
1
0
Fork 0
mirror of https://github.com/taobataoma/meanTorrent.git synced 2026-02-06 14:39:40 +01:00
Code Issues Packages Projects Releases Wiki Activity

feat(torrents): show music disk effect in detail page

Browse Source
This commit is contained in:
OldHawk
2017-10-01 23:22:41 +08:00
parent 6f0b90d546
commit eaaa9c30b2
5 changed files with 45 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
modules/core/client/directives/music-disk.client.directive.js
View File

@@ -23,6 +23,7 @@
cir1.css('border', 'solid 2px #515151');
cir1.css('background-color', '#ddd');
cir1.css('padding', '1px');
cir1.css('cursor', 'pointer');
cir1.attr('title', attrs.alt);
var cir2 = angular.element('<div></div>');

37
modules/core/client/less/mt.less
View File

@@ -109,12 +109,47 @@ body {
/* csslint ignore:end */
}
}
.down-torrent {
margin-top: 20px;
margin-left: 40px;
margin-right: 40px;
}
.music {
max-width: 300px;
margin: 35px auto 35px auto;
overflow: hidden;
transition-property: transform, opacity;
transition-duration: 1s;
transition-timing-function: ease;
&:hover {
/* csslint ignore:start */
transform: scale(1.2);
/* csslint ignore:end */
}
&::before {
content: ' ';
padding-top: 100%; /* vertical value as 100% equals width */
float: left;
}
div {
overflow: hidden;
&::before {
content: ' ';
padding-top: 100%; /* vertical value as 100% equals width */
float: left;
}
}
}
.music-overview {
p {
> img {
max-width: 100% !important;
height: auto !important;
border: 1px solid #999;
}
}
}
}
}

2
modules/torrents/client/services/torrent-get-info.client.service.js
View File

@@ -187,7 +187,7 @@
function getMovieDirector(item) {
var result = null;
if (item.resource_detail_info) {
if (item.resource_detail_info && item.resource_detail_info.credits) {
angular.forEach(item.resource_detail_info.credits.crew, function (sitem) {
if (sitem.job === 'Director') {
result = sitem.name;

4
modules/torrents/client/views/list-torrents.client.view.html
View File

@@ -6,7 +6,7 @@
<div data-ng-if="$index != 0 && $index % 6 == 0" class="clearfix visible-md-block visible-lg-block"></div>
<div class="col-xs-6 col-sm-4 col-md-2 col-small-padding">
<div class="thumbnail torrent-post-info" ng-click="vm.openTorrentInfo(item._id);">
<img class="img-responsive" ng-class="{'music': item.torrent_type=='music'}" music-disk="{{item.torrent_type=='music'}}"
<img class="img-responsive" ng-class="{'music': item.torrent_type=='music'}" music-disk="item.torrent_type=='music'"
ng-src="{{vm.TGI.getTorrentListTopImage(item)}}"
alt="{{vm.TGI.getTorrentTitle(item)}}">
@@ -155,7 +155,7 @@
<td class="col-md-7 td-text-overflow">
<div class="media">
<div class="media-left">
<img class="media-object" ng-class="{'music': item.torrent_type=='music'}" music-disk="{{item.torrent_type=='music'}}"
<img class="media-object" ng-class="{'music': item.torrent_type=='music'}" music-disk="item.torrent_type=='music'"
ng-src="{{vm.TGI.getTorrentListImage(item)}}"
alt="...">

10
modules/torrents/client/views/view-torrent.client.view.html
View File

@@ -3,17 +3,17 @@
<div class="filter">
<div class="container">
<div class="topone">
<div class="col-md-4">
<img ng-src="{{vm.TGI.getTorrentTopOneImage(vm.torrentLocalInfo)}}"
class="img-thumbnail center-block"
onload="this.style.opacity='1';">
<div class="col-md-3 text-center">
<img class="img-thumbnail center-block" ng-class="{'music': vm.torrentLocalInfo.torrent_type=='music'}" music-disk="vm.torrentLocalInfo.torrent_type=='music'"
ng-src="{{vm.TGI.getTorrentTopOneImage(vm.torrentLocalInfo)}}"
alt="{{vm.TGI.getTorrentTitle(vm.torrentLocalInfo)}}" onload="this.style.opacity='1';">
<div class="down-torrent">
<button class="btn btn-success btn-block" ng-click="vm.downloadTorrent(vm.torrentLocalInfo._id)"
translate="DOWNLOAD_TORRENT"></button>
</div>
</div>
<div class="col-md-8">
<div class="col-md-9" ng-class="{'music-overview': vm.torrentLocalInfo.torrent_type=='music'}">
<dl class="dl-horizontal">
<div ng-if="vm.TGI.getTorrentTitle(vm.torrentLocalInfo)">
<dt class="h-line">{{ 'TMDB_FIELDS.TITLE' | translate}}：</dt>