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 { .task-order__modal-cancel_buttons {
display: flex; display: flex;
justify-content: center; justify-content: center;
button {
margin-top: 0;
}
} }
.clin-card { .clin-card {

28
templates/applications/settings.html
View File

@ -138,6 +138,22 @@
</form> </form>
</base-form> </base-form>
{% endcall %} {% 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 %} {% endfor %}
<table> <table>
<thead> <thead>
@ -177,18 +193,6 @@
<td> <td>
{% if user_can(permissions.DELETE_APPLICATION_MEMBER) and member.role_status == 'pending' %} {% if user_can(permissions.DELETE_APPLICATION_MEMBER) and member.role_status == 'pending' %}
{% set revoke_invite_modal = "revoke_invite_{}".format(member.role_id) %} {% 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 href="#">Resend Invite</a><br>
<a v-on:click='openModal("{{ revoke_invite_modal }}")'>Revoke Invite</a> <a v-on:click='openModal("{{ revoke_invite_modal }}")'>Revoke Invite</a>
{% endif %} {% endif %}