diff --git a/assets/static/templates.js b/assets/static/templates.js index 80507c81c..5e7f6ae74 100644 --- a/assets/static/templates.js +++ b/assets/static/templates.js @@ -22,6 +22,7 @@ var Templates = (function(params) { // modal popup with silence form silenceForm: '#silence-form', silenceFormSuccess: '#silence-form-success', + silenceFormError: '#silence-form-error', // label button buttonLabel: '#label-button-filter', diff --git a/assets/static/ui.js b/assets/static/ui.js index 362a31fed..4c42c05db 100644 --- a/assets/static/ui.js +++ b/assets/static/ui.js @@ -154,7 +154,8 @@ var UI = (function(params) { }); if (payload["matchers"].length == 0) { - $("#newSilenceAlert").html("Select at least on label").removeClass("hidden"); + var errContent = Templates.Render("silenceFormError", {error: "Select at least on label"}); + $("#newSilenceAlert").html(errContent).removeClass("hidden"); return false; } @@ -179,7 +180,8 @@ var UI = (function(params) { } } - $("#newSilenceAlert").html(err).removeClass("hidden"); + var errContent = Templates.Render("silenceFormError", {error: err}); + $("#newSilenceAlert").html(errContent).removeClass("hidden"); }, success: function(data, textStatus, xhr) { if (data["status"] == "success") { @@ -189,7 +191,8 @@ var UI = (function(params) { })); } else { var err = "Invalid response from Alertmanager API: " + JSON.stringify(data); - $("#newSilenceAlert").html(err).removeClass("hidden"); + var errContent = Templates.Render("silenceFormError", {error: err}); + $("#newSilenceAlert").html(errContent).removeClass("hidden"); } }, dataType: "json" diff --git a/assets/templates/silence.html b/assets/templates/silence.html index d5bb2850c..b46d53d89 100644 --- a/assets/templates/silence.html +++ b/assets/templates/silence.html @@ -3,46 +3,47 @@