From 051e9d794f186356c770eb32559b7532656e3aac Mon Sep 17 00:00:00 2001
From: leigh-mil <leigh-ctr@friends.dds.mil>
Date: Tue, 5 Feb 2019 09:51:44 -0500
Subject: [PATCH] Move date limit for expiring alert into a variable in Vue
 component

---
 js/components/tables/task_order_list.js     | 1 +
 templates/portfolios/task_orders/index.html | 6 +++---
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/js/components/tables/task_order_list.js b/js/components/tables/task_order_list.js
index effe3567..d7353307 100644
--- a/js/components/tables/task_order_list.js
+++ b/js/components/tables/task_order_list.js
@@ -74,6 +74,7 @@ export default {
         isAscending: false,
         columns: indexBy(prop('displayName'), columns),
       },
+      days_to_exp_alert_limit: 30,
     }
   },
 
diff --git a/templates/portfolios/task_orders/index.html b/templates/portfolios/task_orders/index.html
index 9a7b8981..18653ab1 100644
--- a/templates/portfolios/task_orders/index.html
+++ b/templates/portfolios/task_orders/index.html
@@ -44,7 +44,7 @@
               <span class='label label--{{ label }}'>!{ taskOrder.display_status }</span>
             </td>
             <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
                   v-bind:timestamp="taskOrder.start_date"
                   format="M/D/YYYY">
@@ -57,12 +57,12 @@
                   >
                 </local-datetime>
                 <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">
                     {{ Icon('ok') }} Period ending in !{ taskOrder.days_to_expiration } days, but new period funded
                 </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">
                   {{ Icon('alert') }} Period ends in !{ taskOrder.days_to_expiration } days, submit a new task order<br>
                 </span>