$(function () {
|
|
$("#edit-name").click(function() {
|
|
$('#update-name-modal').modal("show");
|
|
$("#update-name-input").focus();
|
|
|
|
return false;
|
|
});
|
|
|
|
// Configure Selectize for entering tags
|
|
function toOption(tag) {
|
|
return {value: tag}
|
|
}
|
|
|
|
// Use attr() instead of data() here, as data() converts attribute's string value
|
|
// to a JS object, but we need an unconverted string:
|
|
var allTags = $("#update-tags-input").attr("data-all-tags");
|
|
var options = allTags ? allTags.split(" ").map(toOption) : [];
|
|
$("#update-tags-input").selectize({
|
|
create: true,
|
|
createOnBlur: true,
|
|
delimiter: " ",
|
|
labelField: "value",
|
|
searchField: ["value"],
|
|
hideSelected: true,
|
|
highlight: false,
|
|
options: options
|
|
});
|
|
|
|
$("#new-check-alert a").click(function() {
|
|
$("#" + this.dataset.target).click();
|
|
return false;
|
|
});
|
|
|
|
$("#edit-desc").click(function() {
|
|
$('#update-name-modal').modal("show");
|
|
$("#update-desc-input").focus();
|
|
|
|
return false;
|
|
});
|
|
|
|
$("#log-status-text").on("click", "#resume-btn", function() {
|
|
$("#resume-form").submit();
|
|
return false;
|
|
});
|
|
|
|
$("#pause").click(function(e) {
|
|
$("#pause-form").submit();
|
|
return false;
|
|
});
|
|
|
|
$("#ping-now").click(function(e) {
|
|
var button = this;
|
|
$.post(this.dataset.url, function() {
|
|
button.textContent = "Success!";
|
|
});
|
|
});
|
|
|
|
$("#ping-now").mouseout(function(e) {
|
|
setTimeout(function() {
|
|
e.target.textContent = "Ping Now!";
|
|
}, 300);
|
|
});
|
|
|
|
$("#details-integrations.rw tr").click(function() {
|
|
var isOn = $(this).toggleClass("on").hasClass("on");
|
|
$(".label", this).text(isOn ? "ON" : "OFF");
|
|
|
|
var token = $('input[name=csrfmiddlewaretoken]').val();
|
|
$.ajax({
|
|
url: this.dataset.url,
|
|
type: "post",
|
|
headers: {"X-CSRFToken": token},
|
|
data: {"state": isOn ? "on" : "off"}
|
|
});
|
|
});
|
|
|
|
var statusUrl = document.getElementById("events").dataset.statusUrl;
|
|
var lastStatusText = "";
|
|
var lastUpdated = "";
|
|
adaptiveSetInterval(function() {
|
|
$.ajax({
|
|
url: statusUrl + (lastUpdated ? "?u=" + lastUpdated : ""),
|
|
dataType: "json",
|
|
timeout: 2000,
|
|
success: function(data) {
|
|
if (data.status_text != lastStatusText) {
|
|
lastStatusText = data.status_text;
|
|
$("#log-status-icon").attr("class", "status ic-" + data.status);
|
|
$("#log-status-text").html(data.status_text);
|
|
|
|
$('#pause-btn').prop('disabled', data.status == "paused");
|
|
}
|
|
|
|
if (data.events) {
|
|
lastUpdated = data.updated;
|
|
$("#log-container").html(data.events);
|
|
switchDateFormat(lastFormat);
|
|
}
|
|
|
|
if (data.downtimes) {
|
|
$("#downtimes").html(data.downtimes);
|
|
}
|
|
|
|
if (document.title != data.title) {
|
|
document.title = data.title;
|
|
}
|
|
}
|
|
});
|
|
}, true);
|
|
|
|
// Copy to clipboard
|
|
var clipboard = new Clipboard('button.copy-btn');
|
|
$("button.copy-btn").mouseout(function(e) {
|
|
setTimeout(function() {
|
|
e.target.textContent = e.target.dataset.label;
|
|
}, 300);
|
|
});
|
|
|
|
clipboard.on('success', function(e) {
|
|
e.trigger.textContent = "Copied!";
|
|
e.clearSelection();
|
|
});
|
|
|
|
clipboard.on('error', function(e) {
|
|
var text = e.trigger.getAttribute("data-clipboard-text");
|
|
prompt("Press Ctrl+C to select:", text)
|
|
});
|
|
|
|
$("#events").on("click", "tr.ok", function() {
|
|
$("#ping-details-body").text("Updating...");
|
|
$('#ping-details-modal').modal("show");
|
|
|
|
$.get(this.dataset.url, function(data) {
|
|
$("#ping-details-body").html(data);
|
|
|
|
var htmlPre = $("#email-body-html pre");
|
|
if (htmlPre.length) {
|
|
var opts = {USE_PROFILES: {html: true}};
|
|
var clean = DOMPurify.sanitize(htmlPre.text(), opts);
|
|
var blob = new Blob([clean], {type: "text/html; charset=utf-8"});
|
|
|
|
var iframe = document.createElement("iframe");
|
|
iframe.sandbox = "";
|
|
iframe.src = URL.createObjectURL(blob);
|
|
|
|
htmlPre.replaceWith(iframe);
|
|
}
|
|
}
|
|
);
|
|
|
|
return false;
|
|
});
|
|
|
|
var lastFormat = "local";
|
|
function switchDateFormat(format) {
|
|
lastFormat = format;
|
|
$("#log tr").each(function(index, row) {
|
|
var dt = moment(row.getAttribute("data-dt"));
|
|
format == "local" ? dt.local() : dt.tz(format);
|
|
|
|
$(".date", row).text(dt.format("MMM D"));
|
|
$(".time", row).text(dt.format("HH:mm"));
|
|
})
|
|
|
|
// The table is initially hidden to avoid flickering as we convert dates.
|
|
// Once it's ready, set it to visible:
|
|
$("#log").css("visibility", "visible");
|
|
}
|
|
|
|
|
|
$("#format-switcher").click(function(ev) {
|
|
var format = ev.target.getAttribute("data-format");
|
|
switchDateFormat(format);
|
|
});
|
|
|
|
|
|
var transferFormLoadStarted = false;
|
|
$("#transfer-btn").on("mouseenter click", function() {
|
|
if (transferFormLoadStarted)
|
|
return;
|
|
|
|
transferFormLoadStarted = true;
|
|
$.get(this.dataset.url, function(data) {
|
|
$("#transfer-modal" ).html(data);
|
|
$("#target-project").selectpicker();
|
|
});
|
|
});
|
|
|
|
// Enable the submit button in transfer form when user selects
|
|
// the target project:
|
|
$("#transfer-modal").on("change", "#target-project", function() {
|
|
$("#transfer-confirm").prop("disabled", !this.value);
|
|
});
|
|
|
|
|
|
// Enable/disable fields in the "Filtering Rules" modal
|
|
$("input[type=radio][name=filter_by_subject]").on("change", function() {
|
|
var enableInputs = this.value == "yes";
|
|
$(".filter-by-subject").prop("disabled", !enableInputs);
|
|
});
|
|
|
|
});
|