Skip to content
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.

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

Add more customisation points to templates #145

Open
wants to merge 20 commits into
base: master
Choose a base branch
from
Open
Show file tree
Hide file tree
Changes from all commits
Commits
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
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

This file was deleted.

31 changes: 0 additions & 31 deletions response/templates/home.html

This file was deleted.

79 changes: 0 additions & 79 deletions response/templates/incident_doc.html

This file was deleted.

98 changes: 98 additions & 0 deletions response/templates/response/base.html
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
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