Add nested menu items for details of use and add placeholder requests screens

templates/requests/screen-3.html.to

@@ -1,10 +1,7 @@
 {% extends '../requests.html.to' %}
 
 {% block form %}
-<h3>What is your favorite color?</h3>
+<h3>What is your quest?</h3>
 <input type='textbox'>
 {% end %}
 
-{% block next %}
-<b class='usa-button'>MAKE THE REQUEST</b>
-{% end %}

templates/requests/screen-4.html.to

@@ -0,0 +1,7 @@
+{% extends '../requests.html.to' %}
+
+{% block form %}
+<h3>What is your quest?</h3>
+<input type='textbox'>
+{% end %}
+

templates/requests/screen-5.html.to

@@ -0,0 +1,10 @@
+{% extends '../requests.html.to' %}
+
+{% block form %}
+<h3>What is your favorite color?</h3>
+<input type='textbox'>
+{% end %}
+
+{% block next %}
+<b class='usa-button'>MAKE THE REQUEST</b>
+{% end %}

templates/requests/sidebar.html.to

@@ -1,33 +1,23 @@
-
 <ul class="usa-sidenav-list">
+  {% for i,s in enumerate(screens) %}
   <li>
-    <a class="usa-current" href="#details-of-use">1. Details of Use</a>
+    {% if i+1==current %}
+    <a class="usa-current" href="{{ reverse_url('request_form',i+1) }}">
+      {{ i+1 }}. {{ s['title'] }}
+    </a>
+    {% if s.get('subitems') %}
     <ul class="usa-sidenav-sub_list">
-      {% for i,s in enumerate(screens) %}
-      <li>
-        {% if i+1==current %}
-        <a class="usa-current" href="{{ reverse_url('request_form',i+1) }}">
-          {{ s['title'] }}
-        </a>
-        {% else %}
-        <a href='{{ reverse_url('request_form',i+1) }}'>
-          {{ s['title'] }}
-        </a>
-        {% end %}
-      </li>
+      {% for j,t in enumerate(s['subitems']) %}
+      <li><a href="#{{ t['id'] }}">{{ t['title'] }}</a></li>
       {% end %}
     </ul>
+    {% end %}
+
+    {% else %}
+    <a href='{{ reverse_url('request_form',i+1) }}'>
+      {{ i+1 }}. {{ s['title'] }}
+    </a>
+    {% end %}
   </li>
-  <li>
-    <a href="#">2. Organizational Info</a>
-  </li>
-  <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>
+  {% end %}
+</ul>