mirror of
https://github.com/GSA/notifications-admin.git
synced 2026-02-05 10:53:28 -05:00
Initial nav & implementation on dashboard
This commit is contained in:
@@ -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;
|
||||
}
|
||||
23
app/assets/stylesheets/components/navigation.scss
Normal file
23
app/assets/stylesheets/components/navigation.scss
Normal 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;
|
||||
}
|
||||
@@ -33,6 +33,7 @@
|
||||
@import "components/sms-message";
|
||||
@import "components/submit-form";
|
||||
@import "components/table";
|
||||
@import "components/navigation";
|
||||
|
||||
// TODO: break this up
|
||||
@import "app";
|
||||
|
||||
19
app/templates/main_nav.html
Normal file
19
app/templates/main_nav.html
Normal 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 %}
|
||||
@@ -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 %}
|
||||
|
||||
15
app/templates/withnav_template.html
Normal file
15
app/templates/withnav_template.html
Normal 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 %}
|
||||
Reference in New Issue
Block a user