This repository has been archived on 2022-01-02. You can view files and clone it, but cannot push or open issues or pull requests.
AriaNg/app/views/task-detail.html

218 lines
13 KiB
HTML
Raw Normal View History

2016-05-23 19:06:50 +02:00
<section class="content no-padding">
<div class="nav-tabs-custom">
<ul class="nav nav-tabs">
<li ng-class="{'active': context.currentTab == 'overview'}">
<a class="pointer-cursor" ng-click="context.currentTab = 'overview'" translate>Overview</a>
</li>
<li ng-class="{'active': context.currentTab == 'blocks'}">
<a class="pointer-cursor" ng-click="context.currentTab = 'blocks'" translate>Blocks</a>
2016-05-23 19:06:50 +02:00
</li>
<li ng-class="{'active': context.currentTab == 'filelist'}">
<a class="pointer-cursor" ng-click="context.currentTab = 'filelist'" translate>File List</a>
</li>
2016-06-01 18:02:10 +02:00
<li ng-class="{'active': context.currentTab == 'btpeers'}" ng-if="task && task.status == 'active' && task.bittorrent">
<a class="pointer-cursor" ng-click="context.currentTab = 'btpeers'" translate>Peers</a>
2016-05-23 19:06:50 +02:00
</li>
2016-06-01 18:02:10 +02:00
<li ng-class="{'active': context.currentTab == 'settings'}" ng-if="task && (task.status == 'active' || task.status == 'waiting' || task.status == 'paused')" class="slim">
2016-05-29 07:30:22 +02:00
<a class="pointer-cursor" ng-click="context.currentTab = 'settings';loadTaskOption(task);">
<i class="fa fa-gear"></i>
</a>
</li>
2016-05-23 19:06:50 +02:00
</ul>
<div class="tab-content no-padding">
<div class="tab-pane" ng-class="{'active': context.currentTab == 'overview'}">
2016-05-26 16:51:10 +02:00
<div class="settings-table settings-table-firstrow-noborder">
2016-05-23 19:06:50 +02:00
<div class="row">
<div class="setting-key col-sm-4">
<span translate>File Name</span>
</div>
<div class="setting-value col-sm-8">
<span ng-bind="task.taskName"></span>
</div>
</div>
2016-05-31 16:51:12 +02:00
<div class="row" ng-if="task">
2016-05-23 19:06:50 +02:00
<div class="setting-key col-sm-4">
<span translate>File Size</span>
</div>
<div class="setting-value col-sm-8">
<span ng-bind="task.totalLength | readableVolumn"></span>
2016-06-04 08:05:37 +02:00
<span ng-if="task.files" ng-bind="('format.settings.file-count' | translate: {count: task.files.length})"></span>
2016-05-23 19:06:50 +02:00
</div>
</div>
2016-05-31 16:51:12 +02:00
<div class="row" ng-if="task">
2016-05-23 19:06:50 +02:00
<div class="setting-key col-sm-4">
<span translate>Task Status</span>
</div>
<div class="setting-value col-sm-8">
2016-06-04 08:05:37 +02:00
<span ng-bind="task | taskStatus | translate: {errorcode: task.errorCode}"></span>
2016-05-23 19:06:50 +02:00
</div>
</div>
2016-05-31 16:51:12 +02:00
<div class="row" ng-if="task && task.status == 'error' && task.errorMessage">
<div class="setting-key col-sm-4">
<span translate>Error Description</span>
</div>
<div class="setting-value col-sm-8">
<span ng-bind="task.errorMessage"></span>
</div>
</div>
2016-05-31 16:51:12 +02:00
<div class="row" ng-if="task">
2016-05-23 19:06:50 +02:00
<div class="setting-key col-sm-4">
<span ng-bind="('Completed Percent' | translate) + (task.status == 'active' && task.bittorrent ? ' (' + ('Health Percent' | translate) + ')' : '')"></span>
2016-05-23 19:06:50 +02:00
</div>
<div class="setting-value col-sm-8">
<span ng-bind="(task.completePercent | percent: 2) + '%' + (task.status == 'active' && task.bittorrent ? ' (' + (healthPercent | percent: 2) + '%' + ')' : '')"></span>
</div>
</div>
2016-05-31 16:51:12 +02:00
<div class="row" ng-if="task">
2016-05-23 19:06:50 +02:00
<div class="setting-key col-sm-4">
<span translate>Download</span>
</div>
<div class="setting-value col-sm-8">
<span ng-bind="(task.completedLength | readableVolumn) + (task.status == 'active' ? ' @ ' + (task.downloadSpeed | readableVolumn) + '/s' : '')"></span>
</div>
</div>
2016-05-31 16:51:12 +02:00
<div class="row" ng-if="task && task.bittorrent">
2016-05-23 19:06:50 +02:00
<div class="setting-key col-sm-4">
<span translate>Upload</span>
</div>
<div class="setting-value col-sm-8">
<span ng-bind="(task.uploadLength | readableVolumn) + (task.status == 'active' ? ' @ ' + (task.uploadSpeed | readableVolumn) + '/s' : '')"></span>
</div>
</div>
2016-05-31 16:51:12 +02:00
<div class="row" ng-if="task && task.status == 'active' && task.completedLength < task.totalLength">
2016-05-23 19:06:50 +02:00
<div class="setting-key col-sm-4">
<span translate>Remain Time</span>
</div>
<div class="setting-value col-sm-8">
<span ng-bind="0 <= task.remainTime && task.remainTime < 86400? (task.remainTime | dateDuration: 'second': 'HH:mm:ss') : ('More Than One Day' | translate)"></span>
</div>
</div>
2016-05-31 16:51:12 +02:00
<div class="row" ng-if="task && task.infoHash">
2016-05-23 19:06:50 +02:00
<div class="setting-key col-sm-4">
<span translate>Info Hash</span>
</div>
<div class="setting-value col-sm-8">
<span ng-bind="task.infoHash"></span>
</div>
</div>
2016-05-31 16:51:12 +02:00
<div class="row" ng-if="task && task.status == 'active'">
2016-05-23 19:06:50 +02:00
<div class="setting-key col-sm-4">
<span ng-bind="(task.bittorrent ? ('Seeders' | translate) + ' / ' : '') + ('Connections' | translate)">Connections</span>
</div>
<div class="setting-value col-sm-8">
<span ng-bind="(task.numSeeders ? (task.numSeeders + ' / ') : '') + task.connections"></span>
</div>
</div>
2016-05-31 16:51:12 +02:00
<div class="row" ng-if="task">
2016-05-23 19:06:50 +02:00
<div class="setting-key col-sm-4">
<span translate>Download Dir</span>
</div>
<div class="setting-value col-sm-8">
<span ng-bind="task.dir"></span>
</div>
</div>
</div>
</div>
<div class="tab-pane" ng-class="{'active': context.currentTab == 'blocks'}">
2016-05-23 19:06:50 +02:00
</div>
<div class="tab-pane" ng-class="{'active': context.currentTab == 'filelist'}">
2016-05-26 16:51:10 +02:00
<div class="task-table task-table-firstrow-noborder">
2016-05-23 19:06:50 +02:00
<div class="task-table-title hidden-xs">
<div class="row">
<div class="col-sm-8">
2016-05-25 18:09:00 +02:00
<a ng-click="changeFileListDisplayOrder('name:asc', true)" translate>File Name</a>
2016-05-28 18:16:32 +02:00
<i class="fa" ng-class="{'fa-sort-asc fa-order-asc': isSetFileListDisplayOrder('name:asc'), 'fa-sort-desc fa-order-desc': isSetFileListDisplayOrder('name:desc')}"></i>
2016-05-23 19:06:50 +02:00
</div>
<div class="col-sm-2">
2016-05-25 18:09:00 +02:00
<a ng-click="changeFileListDisplayOrder('percent:desc', true)" translate>Completed Percent</a>
2016-05-28 18:16:32 +02:00
<i class="fa" ng-class="{'fa-sort-asc fa-order-asc': isSetFileListDisplayOrder('percent:asc'), 'fa-sort-desc fa-order-desc': isSetFileListDisplayOrder('percent:desc')}"></i>
2016-05-23 19:06:50 +02:00
</div>
<div class="col-sm-2">
2016-05-25 18:09:00 +02:00
<a ng-click="changeFileListDisplayOrder('size:asc', true)" translate>File Size</a>
2016-05-28 18:16:32 +02:00
<i class="fa" ng-class="{'fa-sort-asc fa-order-asc': isSetFileListDisplayOrder('size:asc'), 'fa-sort-desc fa-order-desc': isSetFileListDisplayOrder('size:desc')}"></i>
2016-05-23 19:06:50 +02:00
</div>
</div>
</div>
<div class="task-table-body">
<div class="row" ng-repeat="file in task.files | fileOrderBy: getFileListOrderType()">
2016-05-23 19:06:50 +02:00
<div class="col-sm-8">
2016-05-29 17:27:47 +02:00
<div class="checkbox checkbox-primary">
2016-05-29 07:01:05 +02:00
<input id="{{'file_' + $index}}" type="checkbox" ng-checked="file.selected == 'true'" disabled="disabled"/>
<label for="{{'file_' + $index}}" ng-bind="file.fileName"></label>
</div>
2016-05-23 19:06:50 +02:00
</div>
<div class="col-sm-2">
<div class="progress">
<div class="progress-bar progress-bar-primary" role="progressbar"
aria-valuenow="{{file.completePercent}}" aria-valuemin="1"
aria-valuemax="100" ng-style="{ width: file.completePercent + '%' }">
<span ng-class="{'progress-lower': file.completePercent < 50}"
ng-bind="(file.completePercent | percent: 2) + '%'"></span>
</div>
</div>
</div>
<div class="col-sm-2">
<span class="task-size" ng-bind="file.length | readableVolumn"></span>
</div>
</div>
</div>
</div>
</div>
2016-06-01 18:02:10 +02:00
<div class="tab-pane" ng-class="{'active': context.currentTab == 'btpeers'}" ng-if="task && task.status == 'active' && task.bittorrent">
2016-05-26 16:51:10 +02:00
<div class="task-table task-table-firstrow-noborder">
2016-05-23 19:06:50 +02:00
<div class="task-table-title hidden-xs">
<div class="row">
<div class="col-sm-3">
<span translate>Address</span>
</div>
<div class="col-sm-3">
<span translate>Status</span>
</div>
<div class="col-sm-2 col-xs-4">
<span translate>Percent</span>
</div>
<div class="col-sm-4 col-xs-4">
<span translate>Download / Upload Speed</span>
2016-05-23 19:06:50 +02:00
</div>
</div>
</div>
<div class="task-table-body">
<div class="row" ng-repeat="peer in peers">
<div class="col-sm-3">
<span ng-bind="peer.ip + ':' + peer.port"></span>
</div>
<div class="col-sm-3">
</div>
<div class="col-sm-2 col-xs-4">
<span ng-bind="(peer.completePercent | percent: 2) + '%'"></span>
</div>
<div class="col-sm-4 col-xs-8">
2016-05-28 18:16:32 +02:00
<div class="task-peer-download-speed">
<i class="fa fa-arrow-down"></i>
<span ng-bind="(peer.downloadSpeed | readableVolumn) + '/s'"></span>&nbsp;
<i class="fa fa-arrow-up"></i>
<span ng-bind="(peer.uploadSpeed | readableVolumn) + '/s'"></span>
</div>
</div>
</div>
<div class="row" ng-if="!peers || peers.length < 1">
<div class="col-sm-12 text-center">
<span translate>No connected peers</span>
2016-05-23 19:06:50 +02:00
</div>
</div>
</div>
</div>
</div>
2016-06-01 18:02:10 +02:00
<div class="tab-pane" ng-class="{'active': context.currentTab == 'settings'}" ng-if="task && (task.status == 'active' || task.status == 'waiting' || task.status == 'paused')">
2016-05-29 07:30:22 +02:00
<div class="settings-table settings-table-firstrow-noborder">
2016-06-01 18:02:10 +02:00
<ng-setting ng-repeat="option in availableOptions" option="option"
2016-06-02 18:16:27 +02:00
ng-model="options[option.key]" on-change-value="setOption(key, value, optionStatus)"></ng-setting>
2016-05-29 07:30:22 +02:00
</div>
</div>
2016-05-23 19:06:50 +02:00
</div>
</div><!-- /.nav-tabs-custom -->
</section>