healthchecks/templates/front/projects.html
Pēteris Caune 67560c96e1
Change icon CSS class prefix to work around Fanboy's filter list
Problem: if you use uBlock Origin, and enable the
"Fanboy's Social" filter list, Healthchecks does not show
Telegram or WhatsApp icons. This is because the filter list
contains "##.icon-telegram" and "##.icon-whatsapp" entries.

This commit changes the CSS class prefix to "ic-". So we're
now using icon classes like "ic-telegram" and "ic-whatsapp".

As a bonus, we save 2 bytes in HTML per displayed icon :-)
2021-02-03 10:44:35 +02:00

64 lines
1.9 KiB
HTML

{% extends "base.html" %}
{% load compress static hc_extras %}
{% block title %}{{ site_name }}{% endblock %}
{% block content %}
<div class="row">
<div class="col-sm-12">
<h1 class="settings-title">
My Projects
</h1>
<div id="project-selector" class="row">
{% for project in projects %}
<a href="{% url 'hc-checks' project.code %}">
<div class="col-sm-6 col-md-4">
<div class="panel project {% if project.id == last_project_id %}selected{% endif %}">
<div class="status ic-{{ project.overall_status }}"></div>
<h4>{{ project }}</h4>
<div>
{% with project.check_set.count as n %}
{{ n }} check{{ n|pluralize }},
{% endwith %}
{% with project.channel_set.count as n %}
{{ n }} integration{{ n|pluralize }}
{% endwith %}
</div>
<div class="text-muted">
{{ project.owner.email }}
</div>
</div>
</div>
</a>
{% endfor %}
<a id="add-project" href="#" data-toggle="modal" data-target="#add-project-modal">
<div class="col-sm-6 col-md-4">
<div class="panel project">
New Project&hellip;
</div>
</div>
</a>
</div>
</div>
</div>
{% include "accounts/add_project_modal.html" %}
{% endblock %}
{% block scripts %}
{% compress js %}
<script src="{% static 'js/jquery-2.1.4.min.js' %}"></script>
<script src="{% static 'js/bootstrap.min.js' %}"></script>
<script src="{% static 'js/add_project_modal.js' %}"></script>
{% endcompress %}
{% endblock %}