From bad99edd4c682bab9b3902b8b4224effbcb350f2 Mon Sep 17 00:00:00 2001
From: leigh-mil <leigh-ctr@friends.dds.mil>
Date: Mon, 10 Jun 2019 15:26:00 -0400
Subject: [PATCH] Add nav bar to TO form

---
 styles/components/_sticky_cta.scss | 16 ++++++++++++++++
 templates/task_orders/edit.html    | 26 ++++++++++++++++----------
 2 files changed, 32 insertions(+), 10 deletions(-)

diff --git a/styles/components/_sticky_cta.scss b/styles/components/_sticky_cta.scss
index 3cc52556..2916018f 100644
--- a/styles/components/_sticky_cta.scss
+++ b/styles/components/_sticky_cta.scss
@@ -36,4 +36,20 @@
 
 .sticky-cta-buttons {
   display: flex;
+
+  .action-group {
+    margin: 0;
+
+    a.action-group__action.icon-link {
+      width: auto;
+
+    }
+
+    input {
+      margin: $gap $gap * 1.5 $gap 0;
+      width: 19rem;
+      height: 3.2rem;
+      font-size: $small-font-size;
+    }
+  }
 }
diff --git a/templates/task_orders/edit.html b/templates/task_orders/edit.html
index a0dc0b04..174287fe 100644
--- a/templates/task_orders/edit.html
+++ b/templates/task_orders/edit.html
@@ -2,8 +2,9 @@
 
 {% from 'components/date_picker.html' import DatePicker %}
 {% from 'components/icon.html' import Icon %}
-{% from 'components/save_button.html' import SaveButton %}
 {% from 'components/options_input.html' import OptionsInput %}
+{% from 'components/save_button.html' import SaveButton %}
+{% from "components/sticky_cta.html" import StickyCTA %}
 {% from 'components/text_input.html' import TextInput %}
 {% from 'components/upload_input.html' import UploadInput %}
 
@@ -71,6 +72,18 @@
 {% endmacro %}
 
 {% block portfolio_content %}
+
+  {% call StickyCTA(text="Add Funding") %}
+    <span class="action-group">
+      <input type="submit" tabindex="0" value="Review task order" form="new-task-order" class="usa-button usa-button-primary">
+      <input type="submit" tabindex="0" value="Save" form="new-task-order" class="usa-button usa-button-secondary">
+      <a
+        href="{{ cancel_url }}"
+        class="action-group__action icon-link">
+        {{ "common.cancel" | translate }}
+      </a>
+    </span>
+  {% endcall %}
   <div class="col task-order-form">
     {% include "fragments/flash.html" %}
       <to-form inline-template v-bind:initial-clin-count="{{ form.clins.data | length }}">
@@ -81,15 +94,8 @@
         {% endif %}
         <form id="new-task-order" action='{{ action }}' method="POST" autocomplete="off" enctype="multipart/form-data">
           {{ form.csrf_token }}
-            <!-- TODO: implement save bar with component -->
-            <span class="h3">Add Funding</span>
-            <a
-              href="{{ cancel_url }}"
-              class="action-group__action icon-link">
-              <span class="icon icon--x"></span>
-              {{ "common.cancel" | translate }}
-            </a>
-            <input type="submit" tabindex="0" value="Save" form="new-task-order" class="usa-button usa-button-primary">
+
+
             <p>
               {{ "task_orders.new.form_help_text" | translate }}
             </p>