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

Format LOA fields

Browse Source
This commit is contained in:
leigh-mil 2019-06-12 15:58:35 -04:00
parent 1caf8b8d21
commit daec01eba0
2 changed files with 44 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
styles/sections/_task_order.scss
View File

@ -77,6 +77,25 @@
.usa-alert { .usa-alert {
margin: 1.5em 0; margin: 1.5em 0;
} }
.task-order__loa-fieldset {
.usa-input {
margin: 0;
}
input {
margin: $gap 0;
max-width: unset;
}
input:first-child {
margin-top: 0;
}
input:last-child {
margin-bottom: 0;
}
}
} }
.row.row__form-fields { .row.row__form-fields {

34
templates/task_orders/edit.html
View File

@ -13,8 +13,7 @@
{% macro LOAInput() %} {% macro LOAInput() %}
<div v-for="loa in loas"> <div v-for="loa in loas">
<textinput :name="'clins-' + clinIndex + '-loas-' + loaIndex(loa)" inline-template> <textinput :name="'clins-' + clinIndex + '-loas-' + loaIndex(loa)" inline-template>
<div> <div class="usa-input usa-input--validation--anything">
<masked-input <masked-input
v-on:input='onInput' v-on:input='onInput'
v-on:blur='onBlur' v-on:blur='onBlur'
@ -70,12 +69,21 @@
</div> </div>
</div> </div>
<div>Line of accounting (43 characters)</div> <div class="usa-input">
{% for loa in fields.loas %} <fieldset class="usa-input__choices task-order__loa-fieldset">
{{ TextInput(loa, showLabel=False) }} <legend>
{% endfor %} <div class="usa-input__title">
Line of accounting (43 characters)
</div>
</legend>
{% for loa in fields.loas %}
{{ TextInput(loa, showLabel=False) }}
{% endfor %}
{{ LOAInput() }}
</fieldset>
</div>
{{ LOAInput() }}
{{ DatePicker(fields.start_date) }} {{ DatePicker(fields.start_date) }}
{{ DatePicker(fields.end_date) }} {{ DatePicker(fields.end_date) }}
{{ TextInput(fields.obligated_amount, validation='dollars') }} {{ TextInput(fields.obligated_amount, validation='dollars') }}
@ -190,8 +198,16 @@
</div> </div>
</div> </div>
<div>Line of accounting (43 characters)</div> <div class="usa-input">
{{ LOAInput() }} <fieldset class="usa-input__choices task-order__loa-fieldset">
<legend>
<div class="usa-input__title">
Line of accounting (43 characters)
</div>
</legend>
{{ LOAInput() }}
</fieldset>
</div>
<date-selector :name-tag="'clins-' + clinIndex + '-start_date'" inline-template> <date-selector :name-tag="'clins-' + clinIndex + '-start_date'" inline-template>
<fieldset class="usa-input date-picker" v-bind:class="{ 'usa-input--success': isDateValid }"> <fieldset class="usa-input date-picker" v-bind:class="{ 'usa-input--success': isDateValid }">