diff --git a/app/course/courseApp.js b/app/course/courseApp.js
index e785a5fb1..4312e3dee 100644
--- a/app/course/courseApp.js
+++ b/app/course/courseApp.js
@@ -24,6 +24,7 @@ import censusChart from './directives/censusChart.js';
 import courseTable from './directives/courseTable.js';
 import activeFilters from './directives/activeFilters/activeFilters.js';
 import moveCourseModal from './directives/moveCourseModal/moveCourseModal.js';
+import convertSectionsModal from './directives/convertSectionsModal/convertSectionsModal.js';
 
 // Dependencies
 var dependencies = [
@@ -88,6 +89,7 @@ const courseApp = angular.module("courseApp", dependencies) // eslint-disable-li
 .directive('censusChart', censusChart)
 .directive('courseTable', courseTable)
 .directive('activeFilters', activeFilters)
+.directive('convertSectionsModal', convertSectionsModal)
 .constant('ActionTypes', {
   INIT_STATE: "INIT_STATE",
   NEW_COURSE: "NEW_COURSE",
@@ -97,6 +99,7 @@ const courseApp = angular.module("courseApp", dependencies) // eslint-disable-li
   GET_COURSE_CENSUS: "GET_COURSE_CENSUS",
   BEGIN_FETCH_CENSUS: "BEGIN_FETCH_CENSUS",
   ADD_SECTION_GROUP: "ADD_SECTION_GROUP",
+  CREATE_SECTION_GROUP: "CREATE_SECTION_GROUP",
   REMOVE_SECTION_GROUP: "REMOVE_SECTION_GROUP",
   UPDATE_SECTION_GROUP: "UPDATE_SECTION_GROUP",
   TOGGLE_TERM_FILTER: "TOGGLE_TERM_FILTER",
@@ -124,7 +127,8 @@ const courseApp = angular.module("courseApp", dependencies) // eslint-disable-li
   CLOSE_COURSE_DELETION_MODAL: "CLOSE_COURSE_DELETION_MODAL",
   TOGGLE_MOVE_COURSE_MODAL: "TOGGLE_MOVE_COURSE_MODAL",
   DELETE_MULTIPLE_COURSES: "DELETE_MULTIPLE_COURSES",
-  MASS_ASSIGN_TAGS: "MASS_ASSIGN_TAGS"
+  MASS_ASSIGN_TAGS: "MASS_ASSIGN_TAGS",
+  TOGGLE_CONVERT_SECTIONS_MODAL: "TOGGLE_CONVERT_SECTIONS_MODAL"
 });
 
 export default courseApp;
diff --git a/app/course/directives/convertSectionsModal/convertSectionsModal.css b/app/course/directives/convertSectionsModal/convertSectionsModal.css
new file mode 100644
index 000000000..0be1df4cb
--- /dev/null
+++ b/app/course/directives/convertSectionsModal/convertSectionsModal.css
@@ -0,0 +1,34 @@
+.convert-sections-modal .convert-sections-modal-footer {
+  padding: 10px;
+  display: flex;
+  justify-content: flex-end;
+  padding-bottom: 15px;
+  padding-top: 15px;
+}
+
+.convert-sections-modal .convert-sections-warning {
+  padding: 20px;
+}
+
+.convert-sections-modal .sub-detail {
+  font-weight: bold;
+  font-size: 14px;
+  padding-top: 15px;
+}
+
+.convert-sections-modal .btn-default {
+  background-color: white;
+  margin-right: 10px;
+}
+
+.convertion-details {
+  display: flex;
+}
+
+.conversion-details-example {
+  flex: 50%;
+}
+
+.course-details_update-sequence {
+  width: 135px;
+}
diff --git a/app/course/directives/convertSectionsModal/convertSectionsModal.html b/app/course/directives/convertSectionsModal/convertSectionsModal.html
new file mode 100644
index 000000000..dcb19439e
--- /dev/null
+++ b/app/course/directives/convertSectionsModal/convertSectionsModal.html
@@ -0,0 +1,87 @@
+<div class="convert-sections-modal">
+  <form role="form" class="form-horizontal">
+    <div class="convert-sections-warning">
+      <div >
+        <strong>New Sequence Pattern</strong>
+        <br />
+        <div class="course-details_update-sequence"
+              tooltip-append-to-body="true"
+              tooltip-placement="left"
+              uib-tooltip="{{ selectedEntity.sequencePatternTooltipMessage }}">
+          <ipa-input
+            value="selectedEntity.sequencePattern"
+            is-invalid="selectedEntity.sequencePattern && (!isValid() || !isUnique())"
+            on-update="updateSequencePattern()"
+            on-blur="updateSequencePattern()"
+            update-delay="50">
+          </ipa-input>
+        </div>
+      <div>
+        <br>
+        After conversion <strong>teaching assignments</strong> and the <strong>Live Data budget scenario</strong> will be updated to reflect the change.
+        <br>
+        <i>All non-live data budget scenarios will be updated <strong>unless</strong> they have a conflicting offering.</i>
+        <br>
+        <i>Budget requests will <strong>not</strong> be updated.</i>
+        <br><br>
+        Additionally, sections that belong to this course offering will be converted from <strong>{{isSeries() ? 'discussions to lectures' : 'lectures to discussions'}}</strong>
+        <br><br><b>For Example:</b><br><br>
+        <div class="convertion-details" ng-show="!isSeries()">
+          <div class="conversion-details-example">
+            <strong>Before</strong><br><br>
+            XYZ 10 - 001
+            <li>
+              Section 001: 100 Seats
+            </li>
+          </div>
+          <div class="conversion-details-example">
+            <strong>After</strong><br><br>
+            XYZ 10 - A
+            <li>
+              Section A01: 100 Seats
+            </li>
+          </div>
+        </div>
+        <div class="convertion-details" ng-show="isSeries()">
+          <div class="conversion-details-example">
+            <strong>Before</strong><br><br>
+            XYZ 10 - A
+            <li>
+              Section A01: 25 Seats
+            </li>
+            <li>
+              Section A02: 25 Seats
+            </li>
+            <li>
+              Section A03: 25 Seats
+            </li>
+            <li>
+              Section A04: 25 Seats
+            </li>
+          </div>
+          <div class="conversion-details-example">
+            <strong>After</strong><br><br>
+            XYZ 10 - 001
+            <li>
+              Section 001 Seats 100
+            </li>
+          </div>
+        </div>
+      </div>
+    </div>
+
+    <div class="convert-sections-modal-footer">
+      <button ng-click="close()"
+              type="button"
+              class="btn btn-default modal-button">
+        Cancel
+      </button>
+      <button ng-click="convertCourseOffering()"
+              ng-disabled="!isValid() || !isUnique()"
+              type="button"
+              class="btn btn-danger modal-button">
+        Convert
+      </button>
+    </div>
+  </form>
+</div>
diff --git a/app/course/directives/convertSectionsModal/convertSectionsModal.js b/app/course/directives/convertSectionsModal/convertSectionsModal.js
new file mode 100644
index 000000000..0297db1dd
--- /dev/null
+++ b/app/course/directives/convertSectionsModal/convertSectionsModal.js
@@ -0,0 +1,106 @@
+import './convertSectionsModal.css';
+import { isNumber, isLetter } from 'shared/helpers/types';
+
+let convertSectionsModal = function (CourseActionCreators) {
+  return {
+    restrict: 'E',
+    template: require('./convertSectionsModal.html'),
+    replace: true,
+    scope: {
+      workgroupId: '<',
+      year: '<',
+      selectedEntity: '<',
+      isVisible: '=',
+      state: '='
+    },
+    link: function (scope) {
+
+      scope.convertCourseOffering = function () {
+        CourseActionCreators.convertCourseOffering(scope.workgroupId, scope.year, scope.selectedEntity, scope.selectedEntity.sequencePattern.toUpperCase());
+        scope.isVisible = false;
+      };
+
+      scope.close = function() {
+        scope.isVisible = false;
+      };
+
+      scope.isSeries = function () {
+        if (scope.selectedEntity){
+          let selectedEntity = scope.selectedEntity;
+          let course = scope.state.courses.list[selectedEntity.courseId];
+          if (course){
+            return course.isSeries();
+          } else {
+            return false;
+          }
+        }
+        return false;
+      };
+
+      scope.isValid = function () {
+        var isValid = false;
+        if (scope.selectedEntity && scope.selectedEntity.sequencePattern){
+          if (!scope.isSeries()){
+            if (scope.selectedEntity.sequencePattern.length === 1 && isLetter(scope.selectedEntity.sequencePattern[0].toUpperCase())){
+              scope.selectedEntity.sequencePatternTooltipMessage = null;
+              isValid = true;
+            } else {
+              scope.selectedEntity.sequencePatternTooltipMessage = "Sequence pattern format is incorrect. Valid format is '1 letter' (ex: 'A').";
+              isValid = false;
+            }
+          } else {
+            if (
+              scope.selectedEntity.sequencePattern.length === 3 &&
+              isNumber(scope.selectedEntity.sequencePattern[0]) &&
+              isNumber(scope.selectedEntity.sequencePattern[1]) &&
+              isNumber(scope.selectedEntity.sequencePattern[2])
+            ){
+              scope.selectedEntity.sequencePatternTooltipMessage = null;
+              isValid = true;
+            } else {
+              scope.selectedEntity.sequencePatternTooltipMessage = "Sequence pattern format is incorrect. Valid format is '3 numbers' (ex: '002').";
+              isValid = false;
+            }
+          }
+        }
+        return isValid;
+      };
+
+      scope.isUnique = function () {
+        var isUnique = false;
+        if (scope.selectedEntity && scope.selectedEntity.sequencePattern){
+          var sectionGroup = scope.selectedEntity;
+          var course = course = scope.state.courses.list[sectionGroup.courseId];
+          var courseDescription = course.subjectCode + "-" + course.courseNumber + "-" + sectionGroup.sequencePattern.toUpperCase();
+          isUnique = true;
+          scope.selectedEntity.sequencePatternTooltipMessage = null;
+
+          scope.state.courses.ids.forEach(function(courseId) {
+            var c = scope.state.courses.list[courseId];
+            let cDescription = c.subjectCode + "-" + c.courseNumber + "-" + c.sequencePattern;
+
+            if (courseDescription == cDescription) {
+              scope.state.sectionGroups.ids.forEach(function(sectionGroupId) {
+                var sg = scope.state.sectionGroups.list[sectionGroupId];
+                if (sg.courseId == c.id && sg.termCode == sectionGroup.termCode){
+                  scope.selectedEntity.sequencePatternTooltipMessage = "Sequence pattern already in use.";
+                  isUnique = false;
+                }
+              });
+            }
+          });
+      }
+
+        return isUnique;
+      };
+
+      scope.updateSequencePattern = function(){
+        if (scope.selectedEntity.sequencePattern){
+          scope.selectedEntity.sequencePattern = scope.selectedEntity.sequencePattern.toUpperCase();
+        }
+      };
+    } // end link
+  };
+};
+
+export default convertSectionsModal;
diff --git a/app/course/directives/courseDetails/courseDetails.html b/app/course/directives/courseDetails/courseDetails.html
index e4f284b79..ec9264165 100644
--- a/app/course/directives/courseDetails/courseDetails.html
+++ b/app/course/directives/courseDetails/courseDetails.html
@@ -53,7 +53,7 @@ <h4>
                 <ipa-input value="view.selectedEntity.sequencePattern"
                             on-update="updateSequencePattern()"
                             on-blur="updateSequencePattern()"
-                            update-delay="50"
+                            update-delay="1"
                             place-holder="sequenceNumberPlaceholder"
                             ng-if="!view.state.uiState.tableLocked"
                             is-invalid="courseDetails.sequencePatternTooltipMessage">
diff --git a/app/course/directives/courseDetails/courseDetails.js b/app/course/directives/courseDetails/courseDetails.js
index 3938e80d1..64627b310 100644
--- a/app/course/directives/courseDetails/courseDetails.js
+++ b/app/course/directives/courseDetails/courseDetails.js
@@ -60,7 +60,7 @@ let courseDetails = function (CourseActionCreators, SectionService) {
         }
 
         if (scope.isSequencePatternUnique(sequencePattern) == false) {
-          scope.courseDetails.sequencePatternTooltipMessage = "Sequence pattern already in use";
+          scope.courseDetails.sequencePatternTooltipMessage = "Sequence pattern already in use.";
           return;
         }
 
diff --git a/app/course/directives/courseTable.js b/app/course/directives/courseTable.js
index 8597e29b2..abf70e4f6 100644
--- a/app/course/directives/courseTable.js
+++ b/app/course/directives/courseTable.js
@@ -38,6 +38,7 @@ let courseTable = function ($rootScope, $timeout, CourseActionCreators, $compile
         ActionTypes.UPDATE_SECTION_GROUP,
         ActionTypes.REMOVE_SECTION_GROUP,
         ActionTypes.ADD_SECTION_GROUP,
+        ActionTypes.CREATE_SECTION_GROUP,
         ActionTypes.DELETE_MULTIPLE_COURSES,
         ActionTypes.MASS_ASSIGN_TAGS,
         ActionTypes.CREATE_SECTION,
@@ -56,11 +57,30 @@ let courseTable = function ($rootScope, $timeout, CourseActionCreators, $compile
           return;
         }
 
-        if (data.action.type == ActionTypes.ADD_SECTION_GROUP) {
+        if (data.action.type == ActionTypes.ADD_SECTION_GROUP || data.action.type == ActionTypes.CREATE_SECTION_GROUP) {
           // Indicate on the textbox that the sectionGroup is offered
           $('tr[data-course-id="' + data.action.payload.sectionGroup.courseId + '"] td[data-term-code="' + data.action.payload.sectionGroup.termCode + '"]').addClass("is-offered"); // eslint-disable-line no-undef
           $('tr[data-course-id="' + data.action.payload.sectionGroup.courseId + '"] td[data-term-code="' + data.action.payload.sectionGroup.termCode + '"] input').attr( 'placeholder', '0 planned seats' ); // eslint-disable-line
+          $('tr[data-course-id="' + data.action.payload.sectionGroup.courseId + '"] td[data-term-code="' + data.action.payload.sectionGroup.termCode + '"] input').attr( 'value', data.action.payload.sectionGroup.plannedSeats ); // eslint-disable-line
 
+          if (data.action.type == ActionTypes.CREATE_SECTION_GROUP){
+            scope.previouslySelectedCourseId = data.state.uiState.selectedCourseId;
+            scope.previouslySelectedTermCode = data.state.uiState.selectedTermCode;
+
+            // Remove existing highlighting
+            element.find('tbody > tr').removeClass("selected-tr");
+            element.find('tbody > tr > td').removeClass("selected-td");
+
+            data.state.uiState.selectedCourseId = data.action.payload.sectionGroup.courseId;
+            $('tr[data-course-id="' + data.state.uiState.selectedCourseId + '"] td[data-term-code="' + data.state.uiState.selectedTermCode + '"]').addClass("selected-td"); // eslint-disable-line no-undef
+
+            scope.manuallyDeselectAllCourseRows();
+            scope.manuallyToggleSelectedCourse(data.state.uiState.selectedCourseId);
+            CourseActionCreators.deselectAllCourseRows();
+            CourseActionCreators.toggleSelectCourse(data.state.uiState.selectedCourseId);
+
+            return;
+          }
 
           return;
         }
diff --git a/app/course/directives/sectionGroupDetails/sectionGroupDetails.css b/app/course/directives/sectionGroupDetails/sectionGroupDetails.css
new file mode 100644
index 000000000..6dbf4f9e2
--- /dev/null
+++ b/app/course/directives/sectionGroupDetails/sectionGroupDetails.css
@@ -0,0 +1,3 @@
+.section-group-details__convert-offering-container {
+  margin-bottom: 20px
+}
diff --git a/app/course/directives/sectionGroupDetails/sectionGroupDetails.html b/app/course/directives/sectionGroupDetails/sectionGroupDetails.html
index 4881a8438..dbe24a895 100644
--- a/app/course/directives/sectionGroupDetails/sectionGroupDetails.html
+++ b/app/course/directives/sectionGroupDetails/sectionGroupDetails.html
@@ -111,6 +111,15 @@ <h4>
           overflow-auto="true"
         ></ipa-dropdown>
 
+        <div class="section-group-details__convert-offering-container">
+          <button
+            class="btn btn-primary"
+            ng-click="convertOffering()"
+            ng-if="!isLocked()">
+            Convert to {{isSeries() ? "Lecture" : "Discussion"}}
+          </button>
+        </div>
+
         <button
           class="btn btn-danger"
           ng-if="!isLocked()"
diff --git a/app/course/directives/sectionGroupDetails/sectionGroupDetails.js b/app/course/directives/sectionGroupDetails/sectionGroupDetails.js
index fd53ef22f..cb3a1f781 100644
--- a/app/course/directives/sectionGroupDetails/sectionGroupDetails.js
+++ b/app/course/directives/sectionGroupDetails/sectionGroupDetails.js
@@ -1,3 +1,5 @@
+import './sectionGroupDetails.css';
+
 let sectionGroupDetails = function (CourseActionCreators, Term) {
   return {
     restrict: 'E',
@@ -107,6 +109,10 @@ let sectionGroupDetails = function (CourseActionCreators, Term) {
         let course = scope.view.state.courses.list[selectedEntity.courseId];
         return course.isSeries();
       };
+
+      scope.convertOffering = function (){
+        CourseActionCreators.toggleConvertSectionsModal();
+      };
     }
   };
 };
diff --git a/app/course/services/courseActionCreators.js b/app/course/services/courseActionCreators.js
index 44f9baf87..f8f87ca50 100644
--- a/app/course/services/courseActionCreators.js
+++ b/app/course/services/courseActionCreators.js
@@ -197,7 +197,7 @@ class CourseActionCreators {
         var self = this;
         CourseService.deleteMultipleCourses(courseIds, workgroupId, year).then(function () {
           window.ipa_analyze_event('courses', 'multiple courses deleted');
-  
+
           $rootScope.$emit('toast', { message: "Deleted courses.", type: "SUCCESS" });
           var action = {
             type: ActionTypes.DELETE_MULTIPLE_COURSES,
@@ -585,6 +585,14 @@ class CourseActionCreators {
           }
         });
       },
+      toggleConvertSectionsModal: function(sequencePattern) {
+        CourseStateService.reduce({
+          type: ActionTypes.TOGGLE_CONVERT_SECTIONS_MODAL,
+          payload: {
+            sequencePattern: sequencePattern
+          }
+        });
+      },
       _generateAttentionFlags: function(payload) {
         var sectionGroups = [];
         var sections = [];
@@ -596,7 +604,7 @@ class CourseActionCreators {
         } else {
           sectionGroups = payload.sectionGroups;
           sections = payload.sections;
-        } 
+        }
 
         for (var i = 0; i < sectionGroups.length; i++) {
           var sectionGroup = sectionGroups[i];
@@ -612,6 +620,43 @@ class CourseActionCreators {
         }
 
         return flagsGenerated;
+      },
+      convertCourseOffering: function (workgroupId, year, sectionGroup, sequencePattern) {
+
+        CourseService.convertCourseOffering(workgroupId, year, sectionGroup, sequencePattern).then(function (details) {
+          window.ipa_analyze_event('courses', 'course offering converted');
+          var course = details[0];
+          var sectionGroup = details[1];
+          $rootScope.$emit('toast', { message: "Converted course offering.", type: "SUCCESS" });
+
+          var action = {
+            type: ActionTypes.REMOVE_SECTION_GROUP,
+            payload: {
+              sectionGroup: sectionGroup
+            }
+          };
+          CourseStateService.reduce(action);
+
+          var action = {
+            type: ActionTypes.CREATE_COURSE,
+            payload: {
+              course: course
+            }
+          };
+          CourseStateService.reduce(action);
+          CourseService.getSectionsBySectionGroupId(sectionGroup.id).then(function (sections) {
+            var action = {
+            type: ActionTypes.CREATE_SECTION_GROUP,
+            payload: {
+              sectionGroup: sectionGroup,
+              sections: sections
+            }
+          };
+          CourseStateService.reduce(action);
+          });
+        }, function () {
+          $rootScope.$emit('toast', { message: "Could not Convert course offering.", type: "ERROR" });
+        });
       }
     };
   }
diff --git a/app/course/services/courseService.js b/app/course/services/courseService.js
index 28ce05f6f..b5f7a9ecb 100644
--- a/app/course/services/courseService.js
+++ b/app/course/services/courseService.js
@@ -124,7 +124,10 @@ class CourseService {
       },
       getAuditLogs: function (workgroupId, year) {
         return _self.ApiService.get("/api/workgroups/" + workgroupId + "/years/" + year + "/modules/Courses" + "/auditLogs");
-      }
+      },
+      convertCourseOffering: function (workgroupId, year, sectionGroup, sequencePattern) {
+        return _self.ApiService.post("/api/courseView/workgroups/" + workgroupId + "/years/" + year + "/courses/" + sectionGroup.courseId + "/sectionGroups/" + sectionGroup.id + "/convert/" + sequencePattern);
+      },
     };
   }
 }
