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=[
|
||||
{
|
||||
"label": "Add New Member",
|
||||
"href": "",
|
||||
"href": "/member_new",
|
||||
"active": g.matchesPath('/workspaces/members/new'),
|
||||
"icon": "plus"
|
||||
}
|
||||
|
Loading…
x
Reference in New Issue
Block a user