set value of checkbox to false when modal closes

This commit is contained in:
leigh-mil 2019-06-17 16:20:55 -04:00
parent 71340fd039
commit 1aab857a1e
3 changed files with 17 additions and 5 deletions

View File

@ -4,7 +4,7 @@ from . import task_orders_bp
from atst.domain.authz.decorator import user_can_access_decorator as user_can
from atst.domain.portfolios import Portfolios
from atst.domain.task_orders import TaskOrders
from atst.forms.task_order import TaskOrderForm, SignatureForm
from atst.forms.task_order import SignatureForm
from atst.models import Permissions
from atst.models.task_order import Status as TaskOrderStatus
from atst.utils.flash import formatted_flash as flash
@ -14,12 +14,10 @@ from atst.utils.flash import formatted_flash as flash
@user_can(Permissions.VIEW_TASK_ORDER_DETAILS, message="review task order details")
def review_task_order(task_order_id):
task_order = TaskOrders.get(task_order_id)
to_form = TaskOrderForm(number=task_order.number)
signature_form = SignatureForm()
return render_template(
"portfolios/task_orders/review.html",
task_order=task_order,
to_form=to_form,
signature_form=signature_form,
)

View File

@ -10,6 +10,7 @@ export default {
data: function() {
return {
valid: false,
checked: false,
}
},
@ -17,5 +18,11 @@ export default {
toggleValid: function() {
this.valid = !this.valid
},
handleClose: function() {
this.$root.closeModal(this.name)
this.checked = false
this.valid = false
},
},
}

View File

@ -14,7 +14,14 @@
) }}
</label>
<div v-on:change="toggleValid" class="checkbox">
{{ CheckboxInput(field=form.signature) }}
<div class='usa-input'>
<fieldset data-ally-disabled="true" class="usa-input__choices">
<legend>
{{ form.signature(**{"v-model": "checked"}) }}
{{ form.signature.label | safe }}
</legend>
</fieldset>
</div>
</div>
</div>
<div class="action-group">
@ -24,7 +31,7 @@
{{ submit_text }}
</button>
</form>
<button v-on:click="$root.closeModal('{{ modal_id }}')" class="usa-button usa-button-secondary">{{ "common.cancel" | translate }}</button>
<button v-on:click="handleClose" class="usa-button usa-button-secondary">{{ "common.cancel" | translate }}</button>
</div>
</div>
</submit-confirmation>