Skip to content

Add more customisation points to templates #145

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
danpalmer wants to merge 20 commits into
base: master
Choose a base branch
from
Open

Add more customisation points to templates #145

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
20 commits
Select commit Hold shift + click to select a range
4fffe4a
Move to namespaced template directory
danpalmer Sep 10, 2019
751063a
Remove commented code
danpalmer Sep 10, 2019
cc55441
More consistent whitespace/indentation
danpalmer Sep 10, 2019
c79a20d
Link to the root of the site
danpalmer Sep 14, 2019
f489314
Add support for Django messages
danpalmer Sep 14, 2019
70b4282
Tune up layout
danpalmer Sep 14, 2019
3bfc3c4
Reflow for readability, no functional changes
danpalmer Sep 14, 2019
4a794da
Move messages to share the same Bootstrap container
danpalmer Sep 14, 2019
0eb5c9f
Make it possible to override these container classes
danpalmer Sep 14, 2019
1e94b6e
Allow removing/overriding navigation entirely
danpalmer Sep 14, 2019
26e7d3f
Reflow/quoting changes, no functional changes
danpalmer Sep 14, 2019
43c5f35
Util to get settings in Response
danpalmer Sep 14, 2019
ba1cecd
Make the app name configurable
danpalmer Sep 14, 2019
a502800
Allow overriding the logo/favicon
danpalmer Sep 14, 2019
c828b46
Fix directory structure
danpalmer Sep 14, 2019
76ee3b0
Allow pages to override the base title
danpalmer Sep 15, 2019
3a39ba6
Lazily evaluate so that we know the file exists if manifested
danpalmer Sep 16, 2019
3e1ff04
Remove response settings in favour of many more template customisatio…
danpalmer Sep 27, 2019
77b9d94
Add more customisation points
danpalmer Sep 27, 2019
f6ae3b4
Move home page into namespaced dir and format
danpalmer Jan 5, 2021
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion .gitattributes
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,2 +1,2 @@
*.sh text eol=lf
static/bootstrap/* linguist-vendored=true
response/static/bootstrap/* linguist-vendored=true
59 changes: 0 additions & 59 deletions response/templates/base.html
View file
Open in desktop

This file was deleted.

31 changes: 0 additions & 31 deletions response/templates/home.html
View file
Open in desktop

This file was deleted.

79 changes: 0 additions & 79 deletions response/templates/incident_doc.html
View file
Open in desktop

This file was deleted.

98 changes: 98 additions & 0 deletions response/templates/response/base.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,98 @@
{% load static %}
{% load bootstrap4_alerts %}

<!DOCTYPE html>
<html lang="en">

<head>
{% block head %}
<title>
{% block title %}
Response
{% endblock %}
</title>

{% block favicon %}
<link rel="shortcut icon" href="{% static 'images/favicon.png' %}">
{% endblock %}

{% block meta %}
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="Response">
<meta name="author" content="Monzo">
<meta name="mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-capable" content="yes">
{% endblock %}

{% block static %}
<link rel="manifest" href="{% static 'manifest.json' %}">
<link href="{% static 'bootstrap/css/bootstrap.css' %}" rel="stylesheet">
<link href="{% static 'common.css' %}" rel="stylesheet">
{% endblock %}

{% block head_extra %}{% endblock %}
{% endblock %}
</head>

<body>

<!-- Navigation -->
{% block navigation %}
<nav class="navbar navbar-expand-lg navbar-dark bg-dark static-top">
<div class="{% block navbar_container_class %}container{% endblock %}">
{% block navigation_brand %}
<a class="navbar-brand" href="/">
<img id="logo" src="{% static 'images/response.png' %}" />
<strong>Response</strong>
</a>
{% endblock %}

<button
class="navbar-toggler"
type="button"
data-toggle="collapse"
data-target="#navbarResponsive"
aria-controls="navbarResponsive"
aria-expanded="false"
aria-label="Toggle navigation"
>
<span class="navbar-toggler-icon"></span>
</button>

<div class="collapse navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav ml-auto">
{% block navigation_items %}{% endblock %}
</ul>
</div>
</div>
</nav>
{% endblock %}

<div class="{% block container_class %}container{% endblock %} mt-4 mb-4">

<!-- Django Messages -->
{% block messages %}
<div id="alerts" class="mt-4">
{% for message in messages %}
<div class="alert {{ message|bootstrap4_alert_class }}">
{{ message }}
</div>
{% endfor %}
</div>
{% endblock %}

<!-- Page Content -->
{% block content %}{% endblock %}

</div>

<!-- Bootstrap core JavaScript -->
{% block javascript %}
<script src="{% static 'bootstrap/js/bootstrap.bundle.min.js' %}"></script>
{% block javascript_extra %}{% endblock %}
{% endblock %}

</body>

</html>
35 changes: 35 additions & 0 deletions response/templates/response/home.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,35 @@
{% extends "response/base.html" %}
{% load static %}
{% load unslackify %}
{% load markdown_filter %}

{% block head %}
<link rel="stylesheet" href="{% static 'incident_doc.css' %}">
{% endblock %}


{% block content %}
<div class="row pb-4">
<div class="col-lg-12 text-center">
{% comment %} ----- Heading ----- {% endcomment %}
<h1 class="mt-3" id="title"><a href="">Incidents</a></h1>
</div>

<div class="col-lg-12">
<ul>
{% for incident in incidents %}
<li>
{{ incident.severity_emoji }}
<a href="{% url 'incident_doc' incident.pk %}" target="_blank">
Incident {{ incident.pk }}&nbsp;
</a>
<span class="badge {{ incident.badge_type }} blink_me">
{{ incident.status_text|upper }}
</span>
- {{ incident.report }}
</li>
{% endfor %}
</ul>
</div>
</div>
{% endblock %}
Loading