karma/assets/static/unsilence.js

"use strict";

const $ = require("jquery");

const unsee = require("./unsee");

var selectors = {
    button: "button.silence-delete"
};

function unsilenceButtonByID(alertmanagerURI, silenceID) {
    var amSelector = "[data-alertmanager-uri='" + alertmanagerURI + "']";
    var silenceSelector = "[data-silence-id='" + silenceID + "']";
    return $(selectors.button + amSelector + silenceSelector);
}

function markInProgress(alertmanagerURI, silenceID) {
    var elem = unsilenceButtonByID(alertmanagerURI, silenceID);
    elem.attr("title", "Silence is being deleted from Alertmanager");
    elem.tooltip("fixTitle");
    elem.find(".fa").removeClass("fa-trash-o").addClass("fa-refresh fa-spin");
}

function markFailed(alertmanagerURI, silenceID, xhr) {
    var err = unsee.parseAJAXError(xhr, "Failed to delete this silence from Alertmanager");
    var elem = unsilenceButtonByID(alertmanagerURI, silenceID);
    elem.attr("title", err);
    elem.tooltip("fixTitle");
    elem.find(".fa").removeClass("fa-trash-o fa-refresh fa-spin").addClass("fa-exclamation-circle text-danger");

    // Disable button, wait 5s and reset button to the original state
    elem.data("disabled", "true");
    setTimeout(function() {
        elem.find(".fa").removeClass("fa-exclamation-circle text-danger").addClass("fa-trash-o");
        elem.removeData("disabled");
        elem.attr("title", "Delete this silence");
        elem.tooltip("fixTitle");
    }, 5000);
}

function markSuccess(alertmanagerURI, silenceID) {
    var elem = unsilenceButtonByID(alertmanagerURI, silenceID);
    elem.attr("title", "Silence deleted from Alertmanager");
    elem.tooltip("fixTitle");
    elem.find(".fa").removeClass("fa-trash-o fa-refresh fa-spin").addClass("fa-check-circle text-success");
    // disable button so it's no longer clickable
    elem.data("disabled", "true");
}

function deleteSilence(alertmanagerURI, silenceID) {
    $.ajax({
        type: "DELETE",
        url: alertmanagerURI + "/api/v1/silence/" + silenceID,
        error: function(xhr) {
            markFailed(alertmanagerURI, silenceID, xhr);
        },
        success: function() {
            markSuccess(alertmanagerURI, silenceID);
        },
        dataType: "json"
    });
}

function init() {
    $("body").on("click", selectors.button, function(event) {
        var elem = $(event.currentTarget);

        if (elem.data("disabled")) {
            // if we marked button as disabled then skip all actions
            // we use data attr to keep tooplips working on disabled buttons
            // setting attr(disabled) via jquery disables bootstrap tooltips
            return false;
        }

        // hide tooltip for button that triggers this action
        elem.tooltip("hide");

        var amURI = elem.data("alertmanager-uri");
        var silenceID = elem.data("silence-id");

        // change icon to indicate progress
        markInProgress(amURI, silenceID);

        // send DELETE request to Alertmanager
        deleteSilence(amURI, silenceID);
    });
}

exports.init = init;