From 94378cb06c16ef45c778fd2e646bae3c5372c588 Mon Sep 17 00:00:00 2001
From: julianajlk <jkang@edx.org>
Date: Tue, 21 Sep 2021 13:34:10 -0400
Subject: [PATCH] feat: add JS for upgrade button redirect in Track Selection
 (#28805)

REV-2387
---
 lms/static/sass/views/_track_selection.scss     |  5 ++++-
 lms/templates/course_modes/track_selection.html | 11 +++++++++++
 2 files changed, 15 insertions(+), 1 deletion(-)

diff --git a/lms/static/sass/views/_track_selection.scss b/lms/static/sass/views/_track_selection.scss
index b7814ee91f..a50e77d457 100644
--- a/lms/static/sass/views/_track_selection.scss
+++ b/lms/static/sass/views/_track_selection.scss
@@ -20,7 +20,6 @@
         background-color: white;
         border: 1px solid #707070;
         position: relative;
-        float: right;
     }
 
     .track-selection-certificate {
@@ -240,6 +239,10 @@
         .price-display {
             font-size: 14px;
         }
+
+        .choice-bullets {
+            padding: 0 2rem 1rem 1rem;
+        }
     }
 
     @media (min-width: map-get($grid-breakpoints, 'md')) {
diff --git a/lms/templates/course_modes/track_selection.html b/lms/templates/course_modes/track_selection.html
index 5e88555338..e3915e2041 100644
--- a/lms/templates/course_modes/track_selection.html
+++ b/lms/templates/course_modes/track_selection.html
@@ -16,6 +16,17 @@ from openedx.core.djangolib.js_utils import js_escaped_string
 
 <%block name="js_extra">
     <script type="text/javascript">
+        // upgrade button re-direct to ecommerce basket (which re-directs to Payment MFE)
+        % if use_ecommerce_payment_flow:
+        $(function(){
+            $('button[name=verified_mode]').click(function(e){
+                e.preventDefault();
+                window.location.href = '${ecommerce_payment_page | n, js_escaped_string}?sku=' +
+                encodeURIComponent('${sku | n, js_escaped_string}');
+            });
+        });
+        % endif
+
         // popover icon toggle
         $(function(){
             $('body').click(function (e) {