Display logic on the programs page.

common/djangoapps/entitlements/models.py

 import uuid as uuid_tools
 from datetime import datetime, timedelta
+from util.date_utils import strftime_localized
 
 import pytz
+import time
 from django.conf import settings
 from django.contrib.sites.models import Site
 from django.db import models
@@ -215,10 +217,20 @@ class CourseEntitlement(TimeStampedModel):
 
     def to_dict(self):
         """ Convert entitlement to dictionary representation. """
+        entitlement_expiration_date, entitlement_expired_at = None, None
+        if self.get_days_until_expiration() < settings.ENTITLEMENT_EXPIRED_ALERT_PERIOD:
+            entitlement_expiration_date = strftime_localized(
+                datetime.now(tz=pytz.UTC) + timedelta(days=self.get_days_until_expiration()),
+                'SHORT_DATE'
+            )
+            entitlement_expired_at = strftime_localized(
+                self.expired_at_datetime, 'SHORT_DATE') if self.expired_at_datetime else None
+
         return {
             'uuid': str(self.uuid),
             'course_uuid': str(self.course_uuid),
-            'expired_at': self.expired_at
+            'expired_at': entitlement_expired_at,
+            'expiration_date': entitlement_expiration_date
         }
 
     @classmethod

lms/static/js/learner_dashboard/views/course_card_view.js

@@ -90,7 +90,9 @@
                              entitlementUUID: this.entitlement.uuid,
                              currentSessionId: this.model.get('course_run_key'),
                              enrollUrl: this.model.get('enroll_url'),
-                             courseHomeUrl: this.model.get('course_url')
+                             courseHomeUrl: this.model.get('course_url'),
+                             expiredAt: this.entitlement.expired_at,
+                             daysUntilExpiration: this.entitlement.days_util_expiration
                          });
                      }
 

lms/static/sass/views/_course-entitlements.scss

@@ -107,7 +107,7 @@
     }
 
     .change-session {
-      @include margin(0, 0, $baseline/4, $baseline/4);
+      @include margin(0, 0, 0, $baseline/4);
 
       padding: 0;
       font-size: $font-size-sm;

lms/static/sass/views/_program-details.scss

@@ -475,7 +475,8 @@
         }
       }
 
-      .run-period {
+      .run-period,
+      .info-expires-at {
         color: palette(grayscale, base);
         font-size: 0.9375em;
       }
@@ -505,7 +506,6 @@
         vertical-align: top;
         padding: 0 10px 0 0;
         float: left;
-        width: calc(100% - 205px);
       }
     }
 

lms/templates/learner_dashboard/course_card.underscore

@@ -17,12 +17,28 @@
                     <% } %>
                     <% if (dateString && !is_unfulfilled_entitlement) { %>
                         <span class="run-period"><%- dateString %></span>
-                        <% if (user_entitlement && !is_unfulfilled_entitlement) { %>
+                        <% if (user_entitlement && !user_entitlement.expired_at && !is_unfulfilled_entitlement) { %>
                             <button class="change-session btn-link" aria-controls="change-session-<%-user_entitlement.uuid%>"> <%- gettext('Change Session')%></button>
                         <% } %>
                     <% } %>
                 </div>
-            </div>
+                <% if (user_entitlement && user_entitlement.expiration_date) { %>
+                    <div class="info-expires-at">
+                        <% if (is_unfulfilled_entitlement) { %>
+                            <% if (user_entitlement.expired_at) { %>
+                                <%- StringUtils.interpolate(gettext('You can no longer select a session as of {expiration_date}.'), {expiration_date: user_entitlement.expiration_date}) %>
+                            <% } else { %>
+                                <%- StringUtils.interpolate( gettext('You must select a session by {expiration_date} to access the course.'), {expiration_date: user_entitlement.expiration_date}) %>
+                            <% } %>
+                        <% } else { %>
+                            <% if (user_entitlement.expired_at) { %>
+                                <%- gettext('You can no longer change sessions.')%>
+                            <% } else { %>
+                                <%- StringUtils.interpolate(gettext('You can change sessions until {expiration_date}.'), {expiration_date: user_entitlement.expiration_date}) %>
+                            <% } %>
+                        <% } %>
+                    </div>
+                 <% } %>
             <div class="course-actions"></div>
         </div>
         <div class="course-certificate certificate-status"></div>