diff --git a/js/components/tables/task_order_list.js b/js/components/tables/task_order_list.js index b8015139..d8b6cfbd 100644 --- a/js/components/tables/task_order_list.js +++ b/js/components/tables/task_order_list.js @@ -21,7 +21,8 @@ export default { name: 'task-order-list', props: { - data: Array + data: Array, + expired: Boolean }, components: { @@ -53,7 +54,7 @@ export default { sortFunc: numericSort }, { - displayName: 'Balance', + displayName: this.expired ? 'Expired Balance' : 'Balance', attr: 'budget', class: "table-cell--align-right", sortFunc: numericSort diff --git a/styles/components/_portfolio_layout.scss b/styles/components/_portfolio_layout.scss index 23175add..6702d67d 100644 --- a/styles/components/_portfolio_layout.scss +++ b/styles/components/_portfolio_layout.scss @@ -96,4 +96,10 @@ } } } + + table { + td.unused-balance { + color: $color-red; + } + } } diff --git a/templates/portfolios/task_orders/index.html b/templates/portfolios/task_orders/index.html index 0f1df834..4951c63d 100644 --- a/templates/portfolios/task_orders/index.html +++ b/templates/portfolios/task_orders/index.html @@ -12,10 +12,11 @@ {% endmacro %} -{% macro TaskOrderList(task_orders, label='success') %} +{% macro TaskOrderList(task_orders, label='success', expired=False) %}
@@ -56,8 +57,8 @@ - - + + @@ -134,7 +135,7 @@ {% endif %} {% if expired_task_orders %} - {{ TaskOrderList(expired_task_orders, label='') }} + {{ TaskOrderList(expired_task_orders, label='', expired=True) }} {% endif %}