edx-platform/lms/static/js/learner_dashboard/views/sidebar_view.js

import Backbone from 'backbone';

import HtmlUtils from 'edx-ui-toolkit/js/utils/html-utils';

import NewProgramsView from './explore_new_programs_view';
import SubscriptionUpsellView from './subscription_upsell_view';

import sidebarTpl from '../../../templates/learner_dashboard/sidebar.underscore';

class SidebarView extends Backbone.View {
    constructor(options) {
        const defaults = {
            el: '.sidebar',
            events: {
                'click .js-subscription-upsell-cta ': 'trackSubscriptionUpsellCTA',
            },
        };
        super(Object.assign({}, defaults, options));
    }

    initialize(data) {
        this.tpl = HtmlUtils.template(sidebarTpl);
        this.context = data.context;
    }

    render() {
        HtmlUtils.setHtml(this.$el, this.tpl(this.context));
        this.postRender();
    }

    postRender() {
        if (this.context.isUserB2CSubscriptionsEnabled) {
            this.subscriptionUpsellView = new SubscriptionUpsellView({
                context: this.context,
            });
        }

        this.newProgramsView = new NewProgramsView({
            context: this.context,
        });
    }

    trackSubscriptionUpsellCTA() {
        window.analytics.track(
            'edx.bi.user.subscription.program-dashboard.upsell.clicked'
        );
    }
}

export default SidebarView;