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

Highlight task order status on task order view page

Browse Source
This commit is contained in:
Patrick Smith 2019-01-15 11:25:04 -05:00
parent e41f01398c
commit fcd1f0aa86
2 changed files with 13 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
styles/sections/_task_order.scss
View File

@ -60,6 +60,18 @@
} }
} }
.label--pending {
background-color: $color-gold;
}
.label--active {
background-color: $color-green;
}
.label--expired {
background-color: $color-red;
}
.task-order-heading { .task-order-heading {
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;

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

@ -63,7 +63,7 @@
<div class="panel task-order-heading row"> <div class="panel task-order-heading row">
<div class="panel__content task-order-heading__name row"> <div class="panel__content task-order-heading__name row">
<h2>New Task Order</h2> <h2>New Task Order</h2>
<span class="label label--{{ 'warning' if task_order.is_pending }}">{{ task_order.status.value }}</span> <span class="label label--{{ task_order.status.value.lower() }}">{{ task_order.status.value }}</span>
</div> </div>
<div class="task_order-heading__details row"> <div class="task_order-heading__details row">
<div class="task-order-heading__value col"> <div class="task-order-heading__value col">