diff --git a/assets/static/alerts.js b/assets/static/alerts.js index 830afe7e2..1ed950ea9 100644 --- a/assets/static/alerts.js +++ b/assets/static/alerts.js @@ -33,6 +33,7 @@ AlertGroup.prototype.Added = function() { var elem = $("#" + this.id); ui.setupGroupTooltips(elem); ui.setupGroupLinkHover(elem); + ui.setupGroupAnnotationToggles(elem); }; AlertGroup.prototype.Update = function() { diff --git a/assets/static/templates.js b/assets/static/templates.js index ddaedaab3..9012b87d9 100644 --- a/assets/static/templates.js +++ b/assets/static/templates.js @@ -36,8 +36,9 @@ var templates = {}, silenceFormFatal: "#silence-form-fatal", silenceFormLoading: "#silence-form-loading", - // label button + // alert partials buttonLabel: "#label-button-filter", + alertAnnotation: "#alert-annotation", // alert group alertGroup: "#alert-group", diff --git a/assets/static/ui.js b/assets/static/ui.js index 2849a75a3..c12a2a2b5 100644 --- a/assets/static/ui.js +++ b/assets/static/ui.js @@ -75,6 +75,28 @@ function setupGroupTooltips(groupElem) { }); } +function setupGroupAnnotationToggles(groupElem) { + $(groupElem).on("click", "[data-toggle=toggle-hidden-annotation]", function() { + var alert = $(this).parent(); + var icon = $(this).find("i.fa"); + var showingHidden = icon.hasClass("fa-search-minus"); + if (showingHidden) { + // we're currently showing hidden annotations, so the action is to hide them + icon.removeClass("fa-search-minus").addClass("fa-search-plus"); + $.each(alert.find(".hidden-annotation"), function(i, annotation){ + $(annotation).addClass("hidden"); + }); + } else { + // we're currently hiding hidden annotations, so the action is to show them + icon.removeClass("fa-search-plus").addClass("fa-search-minus"); + $.each(alert.find(".hidden-annotation"), function(i, annotation){ + $(annotation).removeClass("hidden"); + }); + } + }); +} + exports.setupModal = setupModal; exports.setupGroupTooltips = setupGroupTooltips; exports.setupGroupLinkHover = setupGroupLinkHover; +exports.setupGroupAnnotationToggles = setupGroupAnnotationToggles; diff --git a/assets/templates/alertgroup.html b/assets/templates/alertgroup.html index e7e31bcc2..a5a0faa1b 100644 --- a/assets/templates/alertgroup.html +++ b/assets/templates/alertgroup.html @@ -27,20 +27,20 @@ + +