modify error task style in task list page

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

View file

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

View file

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

View file

@ -39,18 +39,19 @@
<input id="{{'task_' + task.gid}}" type="checkbox" ng-model="taskContext.selected[task.gid]"/>
<label for="{{'task_' + task.gid}}">
<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 class="task-files">
<span ng-bind="task.totalLength | readableVolumn"></span>
<a ng-href="#/task/detail/{{task.gid}}">
<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 class="col-md-2 col-sm-3 col-xs-12">
<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-valuemax="100" ng-style="{ width: task.completePercent + '%' }">
<span ng-class="{'progress-lower': task.completePercent < 50}"