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

Add task order action buttons

Browse Source
This commit is contained in:
richard-dds 2019-06-05 11:55:36 -04:00
parent e2dad0b56f
commit 667bc3b3c9
2 changed files with 20 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
styles/sections/_task_order.scss
View File

@ -66,6 +66,10 @@
} }
} }
.task-order-card__action {
min-width: 10rem;
}
.task-order-summary { .task-order-summary {
margin: $gap * 4; margin: $gap * 4;
@ -583,6 +587,11 @@
margin-bottom: $gap * 2; margin-bottom: $gap * 2;
display: flex; display: flex;
align-items: baseline; align-items: baseline;
justify-content: space-around;
.card__status-spacer {
flex-grow: 10;
}
} }
.card__header { .card__header {

18
templates/portfolios/task_orders/index.html
View File

@ -6,10 +6,9 @@
{% block portfolio_content %} {% block portfolio_content %}
{% macro ViewLink(task_order) %} {% macro ViewLink(task_order, text="Edit", className="usa-button-primary") %}
<a href="{{ url_for('task_orders.view_task_order', task_order_id=task_order.id) }}" class="icon-link view-task-order-link"> <a href="{{ url_for('task_orders.view_task_order', task_order_id=task_order.id) }}" class="usa-button {{ className }} task-order-card__action">
<span>View</span> {{ text }}
{{ Icon("caret_right", classes="icon--tiny") }}
</a> </a>
{% endmacro %} {% endmacro %}
@ -29,12 +28,15 @@
</span> </span>
{% endmacro %} {% endmacro %}
{% macro TaskOrderActions(task_order) %} {% macro TaskOrderActions(task_order) %}
<div class="task-order-buttons"> <div class="task-order-buttons">
{% if task_order.is_active %} {% if task_order.is_pending %}
{% elif task_order.is_expired %} {{ ViewLink(task_order, text="Edit") }}
{% elif task_order.is_active %}
{{ ViewLink(task_order, text="Add Funding", className="usa-button-secondary") }}
{{ ViewLink(task_order, text="Modify") }}
{% else %} {% else %}
{{ ViewLink(task_order, text="View") }}
{% endif %} {% endif %}
</div> </div>
{% endmacro %} {% endmacro %}
@ -46,7 +48,9 @@
<div class="card__status"> <div class="card__status">
<span class='label label--{{ label }}'>{{ task_order.display_status }}</span> <span class='label label--{{ label }}'>{{ task_order.display_status }}</span>
{{ TaskOrderDate(task_order) }} {{ TaskOrderDate(task_order) }}
<span class="card__status-spacer"></span>
<span class="card__button"> <span class="card__button">
{{ TaskOrderActions(task_order) }}
</span> </span>
</div> </div>
<div class="card__header"> <div class="card__header">