Show "Congrats" alert when completing TO form

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,
+        )
     )

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",
+    },
 }
 
 

styles/sections/_task_order.scss

@@ -59,6 +59,10 @@
 
 .task-order-summary {
 
+  .alert .alert__actions {
+    margin-top: 2 * $gap;
+  }
+
   .panel {
     width: 100%;
   }

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(