Split warning box rendering into dedicated template

assets/static/silence.js

@@ -288,7 +288,7 @@ var Silence = (function() {
                     $("#newSilenceForm").submit(function(event) {
                         var payload = silenceFormData();
                         if (payload.matchers.length === 0) {
-                            var errContent = Templates.Render("silenceFormError", {error: "Select at least on label"});
+                            var errContent = Templates.Render("silenceFormValidationError", {error: "Select at least on label"});
                             $("#newSilenceAlert").html(errContent).removeClass("hidden");
                             return false;
                         }

assets/static/templates.js

@@ -24,6 +24,7 @@ var Templates = (function() {
 
             // modal popup with silence form
             silenceForm: "#silence-form",
+            silenceFormValidationError: "#silence-form-validation-error",
             silenceFormResults: "#silence-form-results",
             silenceFormSuccess: "#silence-form-success",
             silenceFormError: "#silence-form-error",

assets/templates/silence.html

@@ -240,6 +240,13 @@
 </table>
 </script>
 
+<script type="application/json" id="silence-form-validation-error">
+<p class="text-center">
+  <i class="fa fa-exclamation-circle"></i>
+  <%- error %>
+</p>
+</script>
+
 <script type="application/json" id="silence-form-success">
 <p class="text-success">
   <i class="fa fa-check-circle"></i>