From 2d4286363e41ce633a77fb082b1ddbe059582c14 Mon Sep 17 00:00:00 2001
From: MaysWind <i@mayswind.net>
Date: Sun, 30 Oct 2016 21:19:49 +0800
Subject: [PATCH] modify error task style in task list page

---
 src/scripts/services/aria2RpcService.js |  3 ++-
 src/styles/theme/default.css            | 11 ++++++++++-
 src/views/list.html                     |  7 ++++---
 3 files changed, 16 insertions(+), 5 deletions(-)

diff --git a/src/scripts/services/aria2RpcService.js b/src/scripts/services/aria2RpcService.js
index fa78e33..1076756 100644
--- a/src/scripts/services/aria2RpcService.js
+++ b/src/scripts/services/aria2RpcService.js
@@ -205,7 +205,8 @@
                     'connections',
                     'numSeeders',
                     'seeder',
-                    'status'
+                    'status',
+                    'errorCode'
                 ];
             },
             getFullTaskParams: function () {
diff --git a/src/styles/theme/default.css b/src/styles/theme/default.css
index ab605e5..792bb9b 100644
--- a/src/styles/theme/default.css
+++ b/src/styles/theme/default.css
@@ -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 {
diff --git a/src/views/list.html b/src/views/list.html
index c4f6031..7c35b73 100644
--- a/src/views/list.html
+++ b/src/views/list.html
@@ -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}"