From 816225036f0c96eb90de58d8d11fe500ec90d33e Mon Sep 17 00:00:00 2001
From: Harrys Ravalomanana <hra@esokia.com>
Date: Wed, 14 Aug 2019 16:26:16 +0400
Subject: [PATCH] PHRAS-2282 add loader on results display

---
 templates/web/prod/WorkZone/Browser/Browser.html.twig | 6 ++++++
 templates/web/prod/WorkZone/Browser/Results.html.twig | 2 ++
 2 files changed, 8 insertions(+)

diff --git a/templates/web/prod/WorkZone/Browser/Browser.html.twig b/templates/web/prod/WorkZone/Browser/Browser.html.twig
index fad351dc25..91ca5054c5 100644
--- a/templates/web/prod/WorkZone/Browser/Browser.html.twig
+++ b/templates/web/prod/WorkZone/Browser/Browser.html.twig
@@ -95,5 +95,11 @@
   padding: 0 9px;
   font-weight: bold;
 }
+.result_loader {
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  transform: translate(-50%, -50%);
+}
 </style>
 
diff --git a/templates/web/prod/WorkZone/Browser/Results.html.twig b/templates/web/prod/WorkZone/Browser/Results.html.twig
index 041a246a41..1985bcaec4 100644
--- a/templates/web/prod/WorkZone/Browser/Results.html.twig
+++ b/templates/web/prod/WorkZone/Browser/Results.html.twig
@@ -119,6 +119,7 @@
   //load the next result page
     jQuery(document).ready(function(){
         jQuery('.next_res').click(function(){
+            jQuery('.results').append('<img class="result_loader" src="/assets/common/images/icons/loading.svg">');
             jQuery('.results').load($(this).attr('href'));
             return false;
         });
@@ -126,6 +127,7 @@
   //load the prev result page
     jQuery(document).ready(function(){
         jQuery('.prev_res').click(function(){
+            jQuery('.results').append('<img class="result_loader" src="/assets/common/images/icons/loading.svg">');
             jQuery('.results').load($(this).attr('href'));
             return false;
         });