Add placeholder fields for new member dialog
This commit is contained in:
parent
18b342b506
commit
a40a678c22
80
templates/member_new.html
Normal file
80
templates/member_new.html
Normal 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 %}
|
@ -23,7 +23,7 @@
|
|||||||
subnav=[
|
subnav=[
|
||||||
{
|
{
|
||||||
"label": "Add New Member",
|
"label": "Add New Member",
|
||||||
"href": "",
|
"href": "/member_new",
|
||||||
"active": g.matchesPath('/workspaces/members/new'),
|
"active": g.matchesPath('/workspaces/members/new'),
|
||||||
"icon": "plus"
|
"icon": "plus"
|
||||||
}
|
}
|
||||||
|
Loading…
x
Reference in New Issue
Block a user