From 1f5f5dfd00130e8b54d48c8b701f0d41d3c5bde7 Mon Sep 17 00:00:00 2001
From: amirfefer <amirfefer@gmail.com>
Date: Wed, 1 Mar 2017 12:34:13 +0200
Subject: [PATCH] Fixes #18740 - remove erb extension from host_checkbox.js

---
 .../javascripts/{host_checkbox.js.erb => host_checkbox.js} | 2 +-
 app/assets/stylesheets/application.scss                    | 7 +++++++
 2 files changed, 8 insertions(+), 1 deletion(-)
 rename app/assets/javascripts/{host_checkbox.js.erb => host_checkbox.js} (98%)

diff --git a/app/assets/javascripts/host_checkbox.js.erb b/app/assets/javascripts/host_checkbox.js
similarity index 98%
rename from app/assets/javascripts/host_checkbox.js.erb
rename to app/assets/javascripts/host_checkbox.js
index 50e2f195760..fe70fb10765 100644
--- a/app/assets/javascripts/host_checkbox.js.erb
+++ b/app/assets/javascripts/host_checkbox.js
@@ -124,7 +124,7 @@ function build_modal(element, url) {
   var title = $(element).attr('data-dialog-title');
   $('#confirmation-modal .modal-header h4').text(title);
   $('#confirmation-modal .modal-body').empty()
-    .append("<img class='modal-loading' src='<%= asset_path('spinner.gif') %>'");
+    .append("<div class='modal-spinner spinner spinner-lg'></div>");
   $('#confirmation-modal').modal();
   $("#confirmation-modal .modal-body").load(url + " #content",
       function(response, status, xhr) {
diff --git a/app/assets/stylesheets/application.scss b/app/assets/stylesheets/application.scss
index e3a1ab31592..65773b99efc 100644
--- a/app/assets/stylesheets/application.scss
+++ b/app/assets/stylesheets/application.scss
@@ -557,6 +557,13 @@ table {
   width: 80%;
 }
 
+.modal-spinner {
+  position: absolute;
+  display: block;
+  top: 50%;
+  left: 50%;
+}
+
 @media screen and (min-width: 768px) {
   .modal-big {
       width: 70%;