pk/atst
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Move date limit for expiring alert into a variable in Vue component

Browse Source
This commit is contained in:
leigh-mil 2019-02-05 09:51:44 -05:00
parent 93e593e50d
commit 051e9d794f
2 changed files with 4 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
js/components/tables/task_order_list.js
View File

@ -74,6 +74,7 @@ export default {
isAscending: false, isAscending: false,
columns: indexBy(prop('displayName'), columns), columns: indexBy(prop('displayName'), columns),
}, },
days_to_exp_alert_limit: 30,
} }
}, },

6
templates/portfolios/task_orders/index.html
View File

@ -44,7 +44,7 @@
<span class='label label--{{ label }}'>!{ taskOrder.display_status }</span> <span class='label label--{{ label }}'>!{ taskOrder.display_status }</span>
</td> </td>
<td class='table-cell--grow'> <td class='table-cell--grow'>
<span :class="{ 'to-performance-period': true, 'to-expiring-soon': (taskOrder.days_to_expiration > 0 && taskOrder.days_to_expiration <= 30), 'funded': funded && taskOrder.display_status === 'Active', 'unfunded': !funded && taskOrder.display_status === 'Active' }"> <span :class="{ 'to-performance-period': true, 'to-expiring-soon': (taskOrder.days_to_expiration > 0 && taskOrder.days_to_expiration <= days_to_exp_alert_limit), 'funded': funded && taskOrder.display_status === 'Active', 'unfunded': !funded && taskOrder.display_status === 'Active' }">
<local-datetime <local-datetime
v-bind:timestamp="taskOrder.start_date" v-bind:timestamp="taskOrder.start_date"
format="M/D/YYYY"> format="M/D/YYYY">
@ -57,12 +57,12 @@
> >
</local-datetime> </local-datetime>
<span <span
v-if="taskOrder.days_to_expiration > 0 && taskOrder.days_to_expiration <= 30 && funded" v-if="taskOrder.days_to_expiration > 0 && taskOrder.days_to_expiration <= days_to_exp_alert_limit && funded"
class="to-expiration-alert"> class="to-expiration-alert">
{{ Icon('ok') }} Period ending in !{ taskOrder.days_to_expiration } days, but new period funded {{ Icon('ok') }} Period ending in !{ taskOrder.days_to_expiration } days, but new period funded
</span> </span>
<span <span
v-if="taskOrder.days_to_expiration > 0 && taskOrder.days_to_expiration <= 30 && !funded" v-if="taskOrder.days_to_expiration > 0 && taskOrder.days_to_expiration <= days_to_exp_alert_limit && !funded"
class="to-expiration-alert"> class="to-expiration-alert">
{{ Icon('alert') }} Period ends in !{ taskOrder.days_to_expiration } days, submit a new task order<br> {{ Icon('alert') }} Period ends in !{ taskOrder.days_to_expiration } days, submit a new task order<br>
</span> </span>