Update various labels and placeholders

Add form row/col markup to person-info fields
This commit is contained in:
Andrew Croce 2018-09-04 11:18:45 -04:00
parent 743e790180
commit 4f7e193130
3 changed files with 44 additions and 31 deletions

View File

@ -116,44 +116,45 @@
{{ TextInput(f.uii_ids,
paragraph=True,
placeholder="e.g.: DI 0CVA5786950 \nUN1945326361234786950",
placeholder="examples: \nDI 0CVA5786950 \nUN1945326361234786950",
tooltip="A Unique Item Identifer is a unique code that helps the Department of Defense track and report on where and how digital assets are stored. <br>Not all applications have an existing UII number assigned."
) }}
{{ TextInput(f.pe_id,
placeholder="e.g.: 0302400A",
tooltip="Program Element numbers helps the Department of Defense identify which offices\\' budgets are contributing towards this resource use."
placeholder="e.g.: 0105688F",
validation="peNumber"
) }}
{{ TextInput(f.treasury_code,placeholder="e.g.: 00123456") }}
{{ TextInput(f.treasury_code,placeholder="e.g.: 00123456",validation="treasuryCode") }}
{{ TextInput(f.ba_code,placeholder="e.g.: 02A") }}
{{ TextInput(f.ba_code,placeholder="e.g.: 02A",validation="baCode") }}
<hr />
<h3>Contracting Officer (KO) Information</h3>
{{ TextInput(f.fname_co,placeholder="Contracting Officer First Name") }}
{{ TextInput(f.lname_co,placeholder="Contracting Officer Last Name") }}
{{ TextInput(
f.email_co,validation='email',
placeholder="jane@mail.mil"
) }}
{{ TextInput(
f.office_co,
placeholder="e.g.: WHS"
) }}
<div class='form-row'>
<div class='form-col form-col--half '>{{ TextInput(f.fname_co) }}</div>
<div class='form-col form-col--half '>{{ TextInput(f.lname_co) }}</div>
</div>
<div class='form-row'>
<div class='form-col form-col--half'>{{ TextInput(f.email_co,validation='email') }}</div>
<div class='form-col form-col--half'>{{ TextInput(f.office_co,placeholder="e.g.: WHS") }}</div>
</div>
<hr />
<h3>Contracting Officer Representative (COR) Information</h3>
{{ TextInput(f.fname_cor,placeholder="Contracting Officer Representative First Name") }}
<div class='form-row'>
<div class='form-col form-col--half '>{{ TextInput(f.fname_cor) }}</div>
<div class='form-col form-col--half '>{{ TextInput(f.lname_cor) }}</div>
</div>
{{ TextInput(f.lname_cor,placeholder="Contracting Officer Representative Last Name") }}
{{ TextInput(f.email_cor,validation='email',placeholder="jane@mail.mil") }}
{{ TextInput(f.office_cor,placeholder="e.g.: WHS") }}
<div class='form-row'>
<div class='form-col form-col--half'>{{ TextInput(f.email_cor,validation='email') }}</div>
<div class='form-col form-col--half'>{{ TextInput(f.office_cor,placeholder="e.g.: WHS") }}</div>
</div>
{% endautoescape %}

View File

@ -20,10 +20,15 @@
<p>Please tell us more about you.</p>
{{ TextInput(f.fname_request, placeholder='First Name') }}
{{ TextInput(f.lname_request, placeholder='Last Name') }}
{{ TextInput(f.email_request, placeholder='jane@mail.mil', validation='email') }}
{{ TextInput(f.phone_number, placeholder='e.g. (123) 456-7890', validation='usPhone') }}
<div class='form-row'>
<div class='form-col form-col--half'>{{ TextInput(f.fname_request) }}</div>
<div class='form-col form-col--half'>{{ TextInput(f.lname_request) }}</div>
</div>
<div class='form-row'>
<div class='form-col form-col--two-thirds'>{{ TextInput(f.email_request, placeholder='jane@mail.mil', validation='email') }}</div>
<div class='form-col form-col--half'>{{ TextInput(f.phone_number, placeholder='e.g. (123) 456-7890', validation='usPhone') }}</div>
</div>
<p>We want to collect the following information from you for security auditing and determining priviledged user access.</p>

View File

@ -36,10 +36,17 @@
{{ CheckboxInput(f.am_poc) }}
<template v-if="!am_poc" v-cloak>
{{ TextInput(f.fname_poc,placeholder='First Name') }}
{{ TextInput(f.lname_poc,placeholder='Last Name') }}
{{ TextInput(f.email_poc,placeholder='jane@mail.mil', validation='email') }}
{{ TextInput(f.dodid_poc,placeholder='10-digit number on the back of the CAC', validation='dodId') }}
<div class='form-row'>
<div class='form-col form-col--half'>{{ TextInput(f.fname_poc) }}</div>
<div class='form-col form-col--half'>{{ TextInput(f.lname_poc) }}</div>
</div>
<div class='form-row'>
<div class='form-col form-col--two-thirds'>{{ TextInput(f.email_poc, validation='email') }}</div>
<div class='form-col form-col--third'>{{ TextInput(f.dodid_poc, validation='dodId') }}</div>
</div>
</template>
</div>