simon/AriaNg
Archived
1
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

modify error task style in task list page

Browse source
This commit is contained in:
MaysWind 2016-10-30 21:19:49 +08:00
parent fb86a5025c
commit 2d4286363e
3 changed files with 16 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
src/scripts/services/aria2RpcService.js
View file

@ -205,7 +205,8 @@
'connections', 'connections',
'numSeeders', 'numSeeders',
'seeder', 'seeder',
'status' 'status',
'errorCode'
]; ];
}, },
getFullTaskParams: function () { getFullTaskParams: function () {

11
src/styles/theme/default.css
View file

@ -221,6 +221,10 @@
background-color: #208fe5; background-color: #208fe5;
} }
.skin-aria-ng .progress-bar-warning {
background-color: #f39c12;
}
.skin-aria-ng .icon-primary { .skin-aria-ng .icon-primary {
color: #3c8dbc; color: #3c8dbc;
} }
@ -235,7 +239,12 @@
.skin-aria-ng .icon-seeder { .skin-aria-ng .icon-seeder {
margin-left: 4px; margin-left: 4px;
color: #da412c; color: #74a329;
}
.skin-aria-ng .icon-error {
margin-left: 4px;
color: #dd4b39;
} }
.skin-aria-ng .icon-expand { .skin-aria-ng .icon-expand {

7
src/views/list.html
View file

@ -39,18 +39,19 @@
<input id="{{'task_' + task.gid}}" type="checkbox" ng-model="taskContext.selected[task.gid]"/> <input id="{{'task_' + task.gid}}" type="checkbox" ng-model="taskContext.selected[task.gid]"/>
<label for="{{'task_' + task.gid}}"> <label for="{{'task_' + task.gid}}">
<span class="task-name auto-ellipsis" ng-bind="task.taskName" title="{{task.taskName}}"></span> <span class="task-name auto-ellipsis" ng-bind="task.taskName" title="{{task.taskName}}"></span>
</label><i class="icon-seeder fa fa-angle-double-up" ng-if="task && task.status == 'active' && task.seeder" title="{{'Seeding' | translate}}"></i> </label>
</div> </div>
<div class="task-files"> <div class="task-files">
<span ng-bind="task.totalLength | readableVolumn"></span> <span ng-bind="task.totalLength | readableVolumn"></span>
<a ng-href="#/task/detail/{{task.gid}}"> <a ng-href="#/task/detail/{{task.gid}}">
<span ng-if="task.files" ng-bind="('format.settings.file-count' | translate: {count: task.selectedFileCount})"></span> <span ng-if="task.files" ng-bind="('format.settings.file-count' | translate: {count: task.selectedFileCount})"></span>
</a> </a><i class="icon-error fa fa-times" ng-if="task && task.status == 'error' && task.errorDescription" title="{{task.errorDescription | translate}}"></i><i class="icon-seeder fa fa-arrow-up" ng-if="task && task.status == 'active' && task.seeder" title="{{'Seeding' | translate}}"></i>
</div> </div>
</div> </div>
<div class="col-md-2 col-sm-3 col-xs-12"> <div class="col-md-2 col-sm-3 col-xs-12">
<div class="progress"> <div class="progress">
<div class="progress-bar progress-bar-primary" role="progressbar" <div class="progress-bar" role="progressbar"
ng-class="{'progress-bar-primary': task.status != 'error', 'progress-bar-warning': task.status == 'error'}"
aria-valuenow="{{task.completePercent}}" aria-valuemin="1" aria-valuenow="{{task.completePercent}}" aria-valuemin="1"
aria-valuemax="100" ng-style="{ width: task.completePercent + '%' }"> aria-valuemax="100" ng-style="{ width: task.completePercent + '%' }">
<span ng-class="{'progress-lower': task.completePercent < 50}" <span ng-class="{'progress-lower': task.completePercent < 50}"