feat(spinner): use core spinner

BREAKING CHANGE
showLoader and hideLoader events are no longer triggered. Core elgg/spinner is
used instead.

README.md

@@ -92,8 +92,4 @@ $('.elgg-list').on('ready', callback);
 // Callback will receive list options as a second parameter
 $('.elgg-list').on('change', callback);
 
-// Event triggered whenever a spinner is shown and hidden
-$('.elgg-list').on('showLoader', callback);
-$('.elgg-list').on('hideLoader', callback);
-
 ```

views/default/components/list.js

@@ -3,7 +3,8 @@ define('hypeList', [
 	'elgg',
 	'components/list/defaults',
 	'components/list/list',
-	'components/list/pagination'
+	'components/list/pagination',
+	'elgg/spinner'
 ], function ($, elgg, defaults, hypeList, hypeListPagination) {
 
 	/**

views/default/components/list/init.js

@@ -15,24 +15,4 @@ define(function (require) {
 			$container.addClass('elgg-state-ready');
 		});
 	});
-
-	$(document).on('showLoader.spinner', '.elgg-list,.elgg-gallery', function () {
-		if (require.defined('elgg/spinner')) {
-			require(['elgg/spinner'], function (spinner) {
-				spinner.start();
-			});
-		} else {
-			var cl = $(this).data('classLoading') || 'elgg-state-loading';
-			$('body').addClass(cl);
-		}
-	}).on('hideLoader.spinner', '.elgg-list,.elgg-gallery', function () {
-		if (require.defined('elgg/spinner')) {
-			require(['elgg/spinner'], function (spinner) {
-				spinner.stop();
-			});
-		} else {
-			var cl = $(this).data('classLoading') || 'elgg-state-loading';
-			$('body').removeClass(cl);
-		}
-	});
 });

views/default/components/list/list.js

@@ -2,7 +2,8 @@ define(function (require) {
 
 	var elgg = require('elgg');
 	var $ = require('jquery');
-
+	var spinner = require('elgg/spinner');
+
 	/**
 	 * List constructor
 	 *
@@ -672,12 +673,8 @@ define(function (require) {
 			// Element has been removed, so there is no reason for other handlers to do anything
 			return false;
 		},
-		showLoader: function () {
-			this.$elem.trigger('showLoader');
-		},
-		hideLoader: function () {
-			this.$elem.trigger('hideLoader');
-		}
+		showLoader: spinner.start,
+		hideLoader: spinner.stop
 	};
 
 	return hypeList;