Add sidenav to requests page

This commit is contained in:
Luis Cielak 2018-07-10 11:07:38 -04:00
parent e8e8a4f1b2
commit a0f5ac3588
4 changed files with 67 additions and 74 deletions

View File

@ -1,5 +1,9 @@
{% extends "base.html.to" %} {% extends "base.html.to" %}
{% block sidenav %}
{% include 'nav-side.html.to' %}
{% end %}
{% block content %} {% block content %}
<main class="usa-section usa-content"> <main class="usa-section usa-content">
@ -10,3 +14,5 @@
{% end %} {% end %}

View File

@ -1,40 +1,14 @@
<aside class="usa-width-one-fourth usa-layout-docs-sidenav"> <div class="sidenav">
<ul class="usa-sidenav-list"> <ul>
<li> <li>
<a href="#details-of-use">1. Details of Use</a> <a class="sidenav__link" href="/home">Home</a>
<ul class="usa-sidenav-sub_list"> <a class="sidenav__link" href="/requests">Requests</a>
<li>
<a href="#application-details">Application Details</a>
</li>
<li>
<a href="#application-computation">Computation</a>
</li>
<li>
<a href="#application-storage">Storage</a>
</li> </li>
</ul> </ul>
</li>
<ul>
<li> <li>
<a href="#">2. Organizational Info</a> <a class="sidenav__link" href="/">Logout</a>
<ul class="usa-sidenav-sub_list">
<li>
<a href="#information-about-you">Information About You</a>
</li>
<li>
<a href="#information-about-your-collaborators">Information About Your Collaborators</a>
</li> </li>
</ul> </ul>
</li> </div>
<li>
<a href="#">3. Funding/Contracting</a>
</li>
<li>
<a href="#">4. Readiness Survey</a>
</li>
<li>
<a href="#">5. Review &amp; Submit</a>
</li>
</ul>
</aside>

View File

@ -1,10 +1,23 @@
{% extends "base.html.to" %} {% extends "base.html.to" %}
{% block sidenav %}
{% include 'nav-side.html.to' %}
{% end %}
{% block content %} {% block content %}
<main class="usa-section usa-content">
<div class="col col--grow">
<div class="panel">
<div class="panel__content">
<div class="panel__heading">
<h1>Requests <a class="usa-button usa-button-secondary" href='{{ reverse_url('request_new') }}'>New Request</a></h1> <h1>Requests <a class="usa-button usa-button-secondary" href='{{ reverse_url('request_new') }}'>New Request</a></h1>
</div>
<table class="usa-table-borderless" width="100%"> <table class="usa-table-borderless" width="100%">
<thead> <thead>
@ -21,7 +34,9 @@
{% 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> <th scope="row"><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></th>{% end %} {% if r['is_new'] %}<span class="usa-label">New</span>
</th>
{% end %}
<td>{{ r['date'] }}</td> <td>{{ r['date'] }}</td>
<td>{{ r['full_name'] }}</td> <td>{{ r['full_name'] }}</td>
<td>{{ r['app_count'] }}</td> <td>{{ r['app_count'] }}</td>
@ -33,7 +48,10 @@
</table> </table>
</main>
</div>
</div>
</div>
{% end %} {% end %}

View File

@ -17,8 +17,6 @@
<h1>New Request</h1> <h1>New Request</h1>
</div> </div>
{% if request_id %} {% if request_id %}
<form method='POST' action="{{ reverse_url('request_form_update', current, request_id) }}" autocomplete="off"> <form method='POST' action="{{ reverse_url('request_form_update', current, request_id) }}" autocomplete="off">
{% else %} {% else %}
@ -34,9 +32,6 @@
{% end %} {% end %}
</form> </form>
</main> </main>