pk/atst
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

add edit button to TO steps, update some styles

Browse Source
This commit is contained in:
dandds 2019-01-23 11:06:01 -05:00
parent b7f90bcbd6
commit 16b71376a1
2 changed files with 36 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
styles/sections/_task_order.scss
View File

@ -120,8 +120,19 @@
width: 100%;
}
.task-order-next-steps__panel-head {
border-bottom: 1px solid black;
padding: ($gap * 4) ($gap * 2);
margin: 0;
}
.task-order-next-steps__step {
border-bottom: 1px dotted $color-gray;
padding: ($gap * 4) ($gap * 2);
margin: 0;
.task-order-next-steps__icon {
width: 8%;
padding: $gap $gap 0 0;
justify-content: center;
.complete {
@ -133,11 +144,20 @@
}
.task-order-next-steps__text {
width: 60%;
@include ie-only {
width: 100%
}
}
.task-order-next-steps__action {
padding: $gap 0 0 $gap;
width: 32%;
a.usa-button {
width: 100%;
}
}
.task-order-next-steps__heading {
h4 {
margin: $gap $gap 0 0;

28
templates/portfolios/task_orders/show.html
View File

@ -4,25 +4,22 @@
{% block portfolio_content %}
{% macro Step(title="", description="", link_text=None, link_url=None, complete=True) %}
{% macro Step(title="", description="", link_text=None, complete=True) %}
<div class="task-order-next-steps__step panel__content row">
<div class="task-order-next-steps__icon col">
<span>{{ Icon("ok", classes="complete" if complete else "incomplete") }}</span>
</div>
<div class="task-order-next-steps__text">
<div class="task-order-next-steps__text col">
<div class="task-order-next-steps__heading row">
<h4>{{ title }}</h4>
{% if link_url %}
<a href="{{ link_url }}" class="icon-link">
{{ Icon("edit") }}
<span>{{ link_text }}</span>
</a>
{% endif %}
</div>
<div class="task-order-next-steps__description">
{{ description }}
</div>
</div>
{% if caller %}
{{ caller() }}
{% endif %}
</div>
{% endmacro %}
@ -88,13 +85,20 @@
<div class="task-order-details">
<div id="next-steps" class="task-order-next-steps">
<div class="panel">
<h3 class="panel__content">What's next?</h3>
{{ Step(
<h3 class="task-order-next-steps__panel-head panel__content">What's next?</h3>
{% call 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) }}
complete=True) %}
<div class="task-order-next-steps__action col">
<a
href="{{ url_for("task_orders.new", screen=1, task_order_id=task_order.id) }}"
class="usa-button usa-button-primary">
Edit
</a>
</div>
{% endcall %}
{{ 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.",