Add all the templates and the routes

atst/app.py

@@ -1,10 +1,15 @@
 import tornado.web
 from atst.handlers.main import MainHandler
 from atst.home import home
+from tornado.web import url
 
 def make_app(**kwargs):
     app = tornado.web.Application([
-            (r"/", MainHandler),
+            url( r"/",           MainHandler, {'page': 'home'},       name='home' ),
+            url( r"/requests",   MainHandler, {'page': 'requests'},   name='requests' ),
+            url( r"/users",      MainHandler, {'page': 'users'},      name='users' ),
+            url( r"/reports",    MainHandler, {'page': 'reports'},    name='reports' ),
+            url( r"/calculator", MainHandler, {'page': 'calculator'}, name='calculator' ),
         ],
         template_path = home.child('templates'),
         static_path   = home.child('static'),

atst/handler.py

@@ -3,22 +3,24 @@ from webassets import Environment, Bundle
 import tornado.web
 from atst.home import home
 
+# module variables used by the handlers
+
+assets = Environment(
+                directory = home.child('scss'),
+                url       = '/static')
+css    = Bundle(
+                'atat.scss',
+                filters = 'scss',
+                output  = '../static/assets/out.css')
+
+assets.register( 'css', css )
+helpers = {
+    'assets': assets
+}
+
 class BaseHandler(tornado.web.RequestHandler):
 
     def get_template_namespace(self):
-        assets = Environment(
-                        directory = home.child('scss'),
-                        url       = '/static')
-        css    = Bundle(
-                        'atat.scss',
-                        filters = 'scss',
-                        output  = '../static/assets/out.css')
-
-        assets.register( 'css', css )
-        helpers = {
-            'assets': assets
-        }
-
         ns = super(BaseHandler, self).get_template_namespace()
         ns.update(helpers)
         return ns

atst/handlers/main.py

@@ -1,5 +1,9 @@
 from atst.handler import BaseHandler
 
 class MainHandler(BaseHandler):
+
+    def initialize(self,page):
+        self.page = page
+
     def get(self):
-        self.render("hello.html.to")
+        self.render( '%s.html.to' % self.page, page = self.page )

templates/calculator.html.to

@@ -0,0 +1,12 @@
+{% extends "base.html.to" %}
+
+{% block content %}
+
+<main class="usa-grid usa-section usa-content usa-layout-docs" id="main-content">
+
+calculator
+
+</main>
+
+{% end %}
+

templates/header.html.to

@@ -10,14 +10,26 @@
 
     <nav role="navigation" class="usa-nav">
       <ul class="usa-nav-primary usa-accordion">
-        <li><a class="usa-nav-link" href="#"><span>Home</span></a></li>
-        <li><a class="usa-nav-link usa-current" href="#"><span>JEDI Requests</span></a></li>
-        <li><a class="usa-nav-link" href="#"><span>Users</span></a></li>
-        <li><a class="usa-nav-link" href="#"><span>Reports</span></a></li>
-        <li><a class="usa-nav-link" href="#"><span>Usage Calculator</span></a></li>
+      {% for item in [
+            ['home', 'Home'],
+            ['requests', 'JEDI Requests'],
+            ['users', 'Users' ],
+            ['reports', 'Reports' ],
+            ['calculator','Usage Calculator'],
+            ]
+        %}
+      <li>
+        {% if item[0]==page %}
+            <a class="usa-nav-link usa-current" href='{{ reverse_url(item[0]) }}'><span>{{ item[1] }}</span></a>
+        {% else %}
+            <a class="usa-nav-link" href='{{ reverse_url(item[0]) }}'><span>{{ item[1] }}</span></a>
+        {% end %}
+      </li>
+      {% end %}
+
         <li>Tech Lead</li>
       </ul>
     </nav>
 
   </div>
-</header>
+</header>

templates/home.html.to

@@ -0,0 +1,12 @@
+{% extends "base.html.to" %}
+
+{% block content %}
+
+<main class="usa-grid usa-section usa-content usa-layout-docs" id="main-content">
+
+home
+
+</main>
+
+{% end %}
+

templates/reports.html.to

@@ -0,0 +1,12 @@
+{% extends "base.html.to" %}
+
+{% block content %}
+
+<main class="usa-grid usa-section usa-content usa-layout-docs" id="main-content">
+
+reports
+
+</main>
+
+{% end %}
+

templates/requests.html.to

@@ -0,0 +1,12 @@
+{% extends "base.html.to" %}
+
+{% block content %}
+
+<main class="usa-grid usa-section usa-content usa-layout-docs" id="main-content">
+
+jedi requests
+
+</main>
+
+{% end %}
+

templates/users.html.to

@@ -0,0 +1,12 @@
+{% extends "base.html.to" %}
+
+{% block content %}
+
+<main class="usa-grid usa-section usa-content usa-layout-docs" id="main-content">
+
+users
+
+</main>
+
+{% end %}
+