From: Magnus Kühn <magnus.khn@gmail.com>
Date: Sun, 30 Jun 2013 07:50:52 +0000 (+0200)
Subject: Shows an inline spinner when searching
X-Git-Tag: 2.0.0_Beta_7~31^2~5^2~3^2
X-Git-Url: https://git.stricted.de/?a=commitdiff_plain;h=b608ea3493177ba7ac364acc8a5d8da697189db1;p=GitHub%2FWoltLab%2FWCF.git

Shows an inline spinner when searching
---

diff --git a/wcfsetup/install/files/js/WCF.js b/wcfsetup/install/files/js/WCF.js
index de6ff699aa..d72b65663c 100755
--- a/wcfsetup/install/files/js/WCF.js
+++ b/wcfsetup/install/files/js/WCF.js
@@ -5353,6 +5353,7 @@ WCF.Search.Base = Class.extend({
 				}
 			};
 			
+			this._searchInput.parents('.searchBar').addClass('loading');
 			this._proxy.setOption('data', {
 				actionName: 'getSearchResultList',
 				className: this._className,
@@ -5488,6 +5489,7 @@ WCF.Search.Base = Class.extend({
 	 */
 	_success: function(data, textStatus, jqXHR) {
 		this._clearList(false);
+		this._searchInput.parents('.searchBar').removeClass('loading');
 		
 		if ($.getLength(data.returnValues)) {
 			for (var $i in data.returnValues) {
diff --git a/wcfsetup/install/files/style/layout.less b/wcfsetup/install/files/style/layout.less
index 4659a77ee8..4a687d24bc 100644
--- a/wcfsetup/install/files/style/layout.less
+++ b/wcfsetup/install/files/style/layout.less
@@ -119,6 +119,14 @@
 				position: absolute;
 				top: 12px;
 			}
+			&.loading:before {
+				content: "\f110";
+				
+				-moz-animation: spin 2s infinite linear;
+				-o-animation: spin 2s infinite linear;
+				-webkit-animation: spin 2s infinite linear;
+				animation: spin 2s infinite linear;
+			}
 			
 			> form {
 				display: inline-block;