feat(torrents): show seed or leech progress stats in home torrent list

This commit is contained in:
OldHawk
2017-11-03 16:53:09 +08:00
parent 60c1b0c057
commit 98cdc94e2b
3 changed files with 70 additions and 5 deletions

View File

@@ -22,12 +22,12 @@
scope.$watch(attrs.torrentProgress, function (p) {
if (p && p.length > 0) {
var pt = p[0];
mtDebug.info(pt);
//mtDebug.info(pt);
var t_progressbar = ngProgressFactory.createInstance();
t_progressbar.setParent(element[0]);
t_progressbar.setAbsolute();
t_progressbar.setHeight('3px');
t_progressbar.setHeight('2px');
if(pt.peer_status === PEERSTATE_SEEDER){
t_progressbar.set(100);
t_progressbar.setColor('#ff6600');
@@ -36,12 +36,59 @@
t_progressbar.setColor('#5cb85c');
}
t_progressbar.progressbarEl.css('background-color', '#dedede');
t_progressbar.progressbarEl.css('top', '-6px');
t_progressbar.progressbarEl.css('top', '-5px');
t_progressbar.progressbarEl.css('left', '8px');
t_progressbar.progressbarEl.css('right', '8px');
//element.css('margin-bottom', '8px');
console.log(t_progressbar);
//console.log(t_progressbar);
}
});
}
}
angular.module('core')
.directive('cardProgress', cardProgress);
cardProgress.$inject = ['$compile', 'DebugConsoleService', 'ngProgressFactory'];
function cardProgress($compile, mtDebug, ngProgressFactory) {
const PEERSTATE_SEEDER = 'seeder';
const PEERSTATE_LEECHER = 'leecher';
var directive = {
restrict: 'A',
replace: true,
link: link
};
return directive;
function link(scope, element, attrs) {
scope.$watch(attrs.cardProgress, function (p) {
if (p && p.length > 0) {
var pt = p[0];
//mtDebug.info(pt);
var t_progressbar = ngProgressFactory.createInstance();
t_progressbar.setParent(element[0]);
t_progressbar.setAbsolute();
t_progressbar.setHeight('2px');
if(pt.peer_status === PEERSTATE_SEEDER){
t_progressbar.set(100);
t_progressbar.setColor('#ff6600');
}else {
t_progressbar.set(pt.peer_percent);
t_progressbar.setColor('#5cb85c');
}
t_progressbar.progressbarEl.css('background-color', '#dedede');
t_progressbar.progressbarEl.css('top', '0');
//t_progressbar.progressbarEl.css('left', '8px');
//t_progressbar.progressbarEl.css('right', '8px');
//element.css('margin-bottom', '8px');
//console.log(t_progressbar);
}
});
}

View File

@@ -133,8 +133,8 @@
</tr>
</table>
</div>
<div class="torrent-tmdb-info">
<div card-progress="item.my_peers"></div>
<ul class="list-unstyled">
<li>
<span class="release-date">{{item.resource_detail_info.release_date}}</span>
@@ -193,6 +193,7 @@
</div>
<div class="newest-info">
<div card-progress="nt.my_peers"></div>
<div class="text-long">
{{$index + 1}}. {{nt.resource_detail_info.title}}
</div>
@@ -355,6 +356,7 @@
</div>
<div class="torrent-tmdb-info">
<div card-progress="item.my_peers"></div>
<ul class="list-unstyled">
<li>
<span class="se-info">S{{item.torrent_seasons}}E{{item.torrent_episodes}}</span>
@@ -413,6 +415,7 @@
</div>
<div class="newest-info">
<div card-progress="nt.my_peers"></div>
<div class="text-long">
{{$index + 1}}. {{nt.resource_detail_info.name}}
<span class="label label-se-info se-info">S{{nt.torrent_seasons}}E{{nt.torrent_episodes}}</span>
@@ -525,6 +528,7 @@
</div>
<div class="torrent-tmdb-info">
<div card-progress="item.my_peers"></div>
<ul class="list-unstyled">
<li>
<span class="release-date"
@@ -592,6 +596,7 @@
</div>
<div class="newest-info">
<div card-progress="nm.my_peers"></div>
<div class="text-long">
{{$index + 1}}. {{nm.resource_detail_info.title}}
</div>
@@ -700,6 +705,7 @@
</div>
<div class="torrent-tmdb-info">
<div card-progress="item.my_peers"></div>
<ul class="list-unstyled">
<li>
<span class="release-date"
@@ -760,6 +766,7 @@
</div>
<div class="newest-info">
<div card-progress="nm.my_peers"></div>
<div class="text-long">
{{$index + 1}}. {{nm.resource_detail_info.title}}
</div>
@@ -868,6 +875,7 @@
</div>
<div class="torrent-tmdb-info">
<div card-progress="item.my_peers"></div>
<ul class="list-unstyled">
<li>
<span class="release-date"
@@ -928,6 +936,7 @@
</div>
<div class="newest-info">
<div card-progress="nm.my_peers"></div>
<div class="text-long">
{{$index + 1}}. {{nm.resource_detail_info.title}}
</div>
@@ -1036,6 +1045,7 @@
</div>
<div class="torrent-tmdb-info">
<div card-progress="item.my_peers"></div>
<ul class="list-unstyled">
<li>
<span class="release-date"
@@ -1096,6 +1106,7 @@
</div>
<div class="newest-info">
<div card-progress="nm.my_peers"></div>
<div class="text-long">
{{$index + 1}}. {{nm.resource_detail_info.title}}
</div>
@@ -1204,6 +1215,7 @@
</div>
<div class="torrent-tmdb-info">
<div card-progress="item.my_peers"></div>
<ul class="list-unstyled">
<li>
<span class="release-date"
@@ -1264,6 +1276,7 @@
</div>
<div class="newest-info">
<div card-progress="nm.my_peers"></div>
<div class="text-long">
{{$index + 1}}. {{nm.resource_detail_info.title}}
</div>
@@ -1372,6 +1385,7 @@
</div>
<div class="torrent-tmdb-info">
<div card-progress="item.my_peers"></div>
<ul class="list-unstyled">
<li>
<span class="release-date"
@@ -1432,6 +1446,7 @@
</div>
<div class="newest-info">
<div card-progress="nm.my_peers"></div>
<div class="text-long">
{{$index + 1}}. {{nm.resource_detail_info.title}}
</div>
@@ -1540,6 +1555,7 @@
</div>
<div class="torrent-tmdb-info">
<div card-progress="item.my_peers"></div>
<ul class="list-unstyled">
<li>
<span class="release-date"
@@ -1600,6 +1616,7 @@
</div>
<div class="newest-info">
<div card-progress="nm.my_peers"></div>
<div class="text-long">
{{$index + 1}}. {{nm.resource_detail_info.title}}
</div>

View File

@@ -33,6 +33,7 @@
</div>
<div class="torrent-tmdb-info">
<div card-progress="item.my_peers"></div>
<ul class="list-unstyled">
<li>
<span class="release-date"