MediaWiki:Common.js: Difference between revisions

← Older edit Newer edit →

@@ Line 2,998: / Line 2,998: @@
 (function rbBooksFilters() {
-	var $filters = $('.books-filters');
+	var $host = $('.books-filters-host').first();
-	if (!$filters.length) return;
+	var $slides = $('.mw-parser-output .notable-slides').first();
-	$filters.on('click', '.books-filter', function () {
+	if (!$host.length || !$slides.length) return;
-		var kind = $(this).data('filter');
+	if (!$slides.find('.notable-slide-card[class*="book-kind-"]').length) return;
-		$filters.find('.books-filter').removeClass('is-active');
+	if ($host.find('.books-filters').length) return;
+	var filters = [
+		{ id: 'all', label: 'All' },
+		{ id: 'memoir', label: 'Memoirs & letters' },
+		{ id: 'history', label: 'History' },
+		{ id: 'novel', label: 'Novels' },
+		{ id: 'other', label: 'Other' }
+	];
+	var $bar = $('<div class="books-filters" role="group" aria-label="Filter books"></div>');
+	filters.forEach(function (f, i) {
+		var $btn = $('<button type="button" class="books-filter"></button>');
+		$btn.attr('data-filter', f.id).text(f.label);
+		if (i === 0) $btn.addClass('is-active');
+		$bar.append($btn);
+	});
+	$host.empty().append($bar);
+	$bar.on('click', '.books-filter', function () {
+		var kind = $(this).attr('data-filter');
+		$bar.find('.books-filter').removeClass('is-active');
 		$(this).addClass('is-active');
-		$('.notable-slides .notable-slide-card[data-book-kind]').each(function () {
+		$slides.find('.notable-slide-card').each(function () {
-			var k = $(this).attr('data-book-kind');
+			var $c = $(this);
+			var cls = $c.attr('class') || '';
+			var m = cls.match(/book-kind-([a-z]+)/);
+			var k = m ? m[1] : 'other';
 			var show = kind === 'all' || k === kind;
-			$(this).toggleClass('is-book-hidden', !show);
+			$c.toggleClass('is-book-hidden', !show);
 		});
 	});