From 654f9231b5171f60346139bc85048b1eafbe0d16 Mon Sep 17 00:00:00 2001
From: dandds <dan-ctr@friends.dds.mil>
Date: Mon, 13 Aug 2018 10:11:07 -0400
Subject: [PATCH] show modal for requests pending CCPO approval

---
 atst/routes/requests/requests_form.py         |  2 +-
 js/index.js                                   |  1 +
 .../pending_ccpo_approval_alert.html          | 11 ++++++
 .../pending_ccpo_approval_modal.html          | 35 +++++++++++++++++++
 templates/requests.html                       |  9 +++++
 5 files changed, 57 insertions(+), 1 deletion(-)
 create mode 100644 templates/fragments/pending_ccpo_approval_alert.html
 create mode 100644 templates/fragments/pending_ccpo_approval_modal.html

diff --git a/atst/routes/requests/requests_form.py b/atst/routes/requests/requests_form.py
index ca474d61..a8c2798f 100644
--- a/atst/routes/requests/requests_form.py
+++ b/atst/routes/requests/requests_form.py
@@ -104,7 +104,7 @@ def requests_submit(request_id=None):
         return redirect("/requests?modal=pendingFinancialVerification")
 
     else:
-        return redirect("/requests")
+        return redirect("/requests?modal=pendingCCPOApproval")
 
 
 # TODO: generalize this, along with other authorizations, into a policy-pattern
diff --git a/js/index.js b/js/index.js
index 07da8d42..b13d1a6a 100644
--- a/js/index.js
+++ b/js/index.js
@@ -21,6 +21,7 @@ const app = new Vue({
       modals: {
         styleguideModal: false,
         pendingFinancialVerification: false,
+        pendingCCPOApproval: false,
       }
     }
   },
diff --git a/templates/fragments/pending_ccpo_approval_alert.html b/templates/fragments/pending_ccpo_approval_alert.html
new file mode 100644
index 00000000..1d2e9255
--- /dev/null
+++ b/templates/fragments/pending_ccpo_approval_alert.html
@@ -0,0 +1,11 @@
+<p>
+  We will review and respond to your request in 72 hours. You’ll be notified via email or phone.
+</p>
+
+<p>
+  While your request is being reviewed, your next step is to create a Task Order associated with JEDI Cloud. Please contact a Contracting Officer (KO), Contracting Officer Representative (COR), or a Financial Manager to help with this step.
+</p>
+
+<p>
+  Learn more about the JEDI Task Order and the Financial Verification process.
+</p>
diff --git a/templates/fragments/pending_ccpo_approval_modal.html b/templates/fragments/pending_ccpo_approval_modal.html
new file mode 100644
index 00000000..68a48c2d
--- /dev/null
+++ b/templates/fragments/pending_ccpo_approval_modal.html
@@ -0,0 +1,35 @@
+<h1>
+  Request submitted. Approval pending.
+</h1>
+
+<p>
+  We will review and respond to your request in 72 hours. You’ll be notified via email or phone.
+</p>
+
+<p>
+  Your request is being reviewed because:
+  <ul>
+    <li>
+      Your request includes over $1 million for cloud resources
+    </li>
+    <li>
+      We may need more information about your request
+    </li>
+  </ul>
+</p>
+
+<h2>
+  Next Steps
+</h2>
+
+<p>
+  While your request is being reviewed, your next step is to create a Task Order associated with JEDI Cloud. Please contact a Contracting Officer (KO), Contracting Officer Representative (COR), or a Financial Manager to help with this step.
+</p>
+
+<p>
+  Once the Task Order has been created, you will be asked to provide details about the task order in the Financial Verification step.
+</p>
+
+<p>
+  Learn more about the JEDI Task Order and the Financial Verification process.
+</p>
diff --git a/templates/requests.html b/templates/requests.html
index df6999ca..6b1e36f0 100644
--- a/templates/requests.html
+++ b/templates/requests.html
@@ -16,6 +16,15 @@
     </div>
   {% endcall %}
 
+  {% call Modal(name='pendingCCPOApproval', dismissable=True) %}
+
+    {% include 'fragments/pending_ccpo_approval_modal.html' %}
+
+    <div class='action-group'>
+      <a v-on:click="closeModal('pendingCCPOApproval')" class='action-group__action usa-button'>Close</a>
+    </div>
+  {% endcall %}
+
 {% if not requests %}
 
   {{ EmptyState(