Create SubmitConfirmation modal

- includes html component and js component
- styling on modal is not ready
This commit is contained in:
Montana
2019-06-07 13:13:20 -04:00
parent 62c794e7b8
commit f49b67d0dd
6 changed files with 96 additions and 6 deletions

View File

@@ -0,0 +1,32 @@
{% from "components/alert.html" import Alert %}
{% from "components/checkbox_input.html" import CheckboxInput %}
{% macro SubmitConfirmation(modal_id, submit_text, submit_action, form, task_order) %}
<submit-confirmation inline-template name="{{ modal_id }}" key="{{ modal_id }}">
<div>
<div class="usa-input">
<label for="{{ modal_id }}-deleted-text">
<span class="usa-input__help">
Signature confirmation: Task Order #{{task_order.number}}
</span>
{{ Alert('',
message="All task orders require a Contracting Officer signature."
) }}
</label>
<span v-on:change="toggleValid">
{{ CheckboxInput(field=form.signature) }}
</span>
</div>
<div class="action-group">
<form method="POST" action="{{ submit_action }}">
{{ form.csrf_token }}
<button class="usa-button usa-button-primary" v-bind:disabled="!valid">
{{ submit_text }}
</button>
<button v-on:click="deleteText = ''; $root.closeModal('{{ modal_id }}')" class="usa-button usa-button-secondary">{{ "common.cancel" | translate }}</button>
</form>
</div>
</div>
</submit-confirmation>
{% endmacro %}