mediawiki-extensions-RelatedArticles/resources/ext.relatedArticles.cards/CardListView.js

'use strict';

/**
 * View that renders multiple {@link mw.cards.CardView cards}
 *
 * @class mw.cards.CardListView
 * @param {mw.cards.CardView[]} cardViews
 */
function CardListView( cardViews ) {
	var self = this;

	/**
	 * @property {mw.cards.CardView[]|Array}
	 */
	this.cardViews = cardViews || [];

	/**
	 * @property {jQuery}
	 */
	this.$el = $( '<ul>' ).attr( { class: 'ext-related-articles-card-list' } );

	// We don't want to use template partials because we want to
	// preserve event handlers of each card view.
	this.cardViews.forEach( function ( cardView ) {
		self.$el.append( cardView.$el );
	} );
}
OO.initClass( CardListView );

module.exports = CardListView;