51 lines
1.4 KiB
JavaScript
51 lines
1.4 KiB
JavaScript
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({
|
|
subscriptionUpsellData: this.context.subscriptionUpsellData,
|
|
});
|
|
}
|
|
|
|
this.newProgramsView = new NewProgramsView({
|
|
context: this.context,
|
|
});
|
|
}
|
|
|
|
trackSubscriptionUpsellCTA() {
|
|
window.analytics.track(
|
|
'edx.bi.user.subscription.program-dashboard.upsell.clicked'
|
|
);
|
|
}
|
|
}
|
|
|
|
export default SidebarView;
|