Fix templates to output correct favicon tag

CHANGELOG.md

@@ -12,6 +12,7 @@ All notable changes to this project will be documented in this file.
 - Add "Last ping subject" field in email notifications
 - Change the signup flow to accept registered users (and sign them in instead)
 - Implement event type filtering in the Log page (#873)
+- Implement dynamic favicon in the "Checks" and "Details" pages (#971, @princekhunt)
 
 ### Bug Fixes
 - Fix Gotify integration to handle Gotify server URLs with paths (#964)

templates/base.html

@@ -15,7 +15,9 @@
     {% if request.user.is_authenticated and request.profile.theme == 'dark' %}
     <meta name="theme-color" content="#18181b">
     {% endif %}
+    {% block favicon %}
     <link rel="icon" type="image/svg+xml" href="{% static 'img/favicon.svg' %}">
+    {% endblock %}
     <link rel="apple-touch-icon" sizes="180x180" href="{% static 'img/apple-touch-180.png' %}">
     {% block head %}{% endblock %}
     {% compress css %}

templates/front/checks.html

@@ -2,6 +2,13 @@
 {% load compress static hc_extras %}
 
 {% block title %}{{ num_down|num_down_title }}{% endblock %}
+{% block favicon %}
+    {% if num_down %}
+    <link rel="icon" type="image/svg+xml" href="{% static 'img/favicon_down.svg' %}">
+    {% else %}
+    <link rel="icon" type="image/svg+xml" href="{% static 'img/favicon.svg' %}">
+    {% endif %}
+{% endblock %}
 
 {% block content %}
 

templates/front/details.html

@@ -2,6 +2,13 @@
 {% load compress humanize static hc_extras %}
 
 {% block title %}{{ check|down_title }}{% endblock %}
+{% block favicon %}
+    {% if check.status == "down" %}
+    <link rel="icon" type="image/svg+xml" href="{% static 'img/favicon_down.svg' %}">
+    {% else %}
+    <link rel="icon" type="image/svg+xml" href="{% static 'img/favicon.svg' %}">
+    {% endif %}
+{% endblock %}
 
 
 {% block content %}