archive/healthchecks_healthchecks
0
0
Fork 0
mirror of https://github.com/healthchecks/healthchecks.git synced 2025-03-16 21:23:36 +00:00
Code Issues Projects Releases Wiki Activity

Generate less HTML to show the channel grid.

Browse source
This commit is contained in:
Pēteris Caune 2018-06-11 12:40:20 +03:00
parent 639249a395
commit b6d47eb3b5
No known key found for this signature in database
GPG key ID: E28D7679E9A9EDE2
2 changed files with 27 additions and 7 deletions
static/js
checks.js
templates/front
my_checks_desktop.html

18
static/js/checks.js
View file

@ -175,11 +175,27 @@ $(function () {
return false;
});
$(".integrations").tooltip({
container: "body",
selector: "img",
title: function() {
var idx = $(this).index();
return $("#ch-" + idx).data("title");
}
});
$(".integrations").on("click", "img", function() {
var isOff = $(this).toggleClass("off").hasClass("off");
var token = $('input[name=csrfmiddlewaretoken]').val();
var idx = $(this).index();
var checkCode = $(this).closest("tr").data("code");
var channelCode = $("#ch-" + idx).data("code");
var url = "/checks/" + checkCode + "/channels/" + channelCode + "/enabled";
$.ajax({
url: this.dataset.url,
url: url,
type: "post",
headers: {"X-CSRFToken": token},
data: {"state": isOff ? "off" : "on"}

16
templates/front/my_checks_desktop.html
View file

@ -80,12 +80,8 @@
<div class="integrations">
{% spaceless %}
{% for channel in channels %}
<img
data-toggle="tooltip"
data-url="{% url 'hc-switch-channel' check.code channel.code %}"
title="{{ channel }}"
src="{{ channel.icon_url }}"
{% if channel in check.channel_set.all %}{% else %}class="off"{% endif %} />
<img src="{{ channel.icon_url }}"
{% if channel in check.channel_set.all %}{% else %}class="off"{% endif %} />
{% endfor %}
{% endspaceless %}
</div>
@ -155,3 +151,11 @@
{% endfor %}
</table>
{% for channel in channels %}
<div
id="ch-{{ forloop.counter0}}"
data-code="{{ channel.code }}"
data-title="{{ channel }}">
</div>
{% endfor %}