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

Move modal out of the table and fix button styling

Browse Source
This commit is contained in:
leigh-mil 2019-09-20 11:52:51 -04:00
parent 7ad7c79897
commit a9300132f8
2 changed files with 20 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
styles/sections/_task_order.scss
View File

@ -274,6 +274,10 @@
.task-order__modal-cancel_buttons {
display: flex;
justify-content: center;
button {
margin-top: 0;
}
}
.clin-card {

28
templates/applications/settings.html
View File

@ -138,6 +138,22 @@
</form>
</base-form>
{% endcall %}
{% if user_can(permissions.DELETE_APPLICATION_MEMBER) and member.role_status == 'pending' %}
{% set revoke_invite_modal = "revoke_invite_{}".format(member.role_id) %}
{% call Modal(name=revoke_invite_modal, dismissable=True) %}
<div class="task-order__modal-cancel">
<form method="post" action="{{ url_for('applications.revoke_invite', application_id=application.id, application_role_id=member.role_id) }}">
{{ member.form.csrf_token }}
<h1>Do you want to revoke the invite for {{ member.user_name }}</h1>
<div class="task-order__modal-cancel_buttons">
<button class="usa-button usa-button-primary" type="submit">Yes, revoke it</button>
<button type='button' v-on:click='closeModal("{{revoke_invite_modal}}")' class="usa-button usa-button-primary">No, do not revoke it</button>
</div>
</form>
</div>
{% endcall %}
{% endif %}
{% endfor %}
<table>
<thead>
@ -177,18 +193,6 @@
<td>
{% if user_can(permissions.DELETE_APPLICATION_MEMBER) and member.role_status == 'pending' %}
{% set revoke_invite_modal = "revoke_invite_{}".format(member.role_id) %}
{% call Modal(name=revoke_invite_modal, dismissable=True) %}
<div class="task-order__modal-cancel">
<form method="post" action="{{ url_for('applications.revoke_invite', application_id=application.id, application_role_id=member.role_id) }}">
{{ member.form.csrf_token }}
<h1>Do you want to revoke the invite for {{ member.user_name }}</h1>
<div class="task-order__modal-cancel_buttons">
<button class="usa-button usa-button-primary" type="submit">Yes, revoke it</button>
<button type='button' v-on:click='closeModal("{{revoke_invite_modal}}")' class="usa-button usa-button-primary">No, do not revoke it</button>
</div>
</form>
</div>
{% endcall %}
<a href="#">Resend Invite</a><br>
<a v-on:click='openModal("{{ revoke_invite_modal }}")'>Revoke Invite</a>
{% endif %}