Show loading placeholder

Form loads after ajax call, so it can take some time on big responses and slow connection

assets/static/templates.js

@@ -24,6 +24,7 @@ var Templates = (function(params) {
           silenceFormSuccess: '#silence-form-success',
           silenceFormError: '#silence-form-error',
           silenceFormFatal: '#silence-form-fatal',
+          silenceFormLoading: '#silence-form-loading',
 
           // label button
           buttonLabel: '#label-button-filter',

assets/static/ui.js

@@ -135,6 +135,9 @@ var UI = (function(params) {
         var modal = $("#silenceModal");
         modal.on("show.bs.modal", function(event) {
             Unsee.Pause();
+            modal.find(".modal-body").html(
+                Templates.Render("silenceFormLoading", {})
+            );
             var elem = $(event.relatedTarget);
             var elemLabels = {};
             $.each(elem.data("labels").split(","), function(i, l) {

assets/templates/silence.html

@@ -128,3 +128,9 @@
 <i class="fa fa-exclamation-circle"></i>
 <%- error %>
 </script>
+
+<script type="application/json" id="silence-form-loading">
+<div class="silence-result-icon text-center text-muted">
+  <i class="fa fa-refresh fa-spin"></i>
+</div>
+</script>