From 42968ba12e765299ab3d356fd6b539003f43dff2 Mon Sep 17 00:00:00 2001
From: Mario Colque <colquemario@gmail.com>
Date: Wed, 12 Feb 2014 12:57:50 -0300
Subject: [PATCH] fixed #253

---
 public/img/loading.gif              | Bin 0 -> 1849 bytes
 public/src/css/common.css           |   7 +++++++
 public/src/js/controllers/search.js |   7 +++++++
 public/views/includes/header.html   |   2 +-
 4 files changed, 15 insertions(+), 1 deletion(-)
 create mode 100644 public/img/loading.gif

diff --git a/public/img/loading.gif b/public/img/loading.gif
new file mode 100644
index 0000000000000000000000000000000000000000..48ee52a3ada4aafd79ff4ab21e6909dee2e642d1
GIT binary patch
literal 1849
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

literal 0
HcmV?d00001

diff --git a/public/src/css/common.css b/public/src/css/common.css
index 4e8ea714..5ab795e6 100644
--- a/public/src/css/common.css
+++ b/public/src/css/common.css
@@ -138,6 +138,13 @@ h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
   font-family: 'Ubuntu', sans-serif;
 }
 
+#search.loading {
+  background-image: url('/img/loading.gif');
+  background-position: 5px center;
+  background-repeat: no-repeat;
+  padding-left: 25px;
+}
+
 #search::-webkit-input-placeholder {
   color: #BCDF7E;
   font-family: 'Ubuntu', sans-serif;
diff --git a/public/src/js/controllers/search.js b/public/src/js/controllers/search.js
index b12f3bbe..c41bbb88 100644
--- a/public/src/js/controllers/search.js
+++ b/public/src/js/controllers/search.js
@@ -3,6 +3,7 @@
 angular.module('insight.search').controller('SearchController',
   function($scope, $routeParams, $location, $timeout, Global, Block, Transaction, Address, BlockByHeight) {
   $scope.global = Global;
+  $scope.loading = false;
 
   var _badQuery = function() {
     $scope.badQuery = true;
@@ -15,23 +16,27 @@ angular.module('insight.search').controller('SearchController',
   $scope.search = function() {
     var q = $scope.q;
     $scope.badQuery = false;
+    $scope.loading = true;
 
     Block.get({
       blockHash: q
     }, function() {
       $scope.q = '';
+      $scope.loading = false;
       $location.path('block/' + q);
     }, function () { //block not found, search on TX
       Transaction.get({
         txId: q
       }, function() {
         $scope.q = '';
+        $scope.loading = false;
         $location.path('tx/' + q);
       }, function () { //tx not found, search on Address
         Address.get({
           addrStr: q
         }, function() {
           $scope.q = '';
+          $scope.loading = false;
           $location.path('address/' + q);
         }, function () { // block by height not found
           if (isFinite(q)) { // ensure that q is a finite number. A logical height value.
@@ -39,12 +44,14 @@ angular.module('insight.search').controller('SearchController',
               blockHeight: q
             }, function(hash) {
               $scope.q = '';
+              $scope.loading = false;
               $location.path('/block/' + hash.blockHash);
             }, function() { //not found, fail :(
               _badQuery();
             });
           }
           else {
+            $scope.loading = false;
             _badQuery();
           }
         });
diff --git a/public/views/includes/header.html b/public/views/includes/header.html
index 888b4395..0e2d7dc6 100644
--- a/public/views/includes/header.html
+++ b/public/views/includes/header.html
@@ -17,7 +17,7 @@
       </ul>
       <form data-ng-controller="SearchController" class="navbar-form navbar-left" role="search" data-ng-submit="search()">
         <div class="form-group" data-ng-class="{'has-error': badQuery}">
-          <input id="search" type="text" class="form-control" data-ng-model="q" placeholder="Search for block, transaction or address">
+          <input id="search" type="text" class="form-control" data-ng-model="q" data-ng-class="{'loading': loading}"  placeholder="Search for block, transaction or address">
         </div>
         <div class="no_matching text-danger" data-ng-show="badQuery">No matching records found!</div>
       </form>