Apply grid fixes to new quest form

This commit is contained in:
Luis Cielak
2018-07-09 15:54:31 -04:00
parent 5324e5643d
commit a1b74a6f62
8 changed files with 98 additions and 63 deletions

View File

@@ -1,9 +1,3 @@
<footer class="usa-footer usa-footer-slim">
<div class="usa-grid">
<div class="usa-footer-logo">
<h5 class="usa-footer-slim-logo-heading">Joint Enterprise Defense Infrastructure</h5>
</div>
</div>
</footer>
<footer>
<h5>Joint Enterprise Defense Infrastructure</h5>
</footer>

View File

@@ -1,23 +1,31 @@
<ul class="usa-sidenav-list">
{% for i,s in enumerate(screens) %}
<li>
{% if i+1==current %}
<a class="usa-current" href="{{ reverse_url('request_form_update', i+1, request_id) if request_id else reverse_url('request_form_new',i+1) }}">
{{ i+1 }}. {{ s['title'] }}
</a>
{% if s.get('subitems') %}
<ul class="usa-sidenav-sub_list">
{% for j,t in enumerate(s['subitems']) %}
<li><a href="#{{ t['id'] }}">{{ t['title'] }}</a></li>
{% end %}
</ul>
{% end %}
<div class="sidenav">
<ul>
<li>
<a class="sidenav__link" href="/requests">&#8249; All requests</a>
</li>
</ul>
{% else %}
<a href="{{ reverse_url('request_form_update', i+1, request_id) if request_id else reverse_url('request_form_new',i+1) }}">
{{ i+1 }}. {{ s['title'] }}
</a>
<ul>
{% for i,s in enumerate(screens) %}
<li>
{% if i+1==current %}
<a class="sidenav__link sidenav__link--active" href="{{ reverse_url('request_form_update', i+1, request_id) if request_id else reverse_url('request_form_new',i+1) }}">
{{ i+1 }}. {{ s['title'] }}
</a>
{% if s.get('subitems') %}
<ul>
{% for j,t in enumerate(s['subitems']) %}
<li><a class="sidenav__link" href="#{{ t['id'] }}">{{ t['title'] }}</a></li>
{% end %}
</ul>
{% end %}
{% else %}
<a class="sidenav__link" href="{{ reverse_url('request_form_update', i+1, request_id) if request_id else reverse_url('request_form_new',i+1) }}">
{{ i+1 }}. {{ s['title'] }}
</a>
{% end %}
</li>
{% end %}
</li>
{% end %}
</ul>
</ul>
</div>

View File

@@ -1,35 +1,50 @@
{% extends "base.html.to" %}
{% block sidenav %}
{% include 'requests/sidebar.html.to' %}
{% end %}
{% block content %}
<div class="col col--grow">
<div class="panel">
<main class="panel__content">
<div class="panel__heading">
<h1>New Request</h1>
</div>
{% if request_id %}
<form method='POST' action="{{ reverse_url('request_form_update', current, request_id) }}" autocomplete="off">
{% else %}
<form method='POST' action="{{ reverse_url('request_form_new', current) }}" autocomplete="off">
{% end %}
{% module xsrf_form_html() %}
{% block form %}
form goes here
{% end %}
{% block next %}
<input type='submit' class='usa-button usa-button-primary' value='Save & Continue' />
{% end %}
</form>
</main>
<div class="site-action"><a href="/requests">&#8249; All requests</a></div>
</div>
</div>
<h1>New Request</h1>
<aside class="sidenav usa-width-one-third">
{% include 'requests/sidebar.html.to' %}
</aside>
<main class="main-content usa-width-two-thirds">
{% if request_id %}
<form method='POST' action="{{ reverse_url('request_form_update', current, request_id) }}" autocomplete="off">
{% else %}
<form method='POST' action="{{ reverse_url('request_form_new', current) }}" autocomplete="off">
{% end %}
{% module xsrf_form_html() %}
{% block form %}
form goes here
{% end %}
{% block next %}
<input type='submit' class='usa-button usa-button-primary' value='Save & Continue' />
{% end %}
</form>
</main>
{% end %}