feat: status bar

Author: navinkarkera

src/course-outline/CourseOutline.tsx

@@ -316,7 +316,7 @@ const CourseOutline = ({ courseId }: CourseOutlineProps) => {
             ) : null}
           </TransitionReplace>
           <SubHeader
-            title={intl.formatMessage(messages.headingTitle)}
+            title={courseName}
             subtitle={intl.formatMessage(messages.headingSubtitle)}
             headerActions={(
               <CourseOutlineHeaderActionsSlot

src/course-outline/data/slice.ts

@@ -22,6 +22,7 @@ const initialState = {
   savingStatus: '',
   statusBarData: {
     courseReleaseDate: '',
+    endDate: '',
     highlightsEnabledForMessaging: false,
     isSelfPaced: false,
     checklist: {

src/course-outline/data/thunk.ts

@@ -75,6 +75,7 @@ export function fetchCourseOutlineIndexQuery(courseId: string): (dispatch: any)
           videoSharingEnabled,
           videoSharingOptions,
           actions,
+          end,
         },
       } = outlineIndex;
       dispatch(fetchOutlineIndexSuccess(outlineIndex));
@@ -83,6 +84,7 @@ export function fetchCourseOutlineIndexQuery(courseId: string): (dispatch: any)
         highlightsEnabledForMessaging,
         videoSharingOptions,
         videoSharingEnabled,
+        endDate: end,
       }));
       dispatch(updateCourseActions(actions));
 

src/course-outline/data/types.ts

@@ -4,6 +4,8 @@ export interface CourseStructure {
   highlightsEnabledForMessaging: boolean,
   videoSharingEnabled: boolean,
   videoSharingOptions: string,
+  start: string,
+  end: string,
   actions: XBlockActions,
 }
 
@@ -33,6 +35,21 @@ export interface CourseDetails {
   description?: string;
 }
 
+export interface CourseOutlineStatusBar {
+  courseReleaseDate: string;
+  endDate: string;
+  highlightsEnabledForMessaging: boolean;
+  isSelfPaced: boolean;
+  checklist: {
+    totalCourseLaunchChecks: number;
+    completedCourseLaunchChecks: number;
+    totalCourseBestPracticesChecks: number;
+    completedCourseBestPracticesChecks: number;
+  };
+  videoSharingEnabled: boolean;
+  videoSharingOptions: string;
+}
+
 export interface CourseOutlineState {
   loadingStatus: {
     outlineIndexLoadingStatus: string;
@@ -48,19 +65,7 @@ export interface CourseOutlineState {
   };
   outlineIndexData: object;
   savingStatus: string;
-  statusBarData: {
-    courseReleaseDate: string;
-    highlightsEnabledForMessaging: boolean;
-    isSelfPaced: boolean;
-    checklist: {
-      totalCourseLaunchChecks: number;
-      completedCourseLaunchChecks: number;
-      totalCourseBestPracticesChecks: number;
-      completedCourseBestPracticesChecks: number;
-    };
-    videoSharingEnabled: boolean;
-    videoSharingOptions: string;
-  };
+  statusBarData: CourseOutlineStatusBar;
   sectionsList: Array<XBlock>;
   isCustomRelativeDatesActive: boolean;
   currentSection: XBlock | {};

src/course-outline/messages.js

@@ -7,7 +7,7 @@ const messages = defineMessages({
   },
   headingSubtitle: {
     id: 'course-authoring.course-outline.subTitle',
-    defaultMessage: 'Content',
+    defaultMessage: 'Course Outline',
   },
   alertSuccessTitle: {
     id: 'course-authoring.course-outline.reindex.alert.success.title',