diff --git a/atst/models/task_order.py b/atst/models/task_order.py index c38eb356..b7c25450 100644 --- a/atst/models/task_order.py +++ b/atst/models/task_order.py @@ -73,7 +73,7 @@ class TaskOrder(Base, mixins.TimestampsMixin): so_dod_id = Column(String) # DOD ID number = Column(String, unique=True) # Task Order Number loa = Column(String) # Line of Accounting (LOA) - custom_clauses = Column(String) # Custom Clauses + custom_clauses = Column(String) # Custom Clauses @hybrid_property def csp_estimate(self): diff --git a/styles/components/_forms.scss b/styles/components/_forms.scss index 598b2dae..a65f93b4 100644 --- a/styles/components/_forms.scss +++ b/styles/components/_forms.scss @@ -126,6 +126,10 @@ width: 100%; } + legend { + @include h4; + } + label { font-weight: 400; } diff --git a/templates/components/date_picker.html b/templates/components/date_picker.html index 41f4d80c..14bbf4e4 100644 --- a/templates/components/date_picker.html +++ b/templates/components/date_picker.html @@ -1,6 +1,11 @@ {% from "components/icon.html" import Icon %} -{% macro DatePicker(field, mindate=None, maxdate=None) -%} +{% macro DatePicker( + field, + label=field.label | striptags, + description=field.description, + mindate=None, + maxdate=None) -%} -
+
+ +
+ {{ label }} +
+ + {% if description %} + {{ description | safe }} + {% endif %} +
@@ -63,7 +77,7 @@ {% if maxdate and not mindate %}Date must be before or on {{maxdate.strftime("%m/%d/%Y")}}{% endif %} {% if mindate and not maxdate %}Date must be after or on {{mindate.strftime("%m/%d/%Y")}}{% endif %}

-
+
{%- endmacro %} diff --git a/templates/fragments/ko_review_alert.html b/templates/fragments/ko_review_alert.html new file mode 100644 index 00000000..473b01bb --- /dev/null +++ b/templates/fragments/ko_review_alert.html @@ -0,0 +1,7 @@ +
+

{{ "fragments.ko_review_alert.make_sure" | translate }}:

+ diff --git a/templates/portfolios/task_orders/review.html b/templates/portfolios/task_orders/review.html index dfdcc282..42dbc156 100644 --- a/templates/portfolios/task_orders/review.html +++ b/templates/portfolios/task_orders/review.html @@ -5,6 +5,7 @@ {% from "components/icon.html" import Icon %} {% from "components/date_picker.html" import DatePicker %} {% from "components/text_input.html" import TextInput %} +{% from "components/alert.html" import Alert %} {% block content %} @@ -56,6 +57,11 @@
{% endmacro %} + {% set message = "task_orders.ko_review.submitted_by" | translate({"name": task_order.creator.full_name}) %} + + {{ Alert(("task_orders.ko_review.alert_title" | translate), message, level='warning', + fragment="fragments/ko_review_alert.html") }} +
@@ -191,8 +197,10 @@
- {{ DatePicker(form.start_date) }} - {{ DatePicker(form.end_date) }} +
+ {{ DatePicker(form.start_date) }} + {{ DatePicker(form.end_date) }} +

@@ -210,13 +218,16 @@
{{ "task_orders.ko_review.task_order_information"| translate }}
- {{ form.pdf.label }} - {{ form.pdf.description }} - {{ form.pdf }} - {{ TextInput(form.number) }} - - {{ TextInput(form.loa) }} - {{ TextInput(form.custom_clauses, paragraph=True) }} +
+
+
{{ form.pdf.label }}
+ {{ form.pdf.description }} + {{ form.pdf }} +
+ {{ TextInput(form.number) }} + {{ TextInput(form.loa) }} + {{ TextInput(form.custom_clauses, paragraph=True) }} +
diff --git a/translations.yaml b/translations.yaml index 4869ff80..a5b65c92 100644 --- a/translations.yaml +++ b/translations.yaml @@ -274,6 +274,11 @@ fragments: learn_more_link_text: Learn more about the JEDI Cloud Task Order and the Financial Verification process. paragraph_1: 'The 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.' paragraph_2: 'Once the Task Order has been created, you will be asked to provide details about the task order in the Financial Verification step.' + ko_review_alert: + make_sure: Make sure to take a moment to + bullet_1: Verify that all information is accurate and up-to-date + bullet_2: Upload your Task Order (TO) document + bullet_3: Add both the Task Order (TO) and Lines of Accounting (LOA) login: ccpo_logo_alt_text: Cloud Computing Program Office Logo certificate_selection: @@ -467,6 +472,8 @@ task_orders: add_button_text: Add / Invite Security Officer invite_button_text: Invite Security Officer ko_review: + alert_title: Verify Your Info + submitted_by: Below is an overview of the projected portfolio submitted by {name} task_order_information: Task Order Information testing: example_string: Hello World