From fbd8a0c8f4b88f044af76eaa3013b8041d45d651 Mon Sep 17 00:00:00 2001
From: Felix Niklas <mrflix@gmail.com>
Date: Wed, 30 Sep 2015 14:22:43 +0200
Subject: [PATCH] ticket selector: add preview loading icon

---
 .../app/views/layout_ref/sla_modal.jst.eco            |  8 +++++++-
 app/assets/stylesheets/zammad.scss                    | 11 +++++++++++
 2 files changed, 18 insertions(+), 1 deletion(-)

diff --git a/app/assets/javascripts/app/views/layout_ref/sla_modal.jst.eco b/app/assets/javascripts/app/views/layout_ref/sla_modal.jst.eco
index a55b2d385..dbb08256d 100644
--- a/app/assets/javascripts/app/views/layout_ref/sla_modal.jst.eco
+++ b/app/assets/javascripts/app/views/layout_ref/sla_modal.jst.eco
@@ -58,7 +58,13 @@
   </div>
 </div>
 <div class="filter-preview">
-  <h3>Preview <span class="subtitle"><span class="u-highlight">5</span> matches</span></h3>
+  <h3>
+    Preview 
+    <span class="subtitle hide">
+      <span class="u-highlight">5</span> matches
+    </span>
+    <span class="tiny loading icon" style="margin-left: 3px;"></span>
+  </h3>
   <table class="table table-hover">
     <thead>
       <tr>
diff --git a/app/assets/stylesheets/zammad.scss b/app/assets/stylesheets/zammad.scss
index c70d41263..9ce9e231d 100644
--- a/app/assets/stylesheets/zammad.scss
+++ b/app/assets/stylesheets/zammad.scss
@@ -6494,6 +6494,17 @@ output {
   }
 }
 
+.loading-placeholder {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: 133px;
+  
+  .loading-text {
+    margin-left: 10px;
+  }
+}
+
 /*
 
   ----------------