prometheus/web/ui/static/js/alerts.js

function init() {
  $(".alert_header").click(function() {
    var expanderIcon = $(this).find("i.icon-chevron-down");
    if (expanderIcon.length !== 0) {
      expanderIcon.removeClass("icon-chevron-down").addClass("icon-chevron-up");
    } else {
      var collapserIcon = $(this).find("i.icon-chevron-up");
      collapserIcon.removeClass("icon-chevron-up").addClass("icon-chevron-down");
    }
    $(this).next().toggle();
  });

  $("div.show-annotations").click(function() {
    const targetEl = $('div.show-annotations');
    const icon = $(targetEl).children('i');

    if (icon.hasClass('glyphicon-unchecked')) {
        $(".alert_annotations").show();
        $(".alert_annotations_header").show();
        $(targetEl).children('i').removeClass('glyphicon-unchecked').addClass('glyphicon-check');
        targetEl.addClass('is-checked');
    } else if (icon.hasClass('glyphicon-check')) {
        $(".alert_annotations").hide();
        $(".alert_annotations_header").hide();
        $(targetEl).children('i').removeClass('glyphicon-check').addClass('glyphicon-unchecked');
        targetEl.removeClass('is-checked');
    }
  });

  function displayAlerts(alertState, shouldDisplay) {
      $("#alertsTable > tbody > tr." + alertState).each(function(_, container) {
          $(container).toggle(shouldDisplay);
      });
  }

  if(localStorage.hideInactiveAlerts === "true") {
      $("#inactiveAlerts").parent().removeClass("active");
      displayAlerts("alert-success", false);
  }
  if(localStorage.hidePendingAlerts === "true") {
      $("#pendingAlerts").parent().removeClass("active");
      displayAlerts("alert-warning", false);
  }
  if(localStorage.hideFiringAlerts === "true") {
      $("#firingAlerts").parent().removeClass("active");
      displayAlerts("alert-danger", false);
  }

  $("#alertFilters :input").change(function() {
        const target = $(this).attr("id");
        var shouldHide = $(this).parent().hasClass("active");
        var checkClass = shouldHide ? 'unchecked' : 'check';
        $(this).parent().find('i.glyphicon')
          .removeClass("glyphicon-check")
          .removeClass("glyphicon-unchecked")
          .addClass("glyphicon-" + checkClass);
        if (target === "inactiveAlerts") {
            localStorage.setItem("hideInactiveAlerts", shouldHide);
            displayAlerts("alert-success", !shouldHide);
        } else if (target === "pendingAlerts") {
            localStorage.setItem("hidePendingAlerts", shouldHide);
            displayAlerts("alert-warning", !shouldHide);
        } else if (target === "firingAlerts") {
            localStorage.setItem("hideFiringAlerts", shouldHide);
            displayAlerts("alert-danger", !shouldHide);
        }
  });

}

$(init);