Merge pull request #24671 from edx/ndalfonso/AA-264-mfe-courseware-reset-dates

AA-264 mfe courseware reset dates

lms/templates/dates_banner.html

@@ -9,13 +9,13 @@ from course_modes.models import CourseMode
 %>
 
 <%
-additional_styling_class = 'on-mobile' if is_mobile_app else 'has-button'
+additional_styling_class = 'on-mobile' if is_mobile_app and not is_learning_mfe else 'has-button'
 %>
 
 <%def name="reset_dates_banner()">
     <div class="dates-banner ${additional_styling_class}">
         <div class="dates-banner-text">
-        % if is_mobile_app:
+        % if is_mobile_app and not is_learning_mfe:
                 ${_('It looks like you missed some important deadlines based on our suggested schedule. ')}
                 ${_('To keep yourself on track, you can update this schedule and shift the past due assignments into the future by visiting ')}
                 <a class="mobile-dates-link" href="${web_app_course_url}">edx.org</a>.
@@ -25,22 +25,29 @@ additional_styling_class = 'on-mobile' if is_mobile_app else 'has-button'
                 ${_("To keep yourself on track, you can update this schedule and shift the past due assignments into the future. Don't worry—you won't lose any of the progress you've made when you shift your due dates.")}
             % endif
         </div>
-        % if not is_mobile_app:
-            <div class="upgrade-button">
-                <form method="post" action="${reset_deadlines_url}">
-                    <input type="hidden" id="csrf_token" name="csrfmiddlewaretoken" value="${csrf_token}">
-                    <input type="hidden" name="reset_deadlines_redirect_url_base" value="${reset_deadlines_redirect_url_base}">
-                    <input type="hidden" name="reset_deadlines_redirect_url_id_dict" value="${reset_deadlines_redirect_url_id_dict}">
-                    <button class="btn reset-deadlines-button">${_("Shift due dates")}</button>
-                </form>
-            </div>
+        % if not is_mobile_app or is_learning_mfe:
+            % if is_learning_mfe:
+                <div class="upgrade-button">
+                    <button class="btn reset-deadlines-button" onclick="reset_dates()">${_("Shift due dates")}</button>
+                </div>
+            % else:
+                <div class="upgrade-button">
+                    <form method="post" action="${reset_deadlines_url}">
+                        <input type="hidden" id="csrf_token" name="csrfmiddlewaretoken" value="${csrf_token}">
+                        <input type="hidden" name="reset_deadlines_redirect_url_base" value="${reset_deadlines_redirect_url_base}">
+                        <input type="hidden" name="reset_deadlines_redirect_url_id_dict" value="${reset_deadlines_redirect_url_id_dict}">
+                        <input type="hidden" name="is_learning_mfe" value="${is_learning_mfe or False}">
+                        <button class="btn reset-deadlines-button">${_("Shift due dates")}</button>
+                    </form>
+                </div>
+            % endif
         % endif
     </div>
 </%def>
 <%def name="upgrade_to_reset_banner()">
     <div class="dates-banner ${additional_styling_class}">
         <div class="dates-banner-text">
-            % if is_mobile_app:
+            % if is_mobile_app and not is_learning_mfe:
                 <strong>${_('You are auditing this course,')}</strong>
                 ${_(' which means that you are unable to participate in graded assignments.')}
                 ${_(' It looks like you missed some important deadlines based on our suggested schedule. Graded assignments and schedule adjustment are available to Verified Track learners.')}
@@ -50,7 +57,7 @@ additional_styling_class = 'on-mobile' if is_mobile_app else 'has-button'
                 ${_(' It looks like you missed some important deadlines based on our suggested schedule. To complete graded assignments as part of this course and shift the past due assignments into the future, you can upgrade today.')}
             % endif
         </div>
-        % if not is_mobile_app:
+        % if not is_mobile_app or is_learning_mfe:
             <div class="upgrade-button">
                 <a class="personalized_learner_schedules_button" href="${verified_upgrade_link}">
                     <button type="button">
@@ -64,7 +71,7 @@ additional_styling_class = 'on-mobile' if is_mobile_app else 'has-button'
 <%def name="upgrade_to_complete_graded_banner()">
     <div class="dates-banner ${additional_styling_class}">
         <div class="dates-banner-text">
-            % if is_mobile_app:
+            % if is_mobile_app and not is_learning_mfe:
                 <strong>${_('You are auditing this course,')}</strong>
                 ${_(' which means that you are unable to participate in graded assignments.')}
                 ${_('Graded assignments are available to Verified Track learners.')}
@@ -74,7 +81,7 @@ additional_styling_class = 'on-mobile' if is_mobile_app else 'has-button'
                 ${_(' To complete graded assignments as part of this course, you can upgrade today.')}
             % endif
         </div>
-        % if not is_mobile_app:
+        % if not is_mobile_app or is_learning_mfe:
             <div class="upgrade-button">
                 <a class="personalized_learner_schedules_button" href="${verified_upgrade_link}">
                     <button type="button">
@@ -107,3 +114,11 @@ additional_styling_class = 'on-mobile' if is_mobile_app else 'has-button'
         % endif
     % endif
 % endif
+
+% if is_learning_mfe:
+    <script>
+        function reset_dates() {
+            parent.postMessage('reset_dates', '*');
+        }
+    </script>
+% endif