From a8ac5de968479977c02a5f18215affaa3163ad1e Mon Sep 17 00:00:00 2001
From: Patrick Smith <patrick+dds@promptworks.com>
Date: Thu, 17 Jan 2019 08:50:17 -0500
Subject: [PATCH] Show "Congrats" alert when completing TO form

---
 atst/routes/task_orders/invite.py          |  9 +++++++--
 atst/utils/flash.py                        | 20 ++++++++++++++++++++
 styles/sections/_task_order.scss           |  4 ++++
 templates/portfolios/task_orders/show.html |  5 ++++-
 4 files changed, 35 insertions(+), 3 deletions(-)

diff --git a/atst/routes/task_orders/invite.py b/atst/routes/task_orders/invite.py
index 1e8e40ac..ac40e0c2 100644
--- a/atst/routes/task_orders/invite.py
+++ b/atst/routes/task_orders/invite.py
@@ -8,7 +8,12 @@ from atst.utils.flash import formatted_flash as flash
 @task_orders_bp.route("/task_orders/invite/<task_order_id>", methods=["POST"])
 def invite(task_order_id):
     task_order = TaskOrders.get(g.current_user, task_order_id)
-    flash("task_order_submitted", task_order=task_order)
+    portfolio = task_order.portfolio
+    flash("task_order_congrats", portfolio=portfolio)
     return redirect(
-        url_for("portfolios.portfolio_members", portfolio_id=task_order.portfolio.id)
+        url_for(
+            "portfolios.view_task_order",
+            portfolio_id=task_order.portfolio_id,
+            task_order_id=task_order.id,
+        )
     )
diff --git a/atst/utils/flash.py b/atst/utils/flash.py
index 9adf1499..a64693e0 100644
--- a/atst/utils/flash.py
+++ b/atst/utils/flash.py
@@ -108,6 +108,26 @@ MESSAGES = {
         """,
         "category": "success",
     },
+    "task_order_congrats": {
+        "title_template": "Congrats!",
+        "message_template": """
+        You've created a new JEDI portfolio and jump started your first task order!
+        """,
+        "actions": """
+            {% from "components/icon.html" import Icon %}
+            <div class='alert__actions'>
+              <a href='{{ url_for("portfolios.show_portfolio", portfolio_id=portfolio.id) }}' class='icon-link'>
+                {{ Icon('shield') }}
+                <span>Go to my Portfolio Home Page</span>
+              </a>
+              <a href='#next-steps' class='icon-link'>
+                {{ Icon('arrow-down') }}
+                <span>Review Next Steps Below</span>
+              </a>
+            </div>
+        """,
+        "category": "success",
+    },
 }
 
 
diff --git a/styles/sections/_task_order.scss b/styles/sections/_task_order.scss
index faae653f..2260d8a8 100644
--- a/styles/sections/_task_order.scss
+++ b/styles/sections/_task_order.scss
@@ -59,6 +59,10 @@
 
 .task-order-summary {
 
+  .alert .alert__actions {
+    margin-top: 2 * $gap;
+  }
+
   .panel {
     width: 100%;
   }
diff --git a/templates/portfolios/task_orders/show.html b/templates/portfolios/task_orders/show.html
index 863c81da..38dadacf 100644
--- a/templates/portfolios/task_orders/show.html
+++ b/templates/portfolios/task_orders/show.html
@@ -59,7 +59,10 @@
   </div>
 {% endmacro %}
 
+
 <div class="task-order-summary">
+  {% include "fragments/flash.html" %}
+
   <div class="panel task-order-heading row">
     <div class="panel__content task-order-heading__name row">
       <h2>New Task Order</h2>
@@ -83,7 +86,7 @@
   </div>
 
   <div class="task-order-details">
-    <div class="task-order-next-steps">
+    <div id="next-steps" class="task-order-next-steps">
       <div class="panel">
         <h3 class="panel__content">What's next?</h3>
         {{ Step(