Move to component

This commit is contained in:
George Drummond 2019-05-06 14:33:06 -04:00
parent 4fe42ceebb
commit c3e4f2c6fe
No known key found for this signature in database
GPG Key ID: 296DD6077123BF17
2 changed files with 34 additions and 23 deletions

View File

@ -0,0 +1,25 @@
{% macro DeleteConfirmation(modal_id, delete_text, delete_action, form) %}
<delete-confirmation inline-template>
<div>
<div class="usa-input">
<label for="deleted-text">
<span class="usa-input__help">
{{ "common.delete_confirm" | translate }}
</span>
</label>
<input id="deleted-text" v-model="deleteText">
</div>
<div class="action-group">
<form method="POST" action="{{ delete_action }}">
{{ form.csrf_token }}
<button class="usa-button button-danger" v-bind:disabled="!valid">
{{ delete_text }}
</button>
</form>
<div class="action-group">
<a v-on:click="deleteText = ''; $root.closeModal({{ modal_id }})" class="action-group__action icon-link icon-link--default">{{ "common.cancel" | translate }}</a>
</div>
</div>
</div>
</delete-confirmation>
{% endmacro %}

View File

@ -3,6 +3,7 @@
{% from "components/text_input.html" import TextInput %} {% from "components/text_input.html" import TextInput %}
{% from "components/save_button.html" import SaveButton %} {% from "components/save_button.html" import SaveButton %}
{% from "components/modal.html" import Modal %} {% from "components/modal.html" import Modal %}
{% from "components/delete_confirmation.html" import DeleteConfirmation %}
{% macro RolePanel(users=[], role='no_access') %} {% macro RolePanel(users=[], role='no_access') %}
{% if role == 'no_access' %} {% if role == 'no_access' %}
@ -136,29 +137,14 @@
) )
}} }}
<delete-confirmation inline-template> {{
<div> DeleteConfirmation(
<div class="usa-input"> modal_id=delete_modal_environment_id,
<label for="deleted-text"> delete_text=('portfolios.applications.delete.button' | translate),
<span class="usa-input__help"> delete_action= url_for('applications.delete_environment', environment_id=env['id']),
{{ "common.delete_confirm" | translate }} form=form
</span> )
</label> }}
<input id="deleted-text" v-model="deleteText">
</div>
<div class="action-group">
<form method="POST" action="{{ url_for('applications.delete_environment', environment_id=env['id']) }}">
{{ form.csrf_token }}
<button class="usa-button button-danger" v-bind:disabled="!valid">
{{ "portfolios.applications.delete.button" | translate }}
</button>
</form>
<div class="action-group">
<a v-on:click="deleteText = ''; $root.closeModal({{ delete_modal_environment_id }})" class="action-group__action icon-link icon-link--default">{{ "common.cancel" | translate }}</a>
</div>
</div>
</div>
</delete-confirmation>
{% endcall %} {% endcall %}
{% endfor %} {% endfor %}
</ul> </ul>