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

Add invited officer information to invitations panel

Browse Source
This commit is contained in:
Patrick Smith 2019-02-13 08:45:44 -05:00
parent 9ce17f5758
commit 7faf413e1b
2 changed files with 52 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
styles/sections/_task_order.scss
View File

@ -203,7 +203,17 @@
} }
} }
.task-order-invitations {
.task-order-invitations__heading {
justify-content: space-between;
}
.task-order-invitation-status { .task-order-invitation-status {
margin-bottom: 3 * $gap;
.task-order-invitation-status__title {
font-weight: $font-bold;
}
.invited { .invited {
color: $color-green; color: $color-green;
@include icon-color($color-green); @include icon-color($color-green);
@ -217,6 +227,11 @@
padding: 0 0.5rem; padding: 0 0.5rem;
} }
} }
.task-order-invitation-details {
font-style: italic;
}
}
} }
.task-order-form { .task-order-form {

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

@ -69,15 +69,28 @@
</div> </div>
{% endmacro %} {% endmacro %}
{% macro InvitationStatus(title, officer) %} {% macro InvitationStatus(title, officer, officer_info) %}
{% set class = "invited" if officer else "uninvited" %} {% set class = "invited" if officer else "uninvited" %}
<div class="task-order-invitation-status row"> <div class="task-order-invitation-status row">
<div class="task-order-invitation-status__icon col"> <div class="task-order-invitation-status__icon col">
<span>{{ Icon("ok" if officer else "alert", classes=class) }}</span> <span>{{ Icon("avatar" if officer else "alert", classes=class) }}</span>
</div> </div>
<div class="task-order-invitation-status__title col {{ class }}"> <div class="col">
<div class="task-order-invitation-status__title {{ class }}">
{{ title }} {{ title }}
</div> </div>
<div class="task-order-invitation-details">
{% if officer_info %}
<div class="col">
<div>{{ officer_info.first_name }} {{ officer_info.last_name }}</div>
<div>{{ officer_info.email }}</div>
<div>{{ officer_info.phone_number | usPhone }}</div>
</div>
{% else %}
<span>Not specified</span>
{% endif %}
</div>
</div>
</div> </div>
{% endmacro %} {% endmacro %}
@ -178,16 +191,17 @@
</div> </div>
<div class="task-order-invitations panel"> <div class="task-order-invitations panel">
<div class="panel__content"> <div class="panel__content">
<div class="task-order-invitations__heading row">
<h3>Invitations</h3> <h3>Invitations</h3>
{{ 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) }}
<a href="{{ url_for('portfolios.task_order_invitations', portfolio_id=portfolio.id, task_order_id=task_order.id) }}" class="icon-link"> <a href="{{ url_for('portfolios.task_order_invitations', portfolio_id=portfolio.id, task_order_id=task_order.id) }}" class="icon-link">
<span>manage</span>
{{ Icon("edit") }} {{ Icon("edit") }}
<span>manage invitations</span>
</a> </a>
</div> </div>
{{ InvitationStatus('Contracting Officer', task_order.contracting_officer, officer_info=task_order.officer_dictionary('contracting_officer')) }}
{{ InvitationStatus('Contracting Officer Representative', task_order.contracting_officer_representative, officer_info=task_order.officer_dictionary('contracting_officer_representative')) }}
{{ InvitationStatus('IA Security Officer', officer=task_order.security_officer, officer_info=task_order.officer_dictionary('security_officer')) }}
</div>
</div> </div>
</div> </div>
</div> </div>