atst/templates/task_orders/builder_base.html
2019-08-05 09:55:34 -04:00

54 lines
1.7 KiB
HTML

{% extends "portfolios/base.html" %}
{% from "components/sticky_cta.html" import StickyCTA %}
{% from "components/modal.html" import Modal %}
{% block portfolio_content %}
<base-form inline-template>
<form id="to_form" action='{{ action }}' method="POST" autocomplete="off" enctype="multipart/form-data">
{{ form.csrf_token }}
{% call StickyCTA(text=('task_orders.form.sticky_header_text' | translate({"step": step}) )) %}
<span class="action-group">
{% block next_button %}
<input
type="submit"
tabindex="0"
:disabled="!canSave"
value="{{ next_button_text }}"
form="to_form"
class="usa-button usa-button-primary">
{% endblock %}
{% if step != "1" %}
<a class="usa-button usa-button-secondary" href="{{ previous_button_link }}">
Previous
</a>
{% endif %}
<a
v-on:click="openModal('cancel')"
class="action-group__action icon-link">
{{ "common.cancel" | translate }}
</a>
</span>
{% endcall %}
{% call Modal(name='cancel', dismissable=True) %}
<div class="task-order__modal-cancel">
<h1>Do you want to save this draft?</h1>
<a href="" class="action-group__action icon-link">No, delete it</a>
<a href="" class="action-group__action icon-link">Yes, save for later</a>
</div>
{% endcall %}
{% include "fragments/flash.html" %}
<div class="task-order">
{% block to_builder_form_field %}{% endblock %}
</div>
</form>
</base-form>
{% endblock %}