Initial nav & implementation on dashboard

This commit is contained in:
Chris Heathcote
2015-12-14 16:37:15 +00:00
parent 49a8caefa0
commit ec020a42f4
7 changed files with 104 additions and 14 deletions

View File

@@ -44,4 +44,36 @@
#global-header #logo {
white-space: nowrap;
}
#navigation {
padding: 50px 0 0 0;
}
#navigation li {
@include core-16();
margin: 3px 0;
}
#navigation ul {
border-bottom: 1px solid #777;
margin: 0 20px 0 0;
list-style-type: none;
padding: 0;
}
#navigation a:link,a:visited {
text-decoration: none;
}
#navigation a:hover {
color: #2e8aca;
}
a:visited {
color: #005ea5;
}

View File

@@ -0,0 +1,23 @@
#navigation {
padding: 50px 0 0 0;
}
#navigation li {
@include core-16();
margin: 3px 0;
}
#navigation ul {
border-bottom: 1px solid #777;
margin: 0 20px 0 0;
list-style-type: none;
padding: 0;
}
#navigation a:link,a:visited {
text-decoration: none;
}
#navigation a:hover {
color: #2e8aca;
}

View File

@@ -33,6 +33,7 @@
@import "components/sms-message";
@import "components/submit-form";
@import "components/table";
@import "components/navigation";
// TODO: break this up
@import "app";

View File

@@ -0,0 +1,19 @@
{% macro main_nav() %}
<div id="navigation">
<h3>Service name</h3>
<ul>
<li><a href="">Send text messages</a></li>
<li><a href="">Send emails</a></li>
<li><a href="">Send letters</a></li>
<li><a href="">Activity</a></li>
</ul>
<ul>
<li><a href="">API keys and documentation</a></li>
</ul>
<ul>
<li><a href="">Manage users</a></li>
<li><a href="">Service settings</a></li>
</ul>
</div>
{% endmacro %}

View File

@@ -1,26 +1,24 @@
{% extends "admin_template.html" %}
{% extends "withnav_template.html" %}
{% block page_title %}
GOV.UK Notify | Dashboard
{% endblock %}
{% block content %}
{% block maincolumn_content %}
<div class="grid-row">
<div class="column-two-thirds">
<h1 class="heading-xlarge">Dashboard</h1>
<ul>
<li><a href="{{ url_for('.sendsms') }}">Send text messages</a></li>
<li><a href="{{ url_for('.sendemail') }}">Send email messages</a></li>
<li><a href="{{ url_for('.showjobs') }}">View notifications activity</a></li>
<li><a href="{{ url_for('.userprofile') }}">User profile</a></li>
<li><a href="{{ url_for('.manageusers') }}">Manage users</a></li>
<li><a href="{{ url_for('.managetemplates')}}">Manage templates</a></li>
<li><a href="{{ url_for('.servicesettings') }}">Service settings</a></li>
<li><a href="{{ url_for('.apikeys') }}">API keys and documentation</a></li>
<li><a href="send-sms">Send text messages</a></li>
<li><a href="send-email">Send email messages</a></li>
<li><a href="jobs">View notifications activity</a></li>
<li><a href="user-profile">User profile</a></li>
<li><a href="manage-users">Manage users</a></li>
<li><a href="manage-templates">Manage templates</a></li>
<li><a href="service-settings">Service settings</a></li>
<li><a href="api-keys">API keys and documentation</a></li>
</ul>
</div>
</div>
{% endblock %}

View File

@@ -0,0 +1,15 @@
{% extends "admin_template.html" %}
{% from "main_nav.html" import main_nav with context %}
{% block content %}
<div class="grid-row">
<div class="column-third">
{{ main_nav() }}
</div>
<div class="column-two-thirds">
{% block maincolumn_content %}{% endblock %}
</div>
</div>
{% endblock %}