diff --git a/app/course/services/courseStateService.js b/app/course/services/courseStateService.js
index 9d79f77e8..ce5f9ff67 100644
--- a/app/course/services/courseStateService.js
+++ b/app/course/services/courseStateService.js
@@ -124,6 +124,7 @@ class CourseStateService {
             // Insert new course
             courses.list[action.payload.course.id] = new Course(action.payload.course);
             courses.ids.splice(newCourseIndex, 0, action.payload.course.id);
+            courses.ids = _array_sortIdsByProperty(courses.list, ["subjectCode", "courseNumber", "sequencePattern"]);
             return courses;
           case ActionTypes.DELETE_MULTIPLE_COURSES:
             action.payload.courseIds.forEach(function(courseId) {
@@ -252,6 +253,14 @@ class CourseStateService {
             sectionGroups.selectedSectionGroup.sections = action.payload.sections;
             sectionGroups.newSectionGroup = null;
             return sectionGroups;
+          case ActionTypes.CREATE_SECTION_GROUP:
+            sectionGroups.list[action.payload.sectionGroup.id] = new SectionGroup(action.payload.sectionGroup);
+            sectionGroups.list[action.payload.sectionGroup.id].sectionIds = [action.payload.sections[0].id];
+            sectionGroups.ids.push(action.payload.sectionGroup.id);
+            sectionGroups.selectedSectionGroup = sectionGroups.list[action.payload.sectionGroup.id];
+            sectionGroups.selectedSectionGroup.sections = action.payload.sections;
+            sectionGroups.newSectionGroup = null;
+            return sectionGroups;
           case ActionTypes.REMOVE_SECTION_GROUP:
             var sectionGroupIndex = sectionGroups.ids.indexOf(action.payload.sectionGroup.id);
             sectionGroups.ids.splice(sectionGroupIndex, 1);
@@ -275,6 +284,7 @@ class CourseStateService {
                 return 0;
               })
               .map(function (section) { return section.id; });
+            sectionGroups.list[action.payload.sectionGroup.id].sections = action.payload.sections;
             return sectionGroups;
           case ActionTypes.CREATE_SECTION:
             sectionGroups.selectedSectionGroup = sectionGroups.list[action.payload.section.sectionGroupId];
@@ -314,6 +324,13 @@ class CourseStateService {
           case ActionTypes.END_IMPORT_MODE:
             sectionGroups.importList = null;
             return sectionGroups;
+          case ActionTypes.UPDATE_COURSE:
+              sectionGroups.ids.forEach(function (sectionId) {
+                if (sectionGroups.list[sectionId].sectionIds){
+                  delete sectionGroups.list[sectionId].sectionIds;
+                }
+              });
+              return sectionGroups;
           default:
             return sectionGroups;
         }
@@ -342,6 +359,10 @@ class CourseStateService {
             sections.list[action.payload.sections[0].id] = new Section(action.payload.sections[0]);
             sections.ids.push(action.payload.sections[0].id);
             return sections;
+          case ActionTypes.CREATE_SECTION_GROUP:
+              sections.list[action.payload.sections[0].id] = new Section(action.payload.sections[0]);
+              sections.ids.push(action.payload.sections[0].id);
+              return sections;
           case ActionTypes.CREATE_SECTION:
             sections.list[action.payload.section.id] = new Section(action.payload.section);
             sections.ids.push(action.payload.section.id);
@@ -446,6 +467,10 @@ class CourseStateService {
               searchingCourseToImport: false,
               selectedCourseRowIds: [],
               isCourseDeleteModalOpen: false,
+              convertSectionsModal: {
+                isVisible: false,
+                newSequence: null
+              },
               moveCourseModal: {
                 show: false,
                 selectedSectionGroup: null,
@@ -566,6 +591,10 @@ class CourseStateService {
           case ActionTypes.CLOSE_COURSE_DELETION_MODAL:
             uiState.isCourseDeleteModalOpen = false;
             return uiState;
+          case ActionTypes.TOGGLE_CONVERT_SECTIONS_MODAL:
+            uiState.convertSectionsModal.isVisible = !uiState.convertSectionsModal.isVisible;
+            uiState.convertSectionsModal.sequencePattern = action.payload.sequencePattern;
+            return uiState;
           case ActionTypes.TOGGLE_MOVE_COURSE_MODAL:
             uiState.moveCourseModal.show = !uiState.moveCourseModal.show;
             uiState.moveCourseModal.selectedSectionGroup = action.payload.selectedSectionGroup;
diff --git a/app/course/templates/CourseCtrl.html b/app/course/templates/CourseCtrl.html
index f3d5fa8cd..fc96e2340 100644
--- a/app/course/templates/CourseCtrl.html
+++ b/app/course/templates/CourseCtrl.html
@@ -11,6 +11,12 @@
       <delete-course-modal ng-if="view.state.uiState.isCourseDeleteModalOpen" state="view.state" is-visible="view.state.uiState.isCourseDeleteModalOpen"></delete-course-modal>
   </ipa-modal>
 
+  <ipa-modal
+    is-visible="view.state.uiState.convertSectionsModal.isVisible"
+    header-text="Convert Course Offering">
+      <convert-sections-modal is-visible="view.state.uiState.convertSectionsModal.isVisible" selected-entity="view.selectedEntity" workgroup-id="workgroupId" year="year" state="view.state"></convert-sections-modal>
+  </ipa-modal>
+
   <ipa-modal
     is-visible="view.state.uiState.moveCourseModal.show"
     header-text="Confirm Move Offering"
@@ -56,7 +62,7 @@
             ng-click="toggleAssignTagsDropdown()">
           </span>
 
-            <assign-tag-tooltip 
+            <assign-tag-tooltip
               is-visible="view.isAssignTagsDropdownOpen">
             </assign-tag-tooltip>
         </div>