Add placeholder fields for new member dialog

This commit is contained in:
luis cielak 2018-08-24 11:34:20 -04:00 committed by luisgov
parent 18b342b506
commit a40a678c22
2 changed files with 81 additions and 1 deletions

80
templates/member_new.html Normal file
View File

@ -0,0 +1,80 @@
{% extends "base.html" %}
{% from "components/icon.html" import Icon %}
{% block content %}
<form method="POST" action="" autocomplete="false">
<div class="panel">
<div class="panel__heading">
<h1>New Request</h1>
<div class="subtitle"><h2>Account Details</h2></div>
</div>
<div class="panel__content">
<div class='usa-input'>
<label for='member_fname'>
First Name
</label>
<input id='member_fname' type='text' aria-describedby='member_fname'/>
</div>
<div class='usa-input'>
<label for='member_lname'>
Last Name
</label>
<input id='member_lname' type='text' aria-describedby='member_lname'/>
</div>
<div class='usa-input'>
<label for='member_email'>
Email
</label>
<input id='member_email' type='email' placeholder='name@mail.mil' aria-describedby='member_email'/>
</div>
<div class='usa-input'>
<label for='member_dodid'>
DoD ID
</label>
<input id='member_dodid' type='text' placeholder='23456789' aria-describedby='member_dodid'/>
</div>
<div class="usa-input">
<label for="filter-status">Workspace Role</label>
<select id="filter-status" name="filter-status">
<option value="" selected="selected" disabled>Select a role</option>
<option value="Admin">Admin</option>
<option value="Billing Auditor">Billing Auditor</option>
<option value="CCPO">CCPO</option>
<option value="Developer">Developer</option>
<option value="Owner">Owner</option>
<option value="Security Auditor">Security Auditor</option>
</select>
</div>
</div>
</div>
<div class='action-group'>
<a href='#' class='action-group__action usa-button usa-button-big'>
Add User
</a>
<a href='#' class='action-group__action icon-link'>
{{ Icon('x') }}
<span>Cancel</span>
</a>
</div>
</form>
{% endblock %}

View File

@ -23,7 +23,7 @@
subnav=[
{
"label": "Add New Member",
"href": "",
"href": "/member_new",
"active": g.matchesPath('/workspaces/members/new'),
"icon": "plus"
}