Formatting and styling of form

This commit is contained in:
leigh-mil 2019-08-08 10:00:20 -04:00
parent 9f54501df4
commit 6b15b41d56
2 changed files with 19 additions and 26 deletions

View File

@ -3,25 +3,23 @@
{% from "components/text_input.html" import TextInput %} {% from "components/text_input.html" import TextInput %}
{% block content %} {% block content %}
{% set ccpo_user_form = "add-ccpo-user-form" %} <form id="add-ccpo-user-form" action="{{ url_for('atst.submit_add_new_ccpo_user') }}" method="POST">
<form id="{{ ccpo_user_form }}" action="{{ url_for('atst.submit_add_new_ccpo_user') }}" method="POST">
{{ form.csrf_token }} {{ form.csrf_token }}
<div class="modal__form--header"> <h1>Add new CCPO user</h1>
<h1>Add new CCPO user</h1>
</div>
<div class='form-row'> <div class='form-row'>
<div class='form-col'> <div class='form-col form-col--two-thirds'>
{{ TextInput(form.dod_id, validation='dodId') }} {{ TextInput(form.dod_id, validation='dodId') }}
</div> </div>
</div> <div class="form-col form-col--third">
<div class='action-group'> <div class='action-group'>
<input <input
type='submit' type='submit'
v-bind:disabled="invalid" v-bind:disabled="invalid"
class='action-group__action usa-button' class='action-group__action usa-button'
value='Next'> value='Next'>
<a class='action-group__action icon-link icon-link--default' href="{{ url_for('atst.ccpo_users') }}">{{ "common.cancel" | translate }}</a> <a class='action-group__action icon-link icon-link--default' href="{{ url_for('atst.ccpo_users') }}">{{ "common.cancel" | translate }}</a>
</div>
</div>
</div> </div>
</form> </form>
{% endblock %} {% endblock %}

View File

@ -5,11 +5,8 @@
{% block content %} {% block content %}
{% if new_user %} {% if new_user %}
{% set ccpo_user_form = "add-ccpo-user-form" %}
{% call Alert('Confirm new CCPO user') %} {% call Alert('Confirm new CCPO user') %}
<form id="add-ccpo-user-form" action="{{ url_for('atst.confirm_new_ccpo_user') }}" method="POST">
<form id="{{ ccpo_user_form }}" action="{{ url_for('atst.confirm_new_ccpo_user') }}" method="POST">
{{ form.csrf_token }} {{ form.csrf_token }}
<input type="hidden" name="dod_id" value="{{ form.dod_id.data }}"> <input type="hidden" name="dod_id" value="{{ form.dod_id.data }}">
<div> <div>
@ -35,13 +32,11 @@
{% endcall %} {% endcall %}
{% else %} {% else %}
{% call Alert('User not found') %} {% call Alert('User not found') %}
<div> To add someone as a CCPO user, they must already have an ATAT account.
To add someone as a CCPO user, they must already have an ATAT account. <div class='action-group'>
<div class='action-group'> <a class='action-group__action icon-link icon-link--default' href="{{ url_for('atst.ccpo_users') }}">
<a class='action-group__action icon-link icon-link--default' href="{{ url_for('atst.ccpo_users') }}"> Return to list of CCPO users
Return to list of CCPO users </a>
</a>
</div>
</div> </div>
{% endcall %} {% endcall %}
{% endif %} {% endif %}