pk/atst
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update requests table and add temp nav link

Browse Source
This commit is contained in:
Luis Cielak 2018-07-23 10:05:29 -04:00
parent ee4d76f166
commit 1916461d6e
5 changed files with 73 additions and 39 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
scss/elements/_inputs.scss
View File

@ -28,3 +28,10 @@ select {
padding-bottom: 0.5rem; padding-bottom: 0.5rem;
} }
} }
.usa-search {
// width: 45%;
// float: left;
// padding: $gap * 2;
margin-right: $gap;
}

9
scss/elements/_panels.scss
View File

@ -44,3 +44,12 @@
} }
} }
} }
.panel__actions {
display: flex;
padding: $gap;
// &__search {
// float: left;
// }
}

5
scss/elements/_tables.scss
View File

@ -16,6 +16,11 @@ table {
th { th {
@include block-list-header; @include block-list-header;
&:first-child {
padding: $gap * 2 !important; // This overrides USWDS's no padding
}
} }
td { td {

1
templates/navigation/global_navigation.html.to
View File

@ -5,6 +5,7 @@
{% end %} {% end %}
{% module SidenavItem("Requests", href="/requests", icon="document", active=matchesPath('/requests')) %} {% module SidenavItem("Requests", href="/requests", icon="document", active=matchesPath('/requests')) %}
{% module SidenavItem("+ New Request", href="/requests/new", icon="", active=matchesPath('/requests/new')) %}
{% module SidenavItem("Workspaces", href="/workspaces", icon="cloud", active=matchesPath('/workspaces')) %} {% module SidenavItem("Workspaces", href="/workspaces", icon="cloud", active=matchesPath('/workspaces')) %}
</ul> </ul>
</div> </div>

50
templates/requests.html.to
View File

@ -3,35 +3,51 @@
{% block content %} {% block content %}
<div class="col col--grow"> <div class="col col--grow">
<div class="panel"> <div class="panel">
<div class="panel__actions">
<div class="panel__content"> <div class="panel__actions--search">
<form class="usa-search usa-search-small">
<div class="panel__heading"> <label class="usa-sr-only" for="search-field-small">Search small</label>
<h1>Requests <a class="usa-button usa-button-secondary" href='{{ reverse_url('request_new') }}'>New Request</a></h1> <input id="search-field-small" type="search" name="search" placeholder="Search by Order ID">
<button type="submit">
<span class="usa-sr-only">Search</span>
</button>
</form>
</div> </div>
<div class="panel__actions--filter">
<select id="filter_status" name="filter_status" required="">
<option value="" selected disabled>Filter by status</option>
<option value="">Active</option>
<option value="">Pending</option>
<option value="">Denied</option>
</select>
</div>
</div>
</div>
<div class="panel">
<table class="usa-table-borderless" width="100%"> <table class="usa-table-borderless" width="100%">
<thead> <thead>
<tr> <tr>
<th scope="col">Order ID</th> <th>Order ID</th>
<th scope="col">Request Date</th> <th>Request Date</th>
<th scope="col">Requester</th> <th>Requester</th>
<th scope="col">Total Apps</th> <th>Total Apps</th>
<th scope="col">Status</th> <th>Status</th>
<th scope="col">Actions</th> <th>Actions</th>
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
{% for r in requests %} {% for r in requests %}
<tr> <tr>
<th scope="row"><a href="{{ reverse_url('request_form_update', 1, r['order_id']) }}">{{ r['order_id'] }}</a> <td><a href="{{ reverse_url('request_form_update', 1, r['order_id']) }}">{{ r['order_id'] }}</a>
{% if r['is_new'] %}<span class="usa-label">New</span> {% if r['is_new'] %}<span class="usa-label">New</span>
</th> </td>
{% end %} {% end %}
<td>{{ r['date'] }}</td> <td>{{ r['date'] }}</td>
<td>{{ r['full_name'] }}</td> <td>{{ r['full_name'] }}</td>
@ -42,10 +58,6 @@
{% end %} {% end %}
</tbody> </tbody>
</table> </table>
</div>
</div> </div>
</div> </div>