From 175d0df2347a49bad16217b467979fb10015351e Mon Sep 17 00:00:00 2001 From: Patrick Smith Date: Thu, 10 Jan 2019 12:11:33 -0500 Subject: [PATCH] Flesh out rest of task order view page --- styles/sections/_task_order.scss | 84 +++++++++++++ templates/workspaces/task_orders/show.html | 132 ++++++++++++++++++++- 2 files changed, 211 insertions(+), 5 deletions(-) diff --git a/styles/sections/_task_order.scss b/styles/sections/_task_order.scss index a7485bcc..6ac86027 100644 --- a/styles/sections/_task_order.scss +++ b/styles/sections/_task_order.scss @@ -38,4 +38,88 @@ } } } + + .task-order-details { + flex-grow: 1; + } + + .task-order-next-steps { + flex-grow: 1; + padding-right: $gap; + + .task-order-next-steps__step { + .task-order-next-steps__icon { + padding: $gap $gap 0 0; + justify-content: center; + .complete { + @include icon-color($color-green); + } + .incomplete { + @include icon-color($color-gray-light); + } + } + + .task-order-next-steps__heading { + h4 { + margin: $gap $gap 0 0; + } + } + .task-order-next-steps__description { + font-style: italic; + } + } + } + + .task-order-sidebar { + flex-basis: 25%; + min-width: 30rem; + + hr { + margin: 2rem 0; + } + } + + .task-order-document-link { + &.disabled { + color: $color-shadow; + .task-order-document-link__icon { + span { + @include icon-color($color-cool-blue-lighter); + } + } + + .icon-link.disabled { + color: $color-cool-blue-lighter; + } + } + + .task-order-document-link__icon { + padding-top: 0.5rem; + span { + @include icon-color($color-blue); + } + } + + .task-order-document-details { + .task-order-document-details__description { + font-style: italic; + } + } + } + + .task-order-invitation-status { + .invited { + color: $color-green; + @include icon-color($color-green); + } + .uninvited { + color: $color-gray-light; + @include icon-color($color-gray-light); + } + + .task-order-invitation-status__icon { + padding: 0 0.5rem; + } + } + } diff --git a/templates/workspaces/task_orders/show.html b/templates/workspaces/task_orders/show.html index 658d3669..f2c18427 100644 --- a/templates/workspaces/task_orders/show.html +++ b/templates/workspaces/task_orders/show.html @@ -1,10 +1,65 @@ {% extends "workspaces/base.html" %} +{% from "components/icon.html" import Icon %} + {% block workspace_content %} -
-
-
+{% macro Step(title="", description="", link_text=None, link_url=None, complete=True) %} +
+
+ {{ Icon("ok", classes="complete" if complete else "incomplete") }} +
+
+
+

{{ title }}

+ {% if link_url %} + + {{ Icon("edit") }} + {{ link_text }} + + {% endif %} +
+
+ {{ description }} +
+
+
+{% endmacro %} + +{% macro DocumentLink(title="", link_url="", description="") %} + {% set disabled = not link_url %} +
+
+ {{ Icon("download") }} +
+
+ + {{ title }} + + {% if description %} +
+ {{ description }} +
+ {% endif %} +
+
+{% endmacro %} + +{% macro InvitationStatus(title, officer) %} + {% set class = "invited" if officer else "uninvited" %} +
+
+ {{ Icon("ok", classes=class) }} +
+
+ {{ title }} +
+
+{% endmacro %} + +
+
+

New Task Order

Pending
@@ -13,8 +68,8 @@
Started
+ timestamp="{{ task_order.start_date }}" + format="M/D/YYYY">
@@ -24,6 +79,73 @@
+ +
+
+
+

What's next?

+ {{ Step( + title="Submit draft Task Order", + description="Complete initial task order request form.", + link_text="edit", + link_url=url_for("task_orders.new", screen=1, task_order_id=task_order.id), + complete=True) }} + {{ Step( + title="Complete a Security Requirements Document", + description="The IA Security Official you specified received an email invitation to complete and sign a DD-254: Security Requirements document that's been customized for the JEDI program here.", + complete=False) }} + {{ Step( + title="Prepare the Task Order Documents for your organization's contracting system", + description="You'll file your task order in your organization's contracting system. Change the formatting based on your office prefers.", + complete=False) }} + {{ Step( + title="Get a funding document", + description="User your organization's normal process to get a funding document, typically from your financial manager. Your Contracting Officer's Representative (COR) or Contracting Officer (KO) can help with this, too.", + complete=False) }} + {{ Step( + title="Have your KO submit your final task order", + description="Your KO will submit the final task order into your organization's contracting system and receive an official task order number. Your KO should enter your task order number in this system, along with a copy of the submitted task order.", + complete=False) }} +

Once your required information is submitted in this system, you're funded and ready to start using JEDI cloud services!

+
+
+
+
+

Download documents

+ {% set description -%} + last updated on + + {%- endset %} + {{ DocumentLink( + title="Task Order Draft", + link_url="he", + description=description) }} +
+ {{ DocumentLink( + title="Cloud Services Estimate", + link_url="sa") }} + {{ DocumentLink( + title="Market Research", + link_url="as") }} + {{ DocumentLink( + title="DD 254", + link_url="") }} +
+
+

Invitations

+ {{ InvitationStatus('Contracting Officer', task_order.contracting_officer) }} + {{ InvitationStatus('Contracting Officer Representative', task_order.contracting_officer_representative) }} + {{ InvitationStatus('IA Security Officer', officer=task_order.security_officer) }} + + + {{ Icon("edit") }} + manage invitations + +
+
+
{% endblock %}