Update class name because it is used on all TO pages, add column for TotalsBox
This commit is contained in:
parent
4285477f4d
commit
b8b4b38a0a
@ -86,7 +86,7 @@
|
|||||||
min-width: 14rem;
|
min-width: 14rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.task-order-summary {
|
.task-order {
|
||||||
margin-top: $gap * 4;
|
margin-top: $gap * 4;
|
||||||
|
|
||||||
hr {
|
hr {
|
||||||
@ -102,6 +102,7 @@
|
|||||||
|
|
||||||
.col {
|
.col {
|
||||||
flex-grow: 1;
|
flex-grow: 1;
|
||||||
|
max-width: 610px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.h1,
|
.h1,
|
||||||
@ -113,13 +114,19 @@
|
|||||||
margin-top: $gap * 2;
|
margin-top: $gap * 2;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
&.task-order__form {
|
||||||
|
.totals-box {
|
||||||
|
margin-top: 0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
.totals-box {
|
.totals-box {
|
||||||
padding: $gap * 4;
|
padding: $gap * 4;
|
||||||
padding-top: $gap * 2;
|
padding-top: $gap * 2;
|
||||||
flex-grow: unset;
|
flex-grow: unset;
|
||||||
margin-left: $gap * 6;
|
margin-left: $gap * 6;
|
||||||
margin-top: $gap * 3;
|
margin-top: $gap * 3;
|
||||||
width: 33.77%;
|
max-width: 336px;
|
||||||
height: fit-content;
|
height: fit-content;
|
||||||
background-color: $color-gray-lightest;
|
background-color: $color-gray-lightest;
|
||||||
}
|
}
|
||||||
|
@ -26,7 +26,7 @@
|
|||||||
<a v-on:click="openModal('submit-to-1')" class="usa-button usa-button-primary" type="submit">Submit task order</a>
|
<a v-on:click="openModal('submit-to-1')" class="usa-button usa-button-primary" type="submit">Submit task order</a>
|
||||||
{% endcall %}
|
{% endcall %}
|
||||||
|
|
||||||
<div class="task-order-summary">
|
<div class="task-order">
|
||||||
|
|
||||||
{{ SemiCollapsibleText() }}
|
{{ SemiCollapsibleText() }}
|
||||||
|
|
||||||
@ -101,8 +101,9 @@
|
|||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<div class="col totals">
|
||||||
{{ TotalsBox(task_order=task_order) }}
|
{{ TotalsBox(task_order=task_order) }}
|
||||||
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
@ -91,23 +91,23 @@
|
|||||||
{% endcall %}
|
{% endcall %}
|
||||||
|
|
||||||
<to-form inline-template v-bind:initial-clin-count="{{ form.clins.data | length }}">
|
<to-form inline-template v-bind:initial-clin-count="{{ form.clins.data | length }}">
|
||||||
<div class="task-order-summary">
|
<div>
|
||||||
{% include "fragments/flash.html" %}
|
{% include "fragments/flash.html" %}
|
||||||
{% if task_order_id %}
|
{% if task_order_id %}
|
||||||
{% set action = url_for("task_orders.update", portfolio_id=portfolio.id, task_order_id=task_order_id) %}
|
{% set action = url_for("task_orders.update", portfolio_id=portfolio.id, task_order_id=task_order_id) %}
|
||||||
{% else %}
|
{% else %}
|
||||||
{% set action = url_for("task_orders.update", portfolio_id=portfolio.id) %}
|
{% set action = url_for("task_orders.update", portfolio_id=portfolio.id) %}
|
||||||
{% endif %}
|
{% endif %}
|
||||||
<form id="new-task-order" action='{{ action }}' method="POST" autocomplete="off" enctype="multipart/form-data">
|
<form id="new-task-order" class="task-order task_order__form" action='{{ action }}' method="POST" autocomplete="off" enctype="multipart/form-data">
|
||||||
{{ form.csrf_token }}
|
{{ form.csrf_token }}
|
||||||
|
|
||||||
{{ SemiCollapsibleText(paragraph="task_orders.new.form_help_text" | translate) }}
|
{{ SemiCollapsibleText(paragraph="task_orders.new.form_help_text" | translate) }}
|
||||||
|
|
||||||
<hr>
|
<hr>
|
||||||
|
|
||||||
<div class="h1">Add your task order</div>
|
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col">
|
<div class="col">
|
||||||
|
<div class="h1">Add your task order</div>
|
||||||
{{ TextInput(form.number, validation='taskOrderNumber') }}
|
{{ TextInput(form.number, validation='taskOrderNumber') }}
|
||||||
|
|
||||||
<hr>
|
<hr>
|
||||||
@ -339,8 +339,10 @@
|
|||||||
</div>
|
</div>
|
||||||
{{ UploadInput(form.pdf) }}
|
{{ UploadInput(form.pdf) }}
|
||||||
</div>
|
</div>
|
||||||
|
<div class="col totals">
|
||||||
{{ TotalsBox(task_order=task_order) }}
|
{{ TotalsBox(task_order=task_order) }}
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
</form>
|
</form>
|
||||||
</div>
|
</div>
|
||||||
</to-form>
|
</to-form>
|
||||||
|
Loading…
x
Reference in New Issue
Block a user