diff --git a/lms/static/js/learner_dashboard/views/program_details_view.js b/lms/static/js/learner_dashboard/views/program_details_view.js index bd8575c05e..c22779f8a3 100644 --- a/lms/static/js/learner_dashboard/views/program_details_view.js +++ b/lms/static/js/learner_dashboard/views/program_details_view.js @@ -11,6 +11,7 @@ import HeaderView from './program_header_view'; import SidebarView from './program_details_sidebar_view'; import pageTpl from '../../../templates/learner_dashboard/program_details_view.underscore'; +import trackECommerceEvents from '../../commerce/track_ecommerce_events'; class ProgramDetailsView extends Backbone.View { constructor(options) { @@ -43,6 +44,13 @@ class ProgramDetailsView extends Backbone.View { ); this.render(); + + const $courseUpsellButton = $('#program_dashboard_course_upsell_all_button'); + trackECommerceEvents.trackUpsellClick($courseUpsellButton, 'program_dashboard_program', { + linkType: 'button', + pageName: 'program_dashboard', + linkCategory: 'green_upgrade', + }); } static getUrl(base, programData) { diff --git a/lms/templates/learner_dashboard/program_details_view.underscore b/lms/templates/learner_dashboard/program_details_view.underscore index 55676fcbbf..a0523e3cad 100644 --- a/lms/templates/learner_dashboard/program_details_view.underscore +++ b/lms/templates/learner_dashboard/program_details_view.underscore @@ -22,7 +22,7 @@ <% } %> <% if (is_learner_eligible_for_one_click_purchase && (typeof is_mobile_only === 'undefined' || is_mobile_only === false)) { %> - + <%- gettext('Upgrade All Remaining Courses (')%> <% if (discount_data.is_discounted) { %>