You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
85 lines
3.0 KiB
85 lines
3.0 KiB
{% extends "base.html" %}
|
|
{% load compress staticfiles hc_extras %}
|
|
|
|
{% block title %}Account Settings - {% site_name %}{% endblock %}
|
|
|
|
{% block content %}
|
|
<div class="row">
|
|
<div class="col-sm-12">
|
|
<h1 class="settings-title">Settings</h1>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<div class="col-sm-2">
|
|
<ul class="nav nav-pills nav-stacked">
|
|
<li><a href="{% url 'hc-profile' %}">Security</a></li>
|
|
<li><a href="{% url 'hc-notifications' %}">Notifications</a></li>
|
|
<li class="active"><a href="{% url 'hc-badges' %}">Badges</a></li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="col-sm-10">
|
|
<div class="panel panel-default">
|
|
<div class="panel-body settings-block">
|
|
<h2 class="settings-title">Status Badges</h2>
|
|
<p id="badges-description">
|
|
healthchecks.io provides status badges for each of the tags
|
|
you have used. The badges have public, but hard-to-guess
|
|
URLs. If you wish, you can add them to your READMEs,
|
|
dashboards or status pages.
|
|
</p>
|
|
{% if urls %}
|
|
|
|
<div id="b-format" class="btn-group" data-toggle="buttons">
|
|
<label id="show-svg" class="btn btn-default active">
|
|
<input type="radio" autocomplete="off" checked> SVG
|
|
</label>
|
|
<label id="show-json" class="btn btn-default">
|
|
<input type="radio" autocomplete="off"> JSON
|
|
</label>
|
|
</div>
|
|
|
|
<table id="badges-svg" class="badges table">
|
|
{% for urldict in urls %}
|
|
<tr>
|
|
<td>
|
|
<img src="{{ urldict.svg }}" alt="" />
|
|
</td>
|
|
<td class="svg-url">
|
|
<code>{{ urldict.svg }}</code>
|
|
</td>
|
|
</tr>
|
|
{% endfor %}
|
|
</table>
|
|
<table id="badges-json" class="badges table">
|
|
{% for urldict in urls %}
|
|
<tr>
|
|
<td class="json-response" data-url="{{ urldict.json }}">
|
|
</td>
|
|
<td class="json-url">
|
|
<code>{{ urldict.json }}</code>
|
|
</td>
|
|
</tr>
|
|
{% endfor %}
|
|
</table>
|
|
{% else %}
|
|
<p>
|
|
To get started with status badges, add some tags to
|
|
your checks!
|
|
</p>
|
|
{% endif %}
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{% 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/badges.js' %}"></script>
|
|
{% endcompress %}
|
|
{% endblock %}
|