From da9309709bbcb0ef02d4f9aa03370447ad4b08ea Mon Sep 17 00:00:00 2001
From: Felix Niklas <mrflix@gmail.com>
Date: Tue, 4 Aug 2015 16:56:10 +0200
Subject: [PATCH] searchable select: add loader icon

---
 .../app/views/generic/searchable_select.jst.eco  |  1 +
 app/assets/stylesheets/zammad.css.scss           | 16 ++++++++++++++++
 2 files changed, 17 insertions(+)

diff --git a/app/assets/javascripts/app/views/generic/searchable_select.jst.eco b/app/assets/javascripts/app/views/generic/searchable_select.jst.eco
index 75abd55b7..889362091 100644
--- a/app/assets/javascripts/app/views/generic/searchable_select.jst.eco
+++ b/app/assets/javascripts/app/views/generic/searchable_select.jst.eco
@@ -13,6 +13,7 @@
     value="<%= @value %>"
   >
   <svg class="icon-arrow-down"><use xlink:href="#icon-arrow-down" /></svg>
+  <div class="small loading icon"></div>
 </div>
 <ul class="dropdown-menu dropdown-menu-left js-optionsList" role="menu">
   <%- @renderedOptions %>
diff --git a/app/assets/stylesheets/zammad.css.scss b/app/assets/stylesheets/zammad.css.scss
index 8ea661906..3b3552ced 100644
--- a/app/assets/stylesheets/zammad.css.scss
+++ b/app/assets/stylesheets/zammad.css.scss
@@ -5676,6 +5676,22 @@ output {
   li:not(.is-active):hover + li {
     box-shadow: 0 1px rgba(255,255,255,.13) inset;
   }
+
+  .loading.icon {
+    position: absolute;
+    right: 11px;
+    top: 11px;
+    display: none;
+  }
+
+  &.is-loading {
+    .loading.icon {
+      display: block;
+    }
+    .icon-arrow-down {
+      display: none;
+    }
+  }
 }
 
 .action {