comindware.core.ui/src/layout/carousel/CarouselDotsView.ts

Comindware Core UI provides the basic components like editors, lists, dropdowns, popups that we so desperately need while creating Marionette-based single-page applications.

import DotView from './DotView';

export default Marionette.CollectionView.extend({
    className: 'carousel__dots',

    childView: DotView,

    updateActive(currentIndex: number) {
        this.children.forEach(child => child.updateActive(currentIndex));
    },

    childViewEvents: {
        select: '__onSelect'
    },

    __onSelect(childView) {
        this.trigger('select:page', childView.model.id);
    }
});