diff --git a/cms/static/cms/js/spec/main.js b/cms/static/cms/js/spec/main.js
index a734ab416a94..e7660161da33 100644
--- a/cms/static/cms/js/spec/main.js
+++ b/cms/static/cms/js/spec/main.js
@@ -233,7 +233,6 @@
         'js/spec/models/metadata_spec',
         'js/spec/models/section_spec',
         'js/spec/models/settings_course_grader_spec',
-        'js/spec/models/settings_grading_spec',
         'js/spec/models/upload_spec',
         'js/spec/views/metadata_edit_spec',
         'js/spec/views/upload_spec',
@@ -263,8 +262,7 @@
         'js/spec/views/pages/library_users_spec',
         'js/spec/views/modals/base_modal_spec',
         'js/spec/views/modals/move_xblock_modal_spec',
-        'js/spec/views/modals/validation_error_modal_spec',
-        'js/spec/views/settings/main_spec',
+        'js/spec/views/modals/validation_error_modal_spec'
     ];
 
     i = 0;
diff --git a/cms/static/js/collections/course_grader.js b/cms/static/js/collections/course_grader.js
deleted file mode 100644
index c7f61483635e..000000000000
--- a/cms/static/js/collections/course_grader.js
+++ /dev/null
@@ -1,10 +0,0 @@
-define(['backbone', 'js/models/settings/course_grader'], function(Backbone, CourseGrader) {
-    var CourseGraderCollection = Backbone.Collection.extend({
-        model: CourseGrader,
-        sumWeights: function() {
-            return this.reduce(function(subtotal, grader) { return subtotal + grader.get('weight'); }, 0);
-        }
-    });
-
-    return CourseGraderCollection;
-}); // end define()
diff --git a/cms/static/js/models/settings/course_details.js b/cms/static/js/models/settings/course_details.js
deleted file mode 100644
index 1714436d7d32..000000000000
--- a/cms/static/js/models/settings/course_details.js
+++ /dev/null
@@ -1,165 +0,0 @@
-define(['backbone', 'underscore', 'gettext', 'js/models/validation_helpers', 'js/utils/date_utils',
-    'edx-ui-toolkit/js/utils/string-utils'
-],
-function(Backbone, _, gettext, ValidationHelpers, DateUtils, StringUtils) {
-    'use strict';
-
-    var CourseDetails = Backbone.Model.extend({
-        defaults: {
-            org: '',
-            course_id: '',
-            run: '',
-            language: '',
-            start_date: null, // maps to 'start'
-            end_date: null, // maps to 'end'
-            certificates_display_behavior: '',
-            certificate_available_date: null,
-            enrollment_start: null,
-            enrollment_end: null,
-            syllabus: null,
-            title: '',
-            subtitle: '',
-            duration: '',
-            description: '',
-            short_description: '',
-            overview: '',
-            intro_video: null,
-            effort: null, // an int or null,
-            license: null,
-            course_image_name: '', // the filename
-            course_image_asset_path: '', // the full URL (/c4x/org/course/num/asset/filename)
-            banner_image_name: '',
-            banner_image_asset_path: '',
-            video_thumbnail_image_name: '',
-            video_thumbnail_image_asset_path: '',
-            pre_requisite_courses: [],
-            entrance_exam_enabled: '',
-            entrance_exam_minimum_score_pct: '50',
-            learning_info: [],
-            instructor_info: {},
-            self_paced: null
-        },
-
-        validate: function(newattrs) {
-        // Returns either nothing (no return call) so that validate works or an object of {field: errorstring} pairs
-        // A bit funny in that the video key validation is asynchronous; so, it won't stop the validation.
-            var errors = {};
-            const CERTIFICATES_DISPLAY_BEHAVIOR_OPTIONS = {
-                END: 'end',
-                END_WITH_DATE: 'end_with_date',
-                EARLY_NO_INFO: 'early_no_info'
-            };
-
-            newattrs = DateUtils.convertDateStringsToObjects(
-                newattrs,
-                ['start_date', 'end_date', 'certificate_available_date', 'enrollment_start', 'enrollment_end']
-            );
-
-            if (newattrs.start_date === null) {
-                errors.start_date = gettext('The course must have an assigned start date.');
-            }
-
-            if (newattrs.start_date && newattrs.end_date && newattrs.start_date >= newattrs.end_date) {
-                errors.end_date = gettext('The course end date must be later than the course start date.');
-            }
-            if (newattrs.start_date && newattrs.enrollment_start
-                  && newattrs.start_date < newattrs.enrollment_start) {
-                errors.enrollment_start = gettext(
-                    'The course start date must be later than the enrollment start date.'
-                );
-            }
-            if (newattrs.enrollment_start && newattrs.enrollment_end
-                  && newattrs.enrollment_start >= newattrs.enrollment_end) {
-                errors.enrollment_end = gettext(
-                    'The enrollment start date cannot be after the enrollment end date.'
-                );
-            }
-            if (newattrs.end_date && newattrs.enrollment_end && newattrs.end_date < newattrs.enrollment_end) {
-                errors.enrollment_end = gettext('The enrollment end date cannot be after the course end date.');
-            }
-            if (this.showCertificateAvailableDate && newattrs.end_date && newattrs.certificate_available_date
-                    && newattrs.certificate_available_date < newattrs.end_date) {
-                errors.certificate_available_date = gettext(
-                    'The certificate available date must be later than the course end date.'
-                );
-            }
-
-            if (
-                newattrs.certificates_display_behavior
-                    && !(Object.values(CERTIFICATES_DISPLAY_BEHAVIOR_OPTIONS).includes(newattrs.certificates_display_behavior))
-            ) {
-                errors.certificates_display_behavior = StringUtils.interpolate(
-                    gettext(
-                        'The certificate display behavior must be one of: {behavior_options}'
-                    ),
-                    {
-                        behavior_options: Object.values(CERTIFICATES_DISPLAY_BEHAVIOR_OPTIONS).join(', ')
-                    }
-                );
-            }
-
-            // Throw error if there's a value for certificate_available_date
-            if (
-                (newattrs.certificate_available_date && newattrs.certificates_display_behavior != CERTIFICATES_DISPLAY_BEHAVIOR_OPTIONS.END_WITH_DATE)
-                    || (!newattrs.certificate_available_date && newattrs.certificates_display_behavior == CERTIFICATES_DISPLAY_BEHAVIOR_OPTIONS.END_WITH_DATE)
-            ) {
-                errors.certificates_display_behavior = StringUtils.interpolate(
-                    gettext(
-                        'The certificates display behavior must be {valid_option} if certificate available date is set.'
-                    ),
-                    {
-                        valid_option: CERTIFICATES_DISPLAY_BEHAVIOR_OPTIONS.END_WITH_DATE
-                    }
-                );
-            }
-
-            if (newattrs.intro_video && newattrs.intro_video !== this.get('intro_video')) {
-                if (this._videokey_illegal_chars.exec(newattrs.intro_video)) {
-                    errors.intro_video = gettext('Key should only contain letters, numbers, _, or -');
-                }
-            // TODO check if key points to a real video using google's youtube api
-            }
-            if (_.has(newattrs, 'entrance_exam_minimum_score_pct')) {
-                var range = {
-                    min: 1,
-                    max: 100
-                };
-                if (!ValidationHelpers.validateIntegerRange(newattrs.entrance_exam_minimum_score_pct, range)) {
-                    errors.entrance_exam_minimum_score_pct = StringUtils.interpolate(gettext(
-                        'Please enter an integer between %(min)s and %(max)s.'
-                    ), range, true);
-                }
-            }
-            if (!_.isEmpty(errors)) { return errors; }
-        // NOTE don't return empty errors as that will be interpreted as an error state
-        },
-
-        _videokey_illegal_chars: /[^a-zA-Z0-9_-]/g,
-
-        set_videosource: function(newsource) {
-        // newsource either is <video youtube="speed:key, *"/> or just the "speed:key, *" string
-        // returns the videosource for the preview which iss the key whose speed is closest to 1
-            if (_.isEmpty(newsource)
-                  && !_.isEmpty(this.get('intro_video'))) {
-                this.set({intro_video: null}, {validate: true});
-            } else {
-                // TODO remove all whitespace w/in string
-                if (this.get('intro_video') !== newsource) { this.set('intro_video', newsource, {validate: true}); }
-            }
-
-            return this.videosourceSample();
-        },
-
-        videosourceSample: function() {
-            if (this.has('intro_video')) { return '//www.youtube.com/embed/' + this.get('intro_video'); } else { return ''; }
-        },
-
-        // Whether or not the course pacing can be toggled. If the course
-        // has already started, returns false; otherwise, returns true.
-        canTogglePace: function() {
-            return new Date() <= new Date(this.get('start_date'));
-        }
-    });
-
-    return CourseDetails;
-}); // end define()
diff --git a/cms/static/js/models/settings/course_grading_policy.js b/cms/static/js/models/settings/course_grading_policy.js
deleted file mode 100644
index 4ed105c7ee6f..000000000000
--- a/cms/static/js/models/settings/course_grading_policy.js
+++ /dev/null
@@ -1,101 +0,0 @@
-/* globals _ */
-define(['backbone', 'js/models/location', 'js/collections/course_grader', 'edx-ui-toolkit/js/utils/string-utils'],
-    function(Backbone, Location, CourseGraderCollection, StringUtils) {
-        'use strict';
-
-        var CourseGradingPolicy = Backbone.Model.extend({
-            defaults: {
-                graders: null, // CourseGraderCollection
-                grade_cutoffs: null, // CourseGradeCutoff model
-                grace_period: null, // either null or { hours: n, minutes: m, ...}
-                minimum_grade_credit: null, // either null or percentage
-                assignment_count_info: [], // Object with keys mapping assignment type names to a list of
-                // assignment display names
-            },
-            parse: function(attributes) {
-                if (attributes.graders) {
-                    var graderCollection;
-                    // interesting race condition: if {parse:true} when newing, then parse called before .attributes created
-                    if (this.attributes && this.has('graders')) {
-                        graderCollection = this.get('graders');
-                        graderCollection.reset(attributes.graders, {parse: true});
-                    } else {
-                        graderCollection = new CourseGraderCollection(attributes.graders, {parse: true});
-                    }
-                    attributes.graders = graderCollection;
-                }
-                // If grace period is unset or equal to 00:00 on the server,
-                // it's received as null
-                if (attributes.grace_period === null) {
-                    attributes.grace_period = {
-                        hours: 0,
-                        minutes: 0
-                    };
-                }
-                // If minimum_grade_credit is unset or equal to 0 on the server,
-                // it's received as 0
-                if (attributes.minimum_grade_credit === null) {
-                    attributes.minimum_grade_credit = 0;
-                }
-                return attributes;
-            },
-            gracePeriodToDate: function() {
-                var newDate = new Date();
-                if (this.has('grace_period') && this.get('grace_period').hours) {
-                    newDate.setHours(this.get('grace_period').hours);
-                } else { newDate.setHours(0); }
-                if (this.has('grace_period') && this.get('grace_period').minutes) {
-                    newDate.setMinutes(this.get('grace_period').minutes);
-                } else { newDate.setMinutes(0); }
-                if (this.has('grace_period') && this.get('grace_period').seconds) {
-                    newDate.setSeconds(this.get('grace_period').seconds);
-                } else { newDate.setSeconds(0); }
-
-                return newDate;
-            },
-            parseGracePeriod: function(grace_period) {
-                // Enforce hours:minutes format
-                if (!/^\d{2,3}:\d{2}$/.test(grace_period)) {
-                    return null;
-                }
-                var pieces = grace_period.split(/:/);
-                return {
-                    hours: parseInt(pieces[0], 10),
-                    minutes: parseInt(pieces[1], 10)
-                };
-            },
-            parseMinimumGradeCredit: function(minimum_grade_credit) {
-                // get the value of minimum grade credit value in percentage
-                if (isNaN(minimum_grade_credit)) {
-                    return 0;
-                }
-                return parseInt(minimum_grade_credit);
-            },
-            validate: function(attrs) {
-                var minimumGradeCutoff;
-                if (_.has(attrs, 'grace_period')) {
-                    if (attrs.grace_period === null) {
-                        return {
-                            grace_period: gettext('Grace period must be specified in HH:MM format.')
-                        };
-                    }
-                }
-                if (this.get('is_credit_course') && _.has(attrs, 'minimum_grade_credit')) {
-                    // Getting minimum grade cutoff value
-                    minimumGradeCutoff = _.min(_.values(attrs.grade_cutoffs));
-                    if (isNaN(attrs.minimum_grade_credit) || attrs.minimum_grade_credit === null
-                      || attrs.minimum_grade_credit < minimumGradeCutoff) {
-                        return {
-                            minimum_grade_credit: StringUtils.interpolate(
-                                gettext('Not able to set passing grade to less than %(minimum_grade_cutoff)s%.'),
-                                {minimum_grade_cutoff: minimumGradeCutoff * 100},
-                                true
-                            )
-                        };
-                    }
-                }
-            }
-        });
-
-        return CourseGradingPolicy;
-    }); // end define()
diff --git a/cms/static/js/spec/models/settings_grading_spec.js b/cms/static/js/spec/models/settings_grading_spec.js
deleted file mode 100644
index f74e5b079736..000000000000
--- a/cms/static/js/spec/models/settings_grading_spec.js
+++ /dev/null
@@ -1,47 +0,0 @@
-define(["underscore", "js/models/settings/course_grading_policy"], (_, CourseGradingPolicy) =>
-    describe("CourseGradingPolicy", function() {
-        beforeEach(function() {
-            return this.model = new CourseGradingPolicy();
-        });
-
-        describe("parse", () =>
-            it("sets a null grace period to 00:00", function() {
-                const attrs = this.model.parse({grace_period: null});
-                expect(attrs.grace_period).toEqual({
-                    hours: 0,
-                    minutes: 0
-                });
-            })
-        );
-
-        describe("parseGracePeriod", function() {
-            it("parses a time in HH:MM format", function() {
-                const time = this.model.parseGracePeriod("07:19");
-                expect(time).toEqual({
-                    hours: 7,
-                    minutes: 19
-                });
-            });
-
-            it("returns null on an incorrectly formatted string", function() {
-                expect(this.model.parseGracePeriod("asdf")).toBe(null);
-                expect(this.model.parseGracePeriod("7:19")).toBe(null);
-                expect(this.model.parseGracePeriod("1000:00")).toBe(null);
-            });
-        });
-
-        describe("validate", function() {
-            it("enforces that the passing grade is <= the minimum grade to receive credit if credit is enabled", function() {
-                this.model.set({minimum_grade_credit: 0.8, grace_period: '01:00', is_credit_course: true});
-                this.model.set('grade_cutoffs', [0.9], {validate: true});
-                expect(_.keys(this.model.validationError)).toContain('minimum_grade_credit');
-            });
-
-            it("does not enforce the passing grade limit in non-credit courses", function() {
-                this.model.set({minimum_grade_credit: 0.8, grace_period: '01:00', is_credit_course: false});
-                this.model.set({grade_cutoffs: [0.9]}, {validate: true});
-                expect(this.model.validationError).toBe(null);
-            });
-        });
-    })
-);
diff --git a/cms/static/js/spec/views/settings/main_spec.js b/cms/static/js/spec/views/settings/main_spec.js
deleted file mode 100644
index 43f95d584f05..000000000000
--- a/cms/static/js/spec/views/settings/main_spec.js
+++ /dev/null
@@ -1,369 +0,0 @@
-define([
-    'jquery', 'sinon', 'js/models/settings/course_details', 'js/views/settings/main',
-    'edx-ui-toolkit/js/utils/spec-helpers/ajax-helpers', 'common/js/spec_helpers/template_helpers'
-], function($, sinon, CourseDetailsModel, MainView, AjaxHelpers, TemplateHelpers) {
-    'use strict';
-
-    var requests, xhrFactory;
-
-    var SELECTORS = {
-        entrance_exam_min_score: '#entrance-exam-minimum-score-pct',
-        entrance_exam_enabled_field: '#entrance-exam-enabled',
-        grade_requirement_div: '.div-grade-requirements div',
-        add_course_learning_info: '.add-course-learning-info',
-        delete_course_learning_info: '.delete-course-learning-info',
-        add_course_instructor_info: '.add-course-instructor-info',
-        remove_instructor_data: '.remove-instructor-data'
-    };
-
-    describe('Settings/Main', function() {
-        var urlRoot = '/course/settings/org/DemoX/Demo_Course',
-            modelData = {
-                start_date: '2014-10-05T00:00:00Z',
-                end_date: '2014-11-05T20:00:00Z',
-                enrollment_start: '2014-10-00T00:00:00Z',
-                enrollment_end: '2014-11-05T00:00:00Z',
-                certificates_display_behavior: 'end',
-                certificate_available_date: null,
-                org: '',
-                course_id: '',
-                run: '',
-                syllabus: null,
-                title: '',
-                subtitle: '',
-                duration: '',
-                description: '',
-                short_description: '',
-                overview: '',
-                intro_video: null,
-                effort: null,
-                course_image_name: '',
-                course_image_asset_path: '',
-                banner_image_name: '',
-                banner_image_asset_path: '',
-                video_thumbnail_image_name: '',
-                video_thumbnail_image_asset_path: '',
-                pre_requisite_courses: [],
-                entrance_exam_enabled: '',
-                entrance_exam_minimum_score_pct: '50',
-                license: null,
-                language: '',
-                learning_info: [''],
-                instructor_info: {
-                    instructors: [{
-                        name: '', title: '', organization: '', image: '', bio: ''
-                    }]
-                },
-                self_paced: false
-            },
-
-            mockSettingsPage = readFixtures('mock/mock-settings-page.underscore'),
-            learningInfoTpl = readFixtures('course-settings-learning-fields.underscore'),
-            instructorInfoTpl = readFixtures('course-instructor-details.underscore');
-
-        beforeEach(function() {
-            xhrFactory = sinon.useFakeXMLHttpRequest();
-            requests = [];
-            requests.currentIndex = 0;
-            requests.restore = function() { xhrFactory.restore(); };
-            xhrFactory.onCreate = function(req) { requests.push(req); };
-            TemplateHelpers.installTemplates(['course-settings-learning-fields', 'course-instructor-details'], true);
-            appendSetFixtures(mockSettingsPage);
-            appendSetFixtures(
-                $('<script>', {id: 'basic-learning-info-tpl', type: 'text/template'}).text(learningInfoTpl)
-            );
-            appendSetFixtures(
-                $('<script>', {id: 'basic-instructor-info-tpl', type: 'text/template'}).text(instructorInfoTpl)
-            );
-
-            this.model = new CourseDetailsModel($.extend(true, {}, modelData, {
-                instructor_info: {
-                    instructors: [{
-                        name: '', title: '', organization: '', image: '', bio: ''
-                    }]
-                }
-            }), {parse: true});
-            this.model.urlRoot = urlRoot;
-            this.view = new MainView({
-                el: $('.settings-details'),
-                model: this.model
-            }).render();
-        });
-
-        afterEach(function() {
-            requests.restore();
-            // Clean up after the $.datepicker
-            $('#start_date').datepicker('destroy');
-            $('#due_date').datepicker('destroy');
-            $('.ui-datepicker').remove();
-        });
-
-        it('Changing the time field do not affect other time fields', function() {
-            var expectedJson = $.extend(true, {}, modelData, {
-                    // Expect to see changes just in `start_date` field.
-                    start_date: '2014-10-05T22:00:00.000Z'
-                });
-            this.view.$el.find('#course-start-time')
-                .val('22:00')
-                .trigger('input');
-
-            this.view.saveView();
-            // It sends `POST` request, because the model doesn't have `id`. In
-            // this case, it is considered to be new according to Backbone documentation.
-            AjaxHelpers.expectJsonRequest(
-                requests, 'POST', urlRoot, expectedJson
-            );
-        });
-
-        it('Selecting a course in pre-requisite drop down should save it as part of course details', function() {
-            var pre_requisite_courses = ['test/CSS101/2012_T1'];
-            var expectedJson = $.extend(true, {}, modelData, {
-                    pre_requisite_courses: pre_requisite_courses
-                });
-            this.view.$el.find('#pre-requisite-course')
-                .val(pre_requisite_courses[0])
-                .trigger('change');
-
-            this.view.saveView();
-            AjaxHelpers.expectJsonRequest(
-                requests, 'POST', urlRoot, expectedJson
-            );
-            AjaxHelpers.respondWithJson(requests, expectedJson);
-        });
-
-        it('should disallow save with an invalid minimum score percentage', function() {
-            var entrance_exam_enabled_field = this.view.$(SELECTORS.entrance_exam_enabled_field),
-                entrance_exam_min_score = this.view.$(SELECTORS.entrance_exam_min_score);
-
-            // input some invalid values.
-            expect(entrance_exam_min_score.val('101').trigger('input')).toHaveClass('error');
-            expect(entrance_exam_min_score.val('invalidVal').trigger('input')).toHaveClass('error');
-        });
-
-        it('should provide a default value for the minimum score percentage', function() {
-            var entrance_exam_min_score = this.view.$(SELECTORS.entrance_exam_min_score);
-
-            // if input an empty value, model should be populated with the default value.
-            entrance_exam_min_score.val('').trigger('input');
-            expect(this.model.get('entrance_exam_minimum_score_pct'))
-                .toEqual(this.model.defaults.entrance_exam_minimum_score_pct);
-        });
-
-        it('shows and hide the grade requirement section appropriately', function() {
-            var entrance_exam_enabled_field = this.view.$(SELECTORS.entrance_exam_enabled_field);
-
-            // select the entrance-exam-enabled checkbox. grade requirement section should be visible.
-            entrance_exam_enabled_field
-                .prop('checked', true)
-                .trigger('change');
-
-            this.view.render();
-            expect(this.view.$(SELECTORS.grade_requirement_div)).toBeVisible();
-
-            // deselect the entrance-exam-enabled checkbox. grade requirement section should be hidden.
-            entrance_exam_enabled_field
-                .prop('checked', false)
-                .trigger('change');
-
-            expect(this.view.$(SELECTORS.grade_requirement_div)).toBeHidden();
-        });
-
-        it('should save entrance exam course details information correctly', function() {
-            var entrance_exam_minimum_score_pct = '60',
-                entrance_exam_enabled = 'true',
-                entrance_exam_min_score = this.view.$(SELECTORS.entrance_exam_min_score),
-                entrance_exam_enabled_field = this.view.$(SELECTORS.entrance_exam_enabled_field);
-
-            var expectedJson = $.extend(true, {}, modelData, {
-                    entrance_exam_enabled: entrance_exam_enabled,
-                    entrance_exam_minimum_score_pct: entrance_exam_minimum_score_pct
-                });
-
-            // select the entrance-exam-enabled checkbox.
-            entrance_exam_enabled_field
-                .prop('checked', true)
-                .trigger('change');
-
-            // input a valid value for entrance exam minimum score.
-            entrance_exam_min_score.val(entrance_exam_minimum_score_pct).trigger('input');
-
-            this.view.saveView();
-            AjaxHelpers.expectJsonRequest(
-                requests, 'POST', urlRoot, expectedJson
-            );
-            AjaxHelpers.respondWithJson(requests, expectedJson);
-        });
-
-        it('should save language as part of course details', function() {
-            var expectedJson = $.extend(true, {}, modelData, {
-                language: 'en'
-            });
-            $('#course-language').val('en').trigger('change');
-            expect(this.model.get('language')).toEqual('en');
-            this.view.saveView();
-            AjaxHelpers.expectJsonRequest(
-                requests, 'POST', urlRoot, expectedJson
-            );
-        });
-
-        it('should not error if about_page_editable is False', function() {
-            // if about_page_editable is false, there is no section.course_details
-            $('.course_details').remove();
-            expect(this.model.get('language')).toEqual('');
-            this.view.saveView();
-            AjaxHelpers.expectJsonRequest(requests, 'POST', urlRoot, modelData);
-        });
-
-        it('should save title', function() {
-            var expectedJson = $.extend(true, {}, modelData, {
-                    title: 'course title'
-                });
-
-            // Input some value.
-            this.view.$('#course-title').val('course title');
-            this.view.$('#course-title').trigger('change');
-            this.view.saveView();
-            AjaxHelpers.expectJsonRequest(
-                requests, 'POST', urlRoot, expectedJson
-            );
-            AjaxHelpers.respondWithJson(requests, expectedJson);
-        });
-
-        it('should save subtitle', function() {
-            var expectedJson = $.extend(true, {}, modelData, {
-                    subtitle: 'course subtitle'
-                });
-
-            // Input some value.
-            this.view.$('#course-subtitle').val('course subtitle');
-            this.view.$('#course-subtitle').trigger('change');
-            this.view.saveView();
-            AjaxHelpers.expectJsonRequest(
-                requests, 'POST', urlRoot, expectedJson
-            );
-            AjaxHelpers.respondWithJson(requests, expectedJson);
-        });
-
-        it('should save duration', function() {
-            var expectedJson = $.extend(true, {}, modelData, {
-                    duration: '8 weeks'
-                });
-
-            // Input some value.
-            this.view.$('#course-duration').val('8 weeks');
-            this.view.$('#course-duration').trigger('change');
-            this.view.saveView();
-            AjaxHelpers.expectJsonRequest(
-                requests, 'POST', urlRoot, expectedJson
-            );
-            AjaxHelpers.respondWithJson(requests, expectedJson);
-        });
-
-        it('should save description', function() {
-            var expectedJson = $.extend(true, {}, modelData, {
-                    description: 'course description'
-                });
-
-            // Input some value.
-            this.view.$('#course-description').val('course description');
-            this.view.$('#course-description').trigger('change');
-            this.view.saveView();
-            AjaxHelpers.expectJsonRequest(
-                requests, 'POST', urlRoot, expectedJson
-            );
-            AjaxHelpers.respondWithJson(requests, expectedJson);
-        });
-
-        it('can add learning information', function() {
-            this.view.$(SELECTORS.add_course_learning_info).click();
-            expect('click').not.toHaveBeenPreventedOn(SELECTORS.add_course_learning_info);
-            expect(this.model.get('learning_info').length).toEqual(2);
-            this.view.$(SELECTORS.add_course_learning_info).click();
-            expect(this.model.get('learning_info').length).toEqual(3);
-        });
-
-        it('can delete learning information', function() {
-            for (var i = 0; i < 2; i++) {
-                this.view.$(SELECTORS.add_course_learning_info).click();
-            }
-            expect(this.model.get('learning_info').length).toEqual(3);
-            expect(this.view.$(SELECTORS.delete_course_learning_info)).toExist();
-            this.view.$(SELECTORS.delete_course_learning_info).click();
-            expect(this.model.get('learning_info').length).toEqual(2);
-        });
-
-        it('can save learning information', function() {
-            expect(this.model.get('learning_info').length).toEqual(1);
-            var expectedJson = $.extend(true, {}, modelData, {
-                    learning_info: ['testing info']
-                });
-
-            // Input some value.
-            this.view.$('#course-learning-info-0').val('testing info');
-            this.view.$('#course-learning-info-0').trigger('change');
-
-            this.view.saveView();
-            AjaxHelpers.expectJsonRequest(
-                requests, 'POST', urlRoot, expectedJson
-            );
-            AjaxHelpers.respondWithJson(requests, expectedJson);
-        });
-
-        it('can add instructor information', function() {
-            this.view.$(SELECTORS.add_course_instructor_info).click();
-            expect(this.model.get('instructor_info').instructors.length).toEqual(2);
-            this.view.$(SELECTORS.add_course_instructor_info).click();
-            expect(this.model.get('instructor_info').instructors.length).toEqual(3);
-        });
-
-        it('can delete instructor information', function() {
-            this.view.$(SELECTORS.add_course_instructor_info).click();
-            expect(this.model.get('instructor_info').instructors.length).toEqual(2);
-            expect(this.view.$(SELECTORS.remove_instructor_data)).toExist();
-            this.view.$(SELECTORS.remove_instructor_data).click();
-            expect(this.model.get('instructor_info').instructors.length).toEqual(1);
-        });
-
-        it('can save instructor information', function() {
-            var expectedJson = $.extend(true, {}, modelData, {
-                    instructor_info: {
-                        instructors:
-                        [{
-                            name: 'test_name',
-                            title: 'test_title',
-                            organization: 'test_org',
-                            image: 'test_image',
-                            bio: 'test_bio'
-                        }]
-                    }
-                });
-
-            // Input some value.
-            this.view.$('#course-instructor-name-0').val('test_name').trigger('change');
-            this.view.$('#course-instructor-title-0').val('test_title').trigger('change');
-            this.view.$('#course-instructor-organization-0').val('test_org').trigger('change');
-            this.view.$('#course-instructor-bio-0').val('test_bio').trigger('change');
-            this.view.$('#course-instructor-image-0').val('test_image').trigger('change');
-
-            this.view.saveView();
-            AjaxHelpers.expectJsonRequest(
-                requests, 'POST', urlRoot, expectedJson
-            );
-            AjaxHelpers.respondWithJson(requests, expectedJson);
-        });
-        it('should disallow save with a certificate available date before end date', function() {
-            this.model.showCertificateAvailableDate = true;
-            $('#certificates-display-behavior').val('end_with_date').trigger('change');
-            $('#certificate-available-date').val('01/01/2020').trigger('change');
-            $('#course-end-date').val('01/01/2030').trigger('change');
-            expect(this.view.$('.message-error')).toExist();
-        });
-        it('should allow save with a certificate available date before end date for self-paced course', function() {
-            this.model.showCertificateAvailableDate = false;
-            this.model.set('self_paced', true);
-            $('#course-end-date').val('01/01/2030').trigger('change');
-            expect(this.view.$('.message-error')).not.toExist();
-            this.model.set('self_paced', false);
-        });
-    });
-});
diff --git a/cms/static/js/views/instructor_info.js b/cms/static/js/views/instructor_info.js
deleted file mode 100644
index c6fb9d117e71..000000000000
--- a/cms/static/js/views/instructor_info.js
+++ /dev/null
@@ -1,96 +0,0 @@
-// Backbone Application View: Instructor Information
-
-define([
-    'jquery',
-    'underscore',
-    'backbone',
-    'gettext',
-    'js/utils/templates',
-    'js/models/uploads',
-    'js/views/uploads',
-    'edx-ui-toolkit/js/utils/html-utils'
-],
-function($, _, Backbone, gettext, TemplateUtils, FileUploadModel, FileUploadDialog, HtmlUtils) {
-    'use strict';
-
-    var InstructorInfoView = Backbone.View.extend({
-
-        events: {
-            'click .remove-instructor-data': 'removeInstructor',
-            'click .action-upload-instructor-image': 'uploadInstructorImage'
-        },
-
-        initialize: function() {
-            // Set up the initial state of the attributes set for this model instance
-            _.bindAll(this, 'render');
-            this.template = this.loadTemplate('course-instructor-details');
-            this.listenTo(this.model, 'change:instructor_info', this.render);
-        },
-
-        loadTemplate: function(name) {
-            // Retrieve the corresponding template for this model
-            return TemplateUtils.loadTemplate(name);
-        },
-
-        render: function() {
-            var attributes;
-            // Assemble the render view for this model.
-            $('.course-instructor-details-fields').empty();
-            var self = this;
-            $.each(this.model.get('instructor_info').instructors, function(index, data) {
-                attributes = {
-                    data: data,
-                    index: index
-                };
-                $(self.el).append(HtmlUtils.HTML(self.template(attributes)).toString());
-            });
-
-            // Avoid showing broken image on mistyped/nonexistent image
-            this.$el.find('img').error(function() {
-                $(this).hide();
-            });
-            this.$el.find('img').load(function() {
-                $(this).show();
-            });
-        },
-
-        removeInstructor: function(event) {
-            /*
-                 * Remove course Instructor fields.
-                 * */
-            event.preventDefault();
-            var index = event.currentTarget.getAttribute('data-index'),
-                instructors = this.model.get('instructor_info').instructors.slice(0);
-            instructors.splice(index, 1);
-            this.model.set('instructor_info', {instructors: instructors});
-        },
-
-        uploadInstructorImage: function(event) {
-            /*
-                * Upload instructor image.
-                * */
-            event.preventDefault();
-            var index = event.currentTarget.getAttribute('data-index'),
-                instructors = this.model.get('instructor_info').instructors.slice(0),
-                instructor = instructors[index];
-
-            var upload = new FileUploadModel({
-                title: gettext('Upload instructor image.'),
-                message: gettext('Files must be in JPEG or PNG format.'),
-                mimeTypes: ['image/jpeg', 'image/png']
-            });
-            var self = this;
-            var modal = new FileUploadDialog({
-                model: upload,
-                onSuccess: function(response) {
-                    instructor.image = response.asset.url;
-                    self.model.set('instructor_info', {instructors: instructors});
-                    self.model.trigger('change', self.model);
-                    self.model.trigger('change:instructor_info', self.model);
-                }
-            });
-            modal.show();
-        }
-    });
-    return InstructorInfoView;
-});
diff --git a/cms/static/js/views/learning_info.js b/cms/static/js/views/learning_info.js
deleted file mode 100644
index 85c08bd96fc0..000000000000
--- a/cms/static/js/views/learning_info.js
+++ /dev/null
@@ -1,60 +0,0 @@
-// Backbone Application View: Course Learning Information
-
-define([
-    'jquery',
-    'underscore',
-    'backbone',
-    'gettext',
-    'js/utils/templates',
-    'edx-ui-toolkit/js/utils/html-utils'
-],
-function($, _, Backbone, gettext, TemplateUtils, HtmlUtils) {
-    'use strict';
-
-    var LearningInfoView = Backbone.View.extend({
-
-        events: {
-            'click .delete-course-learning-info': 'removeLearningInfo'
-        },
-
-        initialize: function() {
-            // Set up the initial state of the attributes set for this model instance
-            _.bindAll(this, 'render');
-            this.template = this.loadTemplate('course-settings-learning-fields');
-            this.listenTo(this.model, 'change:learning_info', this.render);
-        },
-
-        loadTemplate: function(name) {
-            // Retrieve the corresponding template for this model
-            return TemplateUtils.loadTemplate(name);
-        },
-
-        render: function() {
-            // rendering for this model
-            $('li.course-settings-learning-fields').empty();
-            var self = this;
-            var learning_information = this.model.get('learning_info');
-            $.each(learning_information, function(index, info) {
-                var attributes = {
-                    index: index,
-                    info: info,
-                    info_count: learning_information.length
-                };
-                $(self.el).append(HtmlUtils.HTML(self.template(attributes)).toString());
-            });
-        },
-
-        removeLearningInfo: function(event) {
-            /*
-            * Remove course learning fields.
-            * */
-            event.preventDefault();
-            var index = event.currentTarget.getAttribute('data-index'),
-                existing_info = _.clone(this.model.get('learning_info'));
-            existing_info.splice(index, 1);
-            this.model.set('learning_info', existing_info);
-        }
-
-    });
-    return LearningInfoView;
-});
diff --git a/cms/static/js/views/settings/grader.js b/cms/static/js/views/settings/grader.js
deleted file mode 100644
index 68977715db0e..000000000000
--- a/cms/static/js/views/settings/grader.js
+++ /dev/null
@@ -1,79 +0,0 @@
-define(['js/views/validation',
-    'gettext',
-    'edx-ui-toolkit/js/utils/string-utils',
-    'edx-ui-toolkit/js/utils/html-utils',
-    'underscore',
-    'jquery'],
-function(ValidatingView, gettext, StringUtils, HtmlUtils, _, $) {
-    var GraderView = ValidatingView.extend({
-    // Model class is CMS.Models.Settings.CourseGrader
-        events: {
-            'input input': 'updateModel',
-            'input textarea': 'updateModel',
-            // Leaving change in as fallback for older browsers
-            'change input': 'updateModel',
-            'change textarea': 'updateModel',
-            'click .remove-grading-data': 'deleteModel',
-            // would love to move to a general superclass, but event hashes don't inherit in backbone :-(
-            'focus :input': 'inputFocus',
-            'blur :input': 'inputUnfocus'
-        },
-        initialize: function() {
-            this.listenTo(this.model, 'invalid', this.handleValidationError);
-            this.selectorToField = _.invert(this.fieldToSelectorMap);
-            this.render();
-        },
-
-        render: function() {
-            return this;
-        },
-        fieldToSelectorMap: {
-            type: 'course-grading-assignment-name',
-            short_label: 'course-grading-assignment-shortname',
-            min_count: 'course-grading-assignment-totalassignments',
-            drop_count: 'course-grading-assignment-droppable',
-            weight: 'course-grading-assignment-gradeweight'
-        },
-        updateModel: function(event) {
-        // HACK to fix model sometimes losing its pointer to the collection [I think I fixed this but leaving
-        // this in out of paranoia. If this error ever happens, the user will get a warning that they cannot
-        // give 2 assignments the same name.]
-            if (!this.model.collection) {
-                this.model.collection = this.collection;
-            }
-
-            switch (event.currentTarget.id) {
-            case 'course-grading-assignment-totalassignments':
-                this.$el.find('#course-grading-assignment-droppable').attr('max', $(event.currentTarget).val());
-                this.setField(event);
-                break;
-            case 'course-grading-assignment-name':
-            // Keep the original name, until we save
-                this.oldName = this.oldName === undefined ? this.model.get('type') : this.oldName;
-                // If the name has changed, alert the user to change all subsection names.
-                if (this.setField(event) != this.oldName && !_.isEmpty(this.oldName)) {
-                // overload the error display logic
-                    this._cacheValidationErrors.push(event.currentTarget);
-                    var message = StringUtils.interpolate(
-                        gettext('For grading to work, you must change all {oldName} subsections to {newName}.'),
-                        {
-                            oldName: this.oldName,
-                            newName: this.model.get('type')
-                        }
-                    );
-                    HtmlUtils.append($(event.currentTarget).parent(), this.errorTemplate({message: message}));
-                }
-                break;
-            default:
-                this.setField(event);
-                break;
-            }
-        },
-        deleteModel: function(e) {
-            e.preventDefault();
-            this.collection.remove(this.model);
-        }
-    });
-
-    return GraderView;
-}); // end define()
diff --git a/cms/static/js/views/settings/grading.js b/cms/static/js/views/settings/grading.js
deleted file mode 100644
index 71fdfe3f9a8c..000000000000
--- a/cms/static/js/views/settings/grading.js
+++ /dev/null
@@ -1,430 +0,0 @@
-define(['js/views/validation',
-    'underscore',
-    'jquery',
-    'jquery.ui',
-    'js/views/settings/grader',
-    'edx-ui-toolkit/js/utils/string-utils',
-    'edx-ui-toolkit/js/utils/html-utils'
-],
-function(ValidatingView, _, $, ui, GraderView, StringUtils, HtmlUtils) {
-    var GradingView = ValidatingView.extend({
-    // Model class is CMS.Models.Settings.CourseGradingPolicy
-        events: {
-            'input input': 'updateModel',
-            'input textarea': 'updateModel',
-            // Leaving change in as fallback for older browsers
-            'change input': 'updateModel',
-            'change textarea': 'updateModel',
-            'input span[contenteditable=true]': 'updateDesignation',
-            'click .settings-extra header': 'showSettingsExtras',
-            'click .new-grade-button': 'addNewGrade',
-            'click .remove-button': 'removeGrade',
-            'click .add-grading-data': 'addAssignmentType',
-            // would love to move to a general superclass, but event hashes don't inherit in backbone :-(
-            'focus :input': 'inputFocus',
-            'blur :input': 'inputUnfocus'
-        },
-        initialize: function(options) {
-        //  load template for grading view
-            var self = this;
-            this.template = HtmlUtils.template(
-                $('#course_grade_policy-tpl').text()
-            );
-            this.gradeCutoffTemplate = HtmlUtils.template(
-                $('#course_grade_cutoff-tpl').text()
-            );
-            this.setupCutoffs();
-            this.setupGradeDesignations(options.gradeDesignations);
-
-            this.listenTo(this.model, 'invalid', this.handleValidationError);
-            this.listenTo(this.model, 'change', this.showNotificationBar);
-            this.model.get('graders').on('reset', this.render, this);
-            this.model.get('graders').on('add', this.render, this);
-            this.selectorToField = _.invert(this.fieldToSelectorMap);
-            this.courseAssignmentLists = options.courseAssignmentLists;
-            this.render();
-        },
-
-        render: function() {
-            this.clearValidationErrors();
-
-            this.renderGracePeriod();
-            this.renderMinimumGradeCredit();
-
-            // Create and render the grading type subs
-            var self = this;
-            var gradelist = this.$el.find('.course-grading-assignment-list');
-            // Undo the double invocation error. At some point, fix the double invocation
-            $(gradelist).empty();
-            var gradeCollection = this.model.get('graders');
-            // We need to bind these events here (rather than in
-            // initialize), or else we can only press the delete button
-            // once due to the graders collection changing when we cancel
-            // our changes.
-            _.each(['change', 'remove', 'add'],
-                function(event) {
-                    gradeCollection.on(event, function() {
-                        this.showNotificationBar();
-                        // Since the change event gets fired every time
-                        // we type in an input field, we don't need to
-                        // (and really shouldn't) rerender the whole view.
-                        if (event !== 'change') {
-                            this.render();
-                        }
-                    }, this);
-                },
-                this);
-            gradeCollection.each(function(gradeModel) {
-                var graderType = gradeModel.get('type');
-                var graderTypeAssignmentList = self.courseAssignmentLists[graderType];
-                if (graderTypeAssignmentList === undefined) {
-                    graderTypeAssignmentList = [];
-                }
-
-                HtmlUtils.append(
-                    gradelist,
-                    self.template({
-                        model: gradeModel,
-                        assignmentList: graderTypeAssignmentList
-                    })
-                );
-                var newEle = gradelist.children().last();
-                var newView = new GraderView({
-                    el: newEle,
-                    model: gradeModel,
-                    collection: gradeCollection,
-                    courseAssignmentCountInfo: self.courseAssignmentCountInfo,
-                });
-                // Listen in order to rerender when the 'cancel' button is
-                // pressed
-                self.listenTo(newView, 'revert', _.bind(self.render, self));
-            });
-
-            // render the grade cutoffs
-            this.renderCutoffBar();
-
-            return this;
-        },
-        addAssignmentType: function(e) {
-            e.preventDefault();
-            this.model.get('graders').push({});
-        },
-        fieldToSelectorMap: {
-            grace_period: 'course-grading-graceperiod',
-            minimum_grade_credit: 'course-minimum_grade_credit'
-        },
-        renderGracePeriod: function() {
-            var format = function(time) {
-                return time >= 10 ? time.toString() : '0' + time;
-            };
-            var grace_period = this.model.get('grace_period');
-            this.$el.find('#course-grading-graceperiod').val(
-                format(grace_period.hours) + ':' + format(grace_period.minutes)
-            );
-        },
-        renderMinimumGradeCredit: function() {
-            var minimum_grade_credit = this.model.get('minimum_grade_credit');
-            this.$el.find('#course-minimum_grade_credit').val(
-                Math.round(parseFloat(minimum_grade_credit) * 100)
-            );
-        },
-        setGracePeriod: function(event) {
-            this.clearValidationErrors();
-            var newVal = this.model.parseGracePeriod($(event.currentTarget).val());
-            this.model.set('grace_period', newVal, {validate: true});
-        },
-        setMinimumGradeCredit: function(event) {
-            this.clearValidationErrors();
-            // get field value in float
-            var newVal = this.model.parseMinimumGradeCredit($(event.currentTarget).val()) / 100;
-            this.model.set('minimum_grade_credit', newVal, {validate: true});
-        },
-        updateModel: function(event) {
-            if (!this.selectorToField[event.currentTarget.id]) { return; }
-
-            switch (this.selectorToField[event.currentTarget.id]) {
-            case 'grace_period':
-                this.setGracePeriod(event);
-                break;
-
-            case 'minimum_grade_credit':
-                this.setMinimumGradeCredit(event);
-                break;
-
-            default:
-                this.setField(event);
-                break;
-            }
-        },
-
-        // Grade sliders attributes and methods
-        // Grade bars are li's ordered A -> F with A taking whole width, B overlaying it with its paint, ...
-        // The actual cutoff for each grade is the width % of the next lower grade; so, the hack here
-        // is to lay down a whole width bar claiming it's A and then lay down bars for each actual grade
-        // starting w/ A but posting the label in the preceding li and setting the label of the last to "Fail" or "F"
-
-        // A does not have a drag bar (cannot change its upper limit)
-        // Need to insert new bars in right place.
-        GRADES: ['A', 'B', 'C', 'D'], // defaults for new grade designators
-        descendingCutoffs: [], // array of { designation : , cutoff : }
-        gradeBarWidth: null, // cache of value since it won't change (more certain)
-
-        renderCutoffBar: function() {
-            var gradeBar = this.$el.find('.grade-bar');
-            this.gradeBarWidth = gradeBar.width();
-            var gradelist = gradeBar.children('.grades');
-            // HACK fixing a duplicate call issue by undoing previous call effect. Need to figure out why called 2x
-            gradelist.empty();
-            var nextWidth = 100; // first width is 100%
-            // Can probably be simplified to one variable now.
-            var removable = false;
-            var draggable = false; // first and last are not removable, first is not draggable
-            _.each(this.descendingCutoffs, function(cutoff) {
-                HtmlUtils.append(gradelist, this.gradeCutoffTemplate({
-                    descriptor: cutoff.designation,
-                    width: nextWidth,
-                    contenteditable: true,
-                    removable: removable
-                })
-                );
-                if (draggable) {
-                    var newBar = gradelist.children().last(); // get the dom object not the unparsed string
-                    newBar.resizable({
-                        handles: 'e',
-                        containment: 'parent',
-                        start: this.startMoveClosure(),
-                        resize: this.moveBarClosure(),
-                        stop: this.stopDragClosure()
-                    });
-                }
-                // prepare for next
-                nextWidth = cutoff.cutoff;
-                removable = true; // first is not removable, all others are
-                draggable = true;
-            },
-            this);
-            // Add fail which is not in data
-            HtmlUtils.append(gradelist, this.gradeCutoffTemplate({
-                descriptor: this.failLabel(),
-                width: nextWidth,
-                contenteditable: false,
-                removable: false
-            }));
-            gradelist.children().last().resizable({
-                handles: 'e',
-                containment: 'parent',
-                start: this.startMoveClosure(),
-                resize: this.moveBarClosure(),
-                stop: this.stopDragClosure()
-            });
-
-            this.renderGradeRanges();
-        },
-
-        showSettingsExtras: function(event) {
-            $(event.currentTarget).toggleClass('active');
-            $(event.currentTarget).siblings.toggleClass('is-shown');
-        },
-
-        startMoveClosure: function() {
-        // set min/max widths
-            var cachethis = this;
-            var widthPerPoint = cachethis.gradeBarWidth / 100;
-            // eslint-disable-next-line no-shadow
-            return function(event, ui) {
-                var barIndex = ui.element.index();
-                var offset = 1;
-                // min and max represent limits not labels
-                var min = (barIndex < cachethis.descendingCutoffs.length
-                    ? cachethis.descendingCutoffs[barIndex].cutoff + offset
-                    : offset);
-                // minus 2 b/c minus 1 is the element we're effecting. It's max is just shy of the next one above it
-                var max = (barIndex >= 2 ? cachethis.descendingCutoffs[barIndex - 2].cutoff - offset : 99);
-                ui.element.resizable('option', {minWidth: min * widthPerPoint, maxWidth: max * widthPerPoint});
-            };
-        },
-
-        moveBarClosure: function() {
-        // 0th ele doesn't have a bar; so, will never invoke this
-            var cachethis = this;
-            // eslint-disable-next-line no-shadow
-            return function(event, ui) {
-                var barIndex = ui.element.index();
-                var offset = 1;
-                // min and max represent limits not labels (note, can's make smaller than 3 points wide)
-                var min = (barIndex < cachethis.descendingCutoffs.length
-                    ? cachethis.descendingCutoffs[barIndex].cutoff + offset
-                    : offset);
-                // minus 2 b/c minus 1 is the element we're effecting. It's max is just shy of the next one above it
-                var max = (barIndex >= 2 ? cachethis.descendingCutoffs[barIndex - 2].cutoff - offset : 100);
-                // eslint-disable-next-line no-mixed-operators
-                var percentage = Math.min(Math.max(ui.size.width / cachethis.gradeBarWidth * 100, min), max);
-                cachethis.descendingCutoffs[barIndex - 1].cutoff = Math.round(percentage);
-                cachethis.renderGradeRanges();
-            };
-        },
-
-        renderGradeRanges: function() {
-        // the labels showing the range e.g., 71-80
-            var cutoffs = this.descendingCutoffs;
-            this.$el.find('.range').each(function(i) {
-                var min = (i < cutoffs.length ? cutoffs[i].cutoff : 0);
-                var max = (i > 0 ? cutoffs[i - 1].cutoff - 1 : 100);
-                $(this).text(min + '-' + max);
-            });
-        },
-
-        stopDragClosure: function() {
-            var cachethis = this;
-            // eslint-disable-next-line no-shadow
-            return function(event, ui) {
-            // for some reason the resize is setting height to 0
-                cachethis.saveCutoffs();
-            };
-        },
-
-        renderGradeLabels: function() {
-        // When a grade is removed, keep the remaining grades consistent.
-            var _this = this;
-            if (_this.descendingCutoffs.length === 1 && _this.descendingCutoffs[0].designation === _this.GRADES[0]) {
-                _this.descendingCutoffs[0].designation = 'Pass';
-                _this.setTopGradeLabel();
-            } else {
-                _.each(_this.descendingCutoffs, function(cutoff, index) {
-                    cutoff.designation = _this.GRADES[index];
-                });
-                _this.updateDomGradeLabels();
-            }
-        },
-        updateDomGradeLabels: function() {
-        // Update the DOM elements (Grades)
-            var _this = this;
-            var gradeElements = this.$el.find('.grades .letter-grade[contenteditable=true]');
-            _.each(gradeElements, function(element, index) {
-                if (index !== 0) { $(element).text(_this.GRADES[index]); }
-            });
-        },
-
-        saveCutoffs: function() {
-            this.model.set('grade_cutoffs',
-                _.reduce(this.descendingCutoffs,
-                    function(object, cutoff) {
-                        object[cutoff.designation] = cutoff.cutoff / 100.0;
-                        return object;
-                    },
-                    {}),
-                {validate: true});
-        },
-
-        addNewGrade: function(e) {
-            e.preventDefault();
-            var gradeLength = this.descendingCutoffs.length; // cutoffs doesn't include fail/f so this is only the passing grades
-            if (gradeLength > this.GRADES.length - 1) {
-            // TODO shouldn't we disable the button
-                return;
-            }
-            var failBarWidth = this.descendingCutoffs[gradeLength - 1].cutoff;
-            // going to split the grade above the insertion point in half leaving fail in same place
-            var nextGradeTop = (gradeLength > 1 ? this.descendingCutoffs[gradeLength - 2].cutoff : 100);
-            var targetWidth = failBarWidth + ((nextGradeTop - failBarWidth) / 2);
-            this.descendingCutoffs.push({designation: this.GRADES[gradeLength], cutoff: failBarWidth});
-            this.descendingCutoffs[gradeLength - 1].cutoff = Math.round(targetWidth);
-
-            var newGradeHtml = this.gradeCutoffTemplate({
-                descriptor: this.GRADES[gradeLength],
-                width: targetWidth,
-                contenteditable: true,
-                removable: true
-            });
-            var gradeDom = this.$el.find('.grades');
-            gradeDom.children().last().before(HtmlUtils.ensureHtml(newGradeHtml).toString());
-            var newEle = gradeDom.children()[gradeLength];
-            $(newEle).resizable({
-                handles: 'e',
-                containment: 'parent',
-                start: this.startMoveClosure(),
-                resize: this.moveBarClosure(),
-                stop: this.stopDragClosure()
-            });
-
-            // Munge existing grade labels?
-            // If going from Pass/Fail to 3 levels, change to Pass to A
-            if (gradeLength === 1 && this.descendingCutoffs[0].designation === 'Pass') {
-                this.descendingCutoffs[0].designation = this.GRADES[0];
-                this.setTopGradeLabel();
-            }
-            this.setFailLabel();
-
-            this.renderGradeRanges();
-            this.saveCutoffs();
-        },
-
-        removeGrade: function(e) {
-            e.preventDefault();
-            var domElement = $(e.currentTarget).closest('li');
-            var index = domElement.index();
-            // copy the boundary up to the next higher grade then remove
-            this.descendingCutoffs[index - 1].cutoff = this.descendingCutoffs[index].cutoff;
-            this.descendingCutoffs.splice(index, 1);
-            domElement.remove();
-
-            this.setFailLabel();
-            this.renderGradeRanges();
-            this.renderGradeLabels();
-            this.saveCutoffs();
-        },
-
-        updateDesignation: function(e) {
-            var index = $(e.currentTarget).closest('li').index();
-            this.descendingCutoffs[index].designation = $(e.currentTarget).html();
-            this.saveCutoffs();
-        },
-
-        failLabel: function() {
-            if (this.descendingCutoffs.length === 1) { return 'Fail'; } else { return 'F'; }
-        },
-        setFailLabel: function() {
-            this.$el.find('.grades .letter-grade').last().text(this.failLabel());
-        },
-        setTopGradeLabel: function() {
-            this.$el.find('.grades .letter-grade').first().text(this.descendingCutoffs[0].designation);
-        },
-        setupCutoffs: function() {
-        // Instrument grading scale
-        // convert cutoffs to inversely ordered list
-            var modelCutoffs = this.model.get('grade_cutoffs');
-            // eslint-disable-next-line guard-for-in
-            for (var cutoff in modelCutoffs) {
-                this.descendingCutoffs.push({designation: cutoff, cutoff: Math.round(modelCutoffs[cutoff] * 100)});
-            }
-            this.descendingCutoffs = _.sortBy(this.descendingCutoffs,
-                function(gradeEle) { return -gradeEle.cutoff; });
-        },
-        setupGradeDesignations: function(gradeDesignations) {
-            if (Array.isArray(gradeDesignations) && gradeDesignations.length > 1) { this.GRADES = gradeDesignations.slice(0, 11); }
-        },
-        revertView: function() {
-            var self = this;
-            this.model.fetch({
-                success: function() {
-                    self.descendingCutoffs = [];
-                    self.setupCutoffs();
-                    self.render();
-                    self.renderCutoffBar();
-                },
-                reset: true,
-                silent: true
-            });
-        },
-        showNotificationBar: function() {
-        // We always call showNotificationBar with the same args, just
-        // delegate to superclass
-            ValidatingView.prototype.showNotificationBar.call(this,
-                this.save_message,
-                _.bind(this.saveView, this),
-                _.bind(this.revertView, this));
-        }
-    });
-
-    return GradingView;
-}); // end define()
diff --git a/cms/static/js/views/settings/main.js b/cms/static/js/views/settings/main.js
deleted file mode 100644
index 5b7a25dbde95..000000000000
--- a/cms/static/js/views/settings/main.js
+++ /dev/null
@@ -1,503 +0,0 @@
-define(['js/views/validation', 'codemirror', 'underscore', 'jquery', 'jquery.ui', 'js/utils/date_utils',
-    'js/models/uploads', 'js/views/uploads', 'js/views/license', 'js/models/license',
-    'common/js/components/views/feedback_notification', 'jquery.timepicker', 'date', 'gettext',
-    'js/views/learning_info', 'js/views/instructor_info', 'edx-ui-toolkit/js/utils/string-utils'],
-function(ValidatingView, CodeMirror, _, $, ui, DateUtils, FileUploadModel,
-    FileUploadDialog, LicenseView, LicenseModel, NotificationView,
-    timepicker, date, gettext, LearningInfoView, InstructorInfoView, StringUtils) {
-    var DetailsView = ValidatingView.extend({
-    // Model class is CMS.Models.Settings.CourseDetails
-        events: {
-            'input input': 'updateModel',
-            'input textarea': 'updateModel',
-            // Leaving change in as fallback for older browsers
-            'change input': 'updateModel',
-            'change textarea': 'updateModel',
-            'change select': 'updateModel',
-            'click .remove-course-introduction-video': 'removeVideo',
-            'focus #course-overview': 'codeMirrorize',
-            'focus #course-about-sidebar-html': 'codeMirrorize',
-            'mouseover .timezone': 'updateTime',
-            // would love to move to a general superclass, but event hashes don't inherit in backbone :-(
-            'focus :input': 'inputFocus',
-            'blur :input': 'inputUnfocus',
-            'click .action-upload-image': 'uploadImage',
-            'click .add-course-learning-info': 'addLearningFields',
-            'click .add-course-instructor-info': 'addInstructorFields'
-        },
-
-        initialize: function(options) {
-            options = options || {};
-            // fill in fields
-            this.$el.find('#course-language').val(this.model.get('language'));
-            this.$el.find('#course-organization').val(this.model.get('org'));
-            this.$el.find('#course-number').val(this.model.get('course_id'));
-            this.$el.find('#course-name').val(this.model.get('run'));
-            this.$el.find('.set-date').datepicker({dateFormat: 'm/d/yy'});
-            this.$el.find('#certificates-display-behavior').val(this.model.get('certificates_display_behavior'));
-            this.updateCertificatesDisplayBehavior();
-
-            // Avoid showing broken image on mistyped/nonexistent image
-            this.$el.find('img').error(function() {
-                $(this).hide();
-            });
-            this.$el.find('img').load(function() {
-                $(this).show();
-            });
-
-            this.listenTo(this.model, 'invalid', this.handleValidationError);
-            this.listenTo(this.model, 'change', this.showNotificationBar);
-            this.selectorToField = _.invert(this.fieldToSelectorMap);
-            // handle license separately, to avoid reimplementing view logic
-            this.licenseModel = new LicenseModel({asString: this.model.get('license')});
-            this.licenseView = new LicenseView({
-                model: this.licenseModel,
-                el: this.$('#course-license-selector').get(),
-                showPreview: true
-            });
-            this.listenTo(this.licenseModel, 'change', this.handleLicenseChange);
-
-            if (options.showMinGradeWarning || false) {
-                new NotificationView.Warning({
-                    title: gettext('Course Credit Requirements'),
-                    message: gettext('The minimum grade for course credit is not set.'),
-                    closeIcon: true
-                }).show();
-            }
-
-            this.learning_info_view = new LearningInfoView({
-                el: $('.course-settings-learning-fields'),
-                model: this.model
-            });
-
-            this.instructor_info_view = new InstructorInfoView({
-                el: $('.course-instructor-details-fields'),
-                model: this.model
-            });
-        },
-
-        render: function() {
-        // Clear any image preview timeouts set in this.updateImagePreview
-            clearTimeout(this.imageTimer);
-
-            DateUtils.setupDatePicker('start_date', this);
-            DateUtils.setupDatePicker('end_date', this);
-            DateUtils.setupDatePicker('certificate_available_date', this);
-            DateUtils.setupDatePicker('enrollment_start', this);
-            DateUtils.setupDatePicker('enrollment_end', this);
-            DateUtils.setupDatePicker('upgrade_deadline', this);
-
-            this.$el.find('#' + this.fieldToSelectorMap.overview).val(this.model.get('overview'));
-            this.codeMirrorize(null, $('#course-overview')[0]);
-
-            if (this.model.get('title') !== '') {
-                this.$el.find('#' + this.fieldToSelectorMap.title).val(this.model.get('title'));
-            } else {
-                var displayName = this.$el.find('#' + this.fieldToSelectorMap.title).attr('data-display-name');
-                this.$el.find('#' + this.fieldToSelectorMap.title).val(displayName);
-            }
-            this.$el.find('#' + this.fieldToSelectorMap.subtitle).val(this.model.get('subtitle'));
-            this.$el.find('#' + this.fieldToSelectorMap.duration).val(this.model.get('duration'));
-            this.$el.find('#' + this.fieldToSelectorMap.description).val(this.model.get('description'));
-
-            this.$el.find('#' + this.fieldToSelectorMap.short_description).val(this.model.get('short_description'));
-            this.$el.find('#' + this.fieldToSelectorMap.about_sidebar_html).val(
-                this.model.get('about_sidebar_html')
-            );
-            this.codeMirrorize(null, $('#course-about-sidebar-html')[0]);
-
-            this.$el.find('.current-course-introduction-video iframe').attr('src', this.model.videosourceSample());
-            this.$el.find('#' + this.fieldToSelectorMap.intro_video).val(this.model.get('intro_video') || '');
-            if (this.model.has('intro_video')) {
-                this.$el.find('.remove-course-introduction-video').show();
-            } else { this.$el.find('.remove-course-introduction-video').hide(); }
-
-            this.$el.find('#' + this.fieldToSelectorMap.effort).val(this.model.get('effort'));
-            this.$el.find('#' + this.fieldToSelectorMap.certificates_display_behavior).val(this.model.get('certificates_display_behavior'));
-            this.updateCertificatesDisplayBehavior();
-
-            var courseImageURL = this.model.get('course_image_asset_path');
-            this.$el.find('#course-image-url').val(courseImageURL);
-            this.$el.find('#course-image').attr('src', courseImageURL);
-
-            var bannerImageURL = this.model.get('banner_image_asset_path');
-            this.$el.find('#banner-image-url').val(bannerImageURL);
-            this.$el.find('#banner-image').attr('src', bannerImageURL);
-
-            var videoThumbnailImageURL = this.model.get('video_thumbnail_image_asset_path');
-            this.$el.find('#video-thumbnail-image-url').val(videoThumbnailImageURL);
-            this.$el.find('#video-thumbnail-image').attr('src', videoThumbnailImageURL);
-
-            var pre_requisite_courses = this.model.get('pre_requisite_courses');
-            pre_requisite_courses = pre_requisite_courses.length > 0 ? pre_requisite_courses : '';
-            this.$el.find('#' + this.fieldToSelectorMap.pre_requisite_courses).val(pre_requisite_courses);
-
-            if (this.model.get('entrance_exam_enabled') == 'true') {
-                this.$('#' + this.fieldToSelectorMap.entrance_exam_enabled).attr('checked', this.model.get('entrance_exam_enabled'));
-                this.$('.div-grade-requirements').show();
-            } else {
-                this.$('#' + this.fieldToSelectorMap.entrance_exam_enabled).removeAttr('checked');
-                this.$('.div-grade-requirements').hide();
-            }
-            this.$('#' + this.fieldToSelectorMap.entrance_exam_minimum_score_pct).val(this.model.get('entrance_exam_minimum_score_pct'));
-
-            var selfPacedButton = this.$('#course-pace-self-paced'),
-                instructorPacedButton = this.$('#course-pace-instructor-paced'),
-                paceToggleTip = this.$('#course-pace-toggle-tip');
-            (this.model.get('self_paced') ? selfPacedButton : instructorPacedButton).attr('checked', true);
-            if (this.model.canTogglePace()) {
-                selfPacedButton.removeAttr('disabled');
-                instructorPacedButton.removeAttr('disabled');
-                paceToggleTip.text('');
-            } else {
-                selfPacedButton.attr('disabled', true);
-                instructorPacedButton.attr('disabled', true);
-                paceToggleTip.text(gettext('Course pacing cannot be changed once a course has started.'));
-            }
-
-            this.licenseView.render();
-            this.learning_info_view.render();
-            this.instructor_info_view.render();
-
-            return this;
-        },
-        fieldToSelectorMap: {
-            language: 'course-language',
-            start_date: 'course-start',
-            end_date: 'course-end',
-            enrollment_start: 'enrollment-start',
-            enrollment_end: 'enrollment-end',
-            upgrade_deadline: 'upgrade-deadline',
-            certificate_available_date: 'certificate-available',
-            certificates_display_behavior: 'certificates-display-behavior',
-            overview: 'course-overview',
-            title: 'course-title',
-            subtitle: 'course-subtitle',
-            duration: 'course-duration',
-            description: 'course-description',
-            about_sidebar_html: 'course-about-sidebar-html',
-            short_description: 'course-short-description',
-            intro_video: 'course-introduction-video',
-            effort: 'course-effort',
-            course_image_asset_path: 'course-image-url',
-            banner_image_asset_path: 'banner-image-url',
-            video_thumbnail_image_asset_path: 'video-thumbnail-image-url',
-            pre_requisite_courses: 'pre-requisite-course',
-            entrance_exam_enabled: 'entrance-exam-enabled',
-            entrance_exam_minimum_score_pct: 'entrance-exam-minimum-score-pct',
-            course_settings_learning_fields: 'course-settings-learning-fields',
-            add_course_learning_info: 'add-course-learning-info',
-            add_course_instructor_info: 'add-course-instructor-info',
-            course_learning_info: 'course-learning-info'
-        },
-
-        addLearningFields: function() {
-        /*
-        * Add new course learning fields.
-        * */
-            var existingInfo = _.clone(this.model.get('learning_info'));
-            existingInfo.push('');
-            this.model.set('learning_info', existingInfo);
-        },
-
-        addInstructorFields: function() {
-        /*
-        * Add new course instructor fields.
-        * */
-            var instructors = this.model.get('instructor_info').instructors.slice(0);
-            instructors.push({
-                name: '',
-                title: '',
-                organization: '',
-                image: '',
-                bio: ''
-            });
-            this.model.set('instructor_info', {instructors: instructors});
-        },
-
-        updateTime: function(e) {
-            var now = new Date(),
-                hours = now.getUTCHours(),
-                minutes = now.getUTCMinutes(),
-                currentTimeText = StringUtils.interpolate(
-                    gettext('{hours}:{minutes} (current UTC time)'),
-                    {
-                        hours: hours,
-                        minutes: minutes
-                    }
-                );
-
-            $(e.currentTarget).attr('title', currentTimeText);
-        },
-        updateModel: function(event) {
-            var value;
-            var index = event.currentTarget.getAttribute('data-index');
-            switch (event.currentTarget.id) {
-            case 'course-learning-info-' + index:
-                value = $(event.currentTarget).val();
-                var learningInfo = this.model.get('learning_info');
-                learningInfo[index] = value;
-                this.showNotificationBar();
-                break;
-            case 'course-instructor-name-' + index:
-            case 'course-instructor-title-' + index:
-            case 'course-instructor-organization-' + index:
-            case 'course-instructor-bio-' + index:
-                value = $(event.currentTarget).val();
-                var field = event.currentTarget.getAttribute('data-field'),
-                    instructors = this.model.get('instructor_info').instructors.slice(0);
-                instructors[index][field] = value;
-                this.model.set('instructor_info', {instructors: instructors});
-                this.showNotificationBar();
-                break;
-            case 'course-instructor-image-' + index:
-                instructors = this.model.get('instructor_info').instructors.slice(0);
-                instructors[index].image = $(event.currentTarget).val();
-                this.model.set('instructor_info', {instructors: instructors});
-                this.showNotificationBar();
-                this.updateImagePreview(event.currentTarget, '#course-instructor-image-preview-' + index);
-                break;
-            case 'course-image-url':
-                this.updateImageField(event, 'course_image_name', '#course-image');
-                break;
-            case 'banner-image-url':
-                this.updateImageField(event, 'banner_image_name', '#banner-image');
-                break;
-            case 'video-thumbnail-image-url':
-                this.updateImageField(event, 'video_thumbnail_image_name', '#video-thumbnail-image');
-                break;
-            case 'entrance-exam-enabled':
-                if ($(event.currentTarget).is(':checked')) {
-                    this.$('.div-grade-requirements').show();
-                } else {
-                    this.$('.div-grade-requirements').hide();
-                }
-                this.setField(event);
-                break;
-            case 'entrance-exam-minimum-score-pct':
-            // If the val is an empty string then update model with default value.
-                if ($(event.currentTarget).val() === '') {
-                    this.model.set('entrance_exam_minimum_score_pct', this.model.defaults.entrance_exam_minimum_score_pct);
-                } else {
-                    this.setField(event);
-                }
-                break;
-            case 'pre-requisite-course':
-                var value = $(event.currentTarget).val();
-                value = value == '' ? [] : [value];
-                this.model.set('pre_requisite_courses', value);
-                break;
-                // Don't make the user reload the page to check the Youtube ID.
-                // Wait for a second to load the video, avoiding egregious AJAX calls.
-            case 'course-introduction-video':
-                this.clearValidationErrors();
-                var previewsource = this.model.set_videosource($(event.currentTarget).val());
-                clearTimeout(this.videoTimer);
-                this.videoTimer = setTimeout(_.bind(function() {
-                    this.$el.find('.current-course-introduction-video iframe').attr('src', previewsource);
-                    if (this.model.has('intro_video')) {
-                        this.$el.find('.remove-course-introduction-video').show();
-                    } else {
-                        this.$el.find('.remove-course-introduction-video').hide();
-                    }
-                }, this), 1000);
-                break;
-            case 'course-pace-self-paced':
-            // Fallthrough to handle both radio buttons
-            case 'course-pace-instructor-paced':
-                this.model.set('self_paced', JSON.parse(event.currentTarget.value));
-                break;
-            case 'certificates-display-behavior':
-                this.setField(event);
-                this.updateCertificatesDisplayBehavior();
-                break;
-            case 'course-language':
-            case 'course-effort':
-            case 'course-title':
-            case 'course-subtitle':
-            case 'course-duration':
-            case 'course-description':
-            case 'course-short-description':
-                this.setField(event);
-                break;
-            default: // Everything else is handled by datepickers and CodeMirror.
-                break;
-            }
-        },
-        updateImageField: function(event, image_field, selector) {
-            this.setField(event);
-            var url = $(event.currentTarget).val();
-            var image_name = _.last(url.split('/'));
-            // If image path is entered directly, we need to strip the asset prefix
-            image_name = _.last(image_name.split('block@'));
-            this.model.set(image_field, image_name);
-            this.updateImagePreview(event.currentTarget, selector);
-        },
-        updateImagePreview: function(imagePathInputElement, previewSelector) {
-        // Wait to set the image src until the user stops typing
-            clearTimeout(this.imageTimer);
-            this.imageTimer = setTimeout(function() {
-                $(previewSelector).attr('src', $(imagePathInputElement).val());
-            }, 1000);
-        },
-        removeVideo: function(event) {
-            event.preventDefault();
-            if (this.model.has('intro_video')) {
-                this.model.set_videosource(null);
-                this.$el.find('.current-course-introduction-video iframe').attr('src', '');
-                this.$el.find('#' + this.fieldToSelectorMap.intro_video).val('');
-                this.$el.find('.remove-course-introduction-video').hide();
-            }
-        },
-        codeMirrors: {},
-        codeMirrorize: function(e, forcedTarget) {
-            var thisTarget, cachethis, field, cmTextArea;
-            if (forcedTarget) {
-                thisTarget = forcedTarget;
-                thisTarget.id = $(thisTarget).attr('id');
-            } else if (e !== null) {
-                thisTarget = e.currentTarget;
-            } else {
-            // e and forcedTarget can be null so don't deference it
-            // This is because in cases where we have a marketing site
-            // we don't display the codeMirrors for editing the marketing
-            // materials, except we do need to show the 'set course image'
-            // workflow. So in this case e = forcedTarget = null.
-                return;
-            }
-
-            if (!this.codeMirrors[thisTarget.id]) {
-                cachethis = this;
-                field = this.selectorToField[thisTarget.id];
-                this.codeMirrors[thisTarget.id] = CodeMirror.fromTextArea(thisTarget, {mode: 'text/html', lineNumbers: true, lineWrapping: true});
-                this.codeMirrors[thisTarget.id].on('change', function(mirror) {
-                    mirror.save();
-                    cachethis.clearValidationErrors();
-                    var newVal = mirror.getValue();
-                    if (cachethis.model.get(field) != newVal) {
-                        cachethis.setAndValidate(field, newVal);
-                    }
-                });
-                cmTextArea = this.codeMirrors[thisTarget.id].getInputField();
-                cmTextArea.setAttribute('id', thisTarget.id + '-cm-textarea');
-            }
-        },
-
-        updateCertificatesDisplayBehavior: function() {
-            /*
-                    Hides and clears the certificate available date field if a display behavior that doesn't use it is
-                    chosen. Because we are clearing it, toggling back to "end_with_date" will require re-entering the date
-                    */
-            // eslint-disable-next-line prefer-const
-            let showDatepicker = this.model.get('certificates_display_behavior') == 'end_with_date';
-            // eslint-disable-next-line prefer-const
-            let datepicker = this.$el.find('#certificate-available-date');
-            // eslint-disable-next-line prefer-const
-            let certificateAvailableDateField = this.$el.find('#field-certificate-available-date');
-
-            if (showDatepicker) {
-                datepicker.prop('disabled', false);
-                certificateAvailableDateField.removeClass('hidden');
-            } else {
-                datepicker.prop('disabled', true);
-                datepicker.val(null);
-                this.clearValidationErrors();
-                this.setAndValidate('certificate_available_date', null);
-                certificateAvailableDateField.addClass('hidden');
-            }
-        },
-        revertView: function() {
-        // Make sure that the CodeMirror instance has the correct
-        // data from its corresponding textarea
-            var self = this;
-            this.model.fetch({
-                success: function() {
-                    self.render();
-                    _.each(self.codeMirrors, function(mirror) {
-                        var ele = mirror.getTextArea();
-                        var field = self.selectorToField[ele.id];
-                        mirror.setValue(self.model.get(field));
-                    });
-                    self.licenseModel.setFromString(self.model.get('license'), {silent: true});
-                    self.licenseView.render();
-                },
-                reset: true,
-                silent: true
-            });
-        },
-        setAndValidate: function(attr, value) {
-        // If we call model.set() with {validate: true}, model fields
-        // will not be set if validation fails. This puts the UI and
-        // the model in an inconsistent state, and causes us to not
-        // see the right validation errors the next time validate() is
-        // called on the model. So we set *without* validating, then
-        // call validate ourselves.
-            this.model.set(attr, value);
-            this.model.isValid();
-        },
-
-        showNotificationBar: function() {
-        // We always call showNotificationBar with the same args, just
-        // delegate to superclass
-            ValidatingView.prototype.showNotificationBar.call(this,
-                this.save_message,
-                _.bind(this.saveView, this),
-                _.bind(this.revertView, this));
-        },
-
-        uploadImage: function(event) {
-            event.preventDefault();
-            var title = '',
-                selector = '',
-                image_key = '',
-                image_path_key = '';
-            // eslint-disable-next-line default-case
-            switch (event.currentTarget.id) {
-            case 'upload-course-image':
-                title = gettext('Upload your course image.');
-                selector = '#course-image';
-                image_key = 'course_image_name';
-                image_path_key = 'course_image_asset_path';
-                break;
-            case 'upload-banner-image':
-                title = gettext('Upload your banner image.');
-                selector = '#banner-image';
-                image_key = 'banner_image_name';
-                image_path_key = 'banner_image_asset_path';
-                break;
-            case 'upload-video-thumbnail-image':
-                title = gettext('Upload your video thumbnail image.');
-                selector = '#video-thumbnail-image';
-                image_key = 'video_thumbnail_image_name';
-                image_path_key = 'video_thumbnail_image_asset_path';
-                break;
-            }
-
-            var upload = new FileUploadModel({
-                title: title,
-                message: gettext('Files must be in JPEG or PNG format.'),
-                mimeTypes: ['image/jpeg', 'image/png']
-            });
-            var self = this;
-            var modal = new FileUploadDialog({
-                model: upload,
-                onSuccess: function(response) {
-                    var options = {};
-                    options[image_key] = response.asset.display_name;
-                    options[image_path_key] = response.asset.url;
-                    self.model.set(options);
-                    self.render();
-                    $(selector).attr('src', self.model.get(image_path_key));
-                }
-            });
-            modal.show();
-        },
-
-        handleLicenseChange: function() {
-            this.showNotificationBar();
-            this.model.set('license', this.licenseModel.toString());
-        }
-    });
-
-    return DetailsView;
-}); // end define()
diff --git a/cms/static/sass/_build-v1.scss b/cms/static/sass/_build-v1.scss
index 8bdc5673e5b6..97d21c3f4a53 100644
--- a/cms/static/sass/_build-v1.scss
+++ b/cms/static/sass/_build-v1.scss
@@ -67,7 +67,6 @@
 @import 'views/course-create';
 @import 'views/import';
 @import 'views/outline';
-@import 'views/settings';
 @import 'views/static-pages';
 @import 'views/container';
 @import 'views/users';
diff --git a/cms/static/sass/elements/_header.scss b/cms/static/sass/elements/_header.scss
index 5dd01686ab46..f1033d80d7c9 100644
--- a/cms/static/sass/elements/_header.scss
+++ b/cms/static/sass/elements/_header.scss
@@ -366,13 +366,9 @@ body.course.view-static-pages .nav-course-courseware-pages,
 body.course.view-uploads .nav-course-courseware-uploads,
 body.course.view-textbooks .nav-course-courseware-textbooks,
 body.course.view-video-uploads .nav-course-courseware-videos,
-body.course.schedule .nav-course-settings .title,
-body.course.grading .nav-course-settings .title,
 body.course.view-team .nav-course-settings .title,
 body.course.view-group-configurations .nav-course-settings .title,
 body.course.advanced .nav-course-settings .title,
-body.course.schedule .nav-course-settings-schedule,
-body.course.grading .nav-course-settings-grading,
 body.course.view-team .nav-course-settings-team,
 body.course.view-group-configurations .nav-course-settings-group-configurations,
 body.course.advanced .nav-course-settings-advanced,
diff --git a/cms/static/sass/views/_settings.scss b/cms/static/sass/views/_settings.scss
deleted file mode 100644
index c571af4b8cb8..000000000000
--- a/cms/static/sass/views/_settings.scss
+++ /dev/null
@@ -1,1312 +0,0 @@
-// studio - views - course settings
-// ====================
-// Table of Contents
-// * +Settings - Base / All
-// * +Settings - Licenses
-
-// +Settings - Base / All
-// ====================
-.view-settings {
-  @include text-align(left);
-  @include direction();
-
-  .content-primary,
-  .content-supplementary {
-    box-sizing: border-box;
-  }
-
-  .content-primary {
-    @extend %ui-window;
-    @extend .ui-col-wide;
-
-    padding: $baseline ($baseline*1.5);
-  }
-
-  // messages - should be synced up with global messages in the future
-  .message {
-    @extend %t-copy-sub1;
-
-    display: block;
-  }
-
-  .message-status {
-    @include border-top-radius(2px);
-
-    box-sizing: border-box;
-
-    @extend %t-strong;
-
-    display: none;
-    border-bottom: 2px solid $yellow;
-    margin: 0 0 $baseline 0;
-    padding: ($baseline/2) $baseline;
-    background: $paleYellow;
-
-    .text {
-      display: inline-block;
-    }
-
-    &.error {
-      border-color: shade($red, 50%);
-      background: tint($red, 20%);
-      color: $white;
-    }
-
-    &.confirm {
-      border-color: shade($green, 50%);
-      background: tint($green, 20%);
-      color: $white;
-    }
-
-    &.is-shown {
-      display: block;
-    }
-  }
-
-  // notices - used currently for edx mktg
-  .notice-workflow {
-    margin-top: ($baseline);
-  }
-
-  // specific fields - settings details
-  .settings-details {
-
-    // course details that should appear more like content than elements to change
-    .is-not-editable {
-      input,
-      textarea {
-        @extend %t-copy-lead1;
-        @extend %t-strong;
-
-        box-shadow: none;
-        border: none;
-        background: none;
-        margin: 0;
-      }
-    }
-  }
-
-
-  // in form - elements
-  .group-settings {
-    margin: 0 0 ($baseline*2) 0;
-
-    header {
-      @include clearfix();
-
-      .title-2 {
-        width: flex-grid(4, 9);
-        margin: 0;
-
-        @include margin-right(flex-gutter());
-        @include float(left);
-      }
-
-      .tip {
-        @extend %t-copy-sub2;
-
-        width: flex-grid(5, 9);
-
-        @include float(right);
-
-        margin-top: ($baseline/2);
-
-        @include text-align(right);
-
-        color: $gray-d1;
-      }
-    }
-
-    legend {
-      width: 100%;
-    }
-
-    // in form  -UI hints/tips/messages
-    .header-help {
-      margin: 0 0 $baseline 0;
-    }
-
-    .instructions {
-      @extend %t-copy-sub1;
-
-      margin: 0 0 $baseline 0;
-    }
-
-    .tip {
-      @extend %t-copy-sub2;
-
-      @include transition(color $tmg-f2 ease-in-out 0s);
-
-      display: block;
-      margin-top: ($baseline/4);
-      color: $gray-d1;
-    }
-
-    .tip-inline {
-      display: inline;
-
-      @include margin-left($baseline/4);
-    }
-
-    .message-error {
-      @extend %t-copy-sub1;
-
-      display: block;
-      margin-top: ($baseline/4);
-      margin-bottom: ($baseline/2);
-      color: $red;
-    }
-
-    .collapsible {
-      .collapsible-trigger{
-        color: theme-color("primary");
-        &:hover{
-          cursor: pointer;
-        }
-      }
-
-      .collapsible-content{
-        font-size: 12px;
-        padding-top: ($baseline/2);
-        .collapsible-description-heading {
-          font-weight: bold;
-          margin-top: $baseline;
-        }
-
-        &.collapsed{
-          height: 0;
-          overflow: hidden;
-        }
-      }
-    }
-
-    // buttons
-    .remove-item {
-      @include white-button;
-
-      @extend %t-action3;
-      @extend %t-strong;
-    }
-
-    .new-button {
-      @extend %t-action3;
-    }
-
-    // form basics
-    .list-input {
-      @extend %cont-no-list;
-
-      .show-data {
-        .heading {
-          border: 1px solid #e0e0e0;
-          padding: 5px 15px;
-          margin-top: 5px;
-        }
-
-        .div-grade-requirements {
-          border: 1px solid #e0e0e0;
-          border-top: none;
-          padding: 10px 15px;
-
-          label {
-            font-weight: 600;
-          }
-
-          input#entrance-exam-minimum-score-pct {
-            height: 40px;
-            font-size: 18px;
-          }
-        }
-      }
-
-      #heading-entrance-exam {
-        font-weight: 600;
-      }
-
-      label[for="entrance-exam-enabled"] {
-        font-size: 14px;
-      }
-
-      .field {
-        margin: 0 0 ($baseline*2) 0;
-
-        &:last-child {
-          margin-bottom: 0;
-        }
-
-        &.required {
-          label {
-            @extend %t-strong;
-          }
-
-          label::after {
-            margin-left: ($baseline/4);
-            content: "*";
-          }
-        }
-
-        &.hidden {
-          display: none;
-        }
-
-        label,
-        input,
-        textarea {
-          display: inline-block;
-        }
-
-        label {
-          @include transition(color $tmg-f2 ease-in-out 0s);
-
-          @extend %t-copy-sub1;
-          @extend %t-strong;
-
-          margin: 0 0 ($baseline/4) 0;
-
-          &.is-focused {
-            color: theme-color("primary");
-          }
-        }
-
-        input,
-        textarea,
-        select {
-          @extend %t-copy-base;
-
-          @include placeholder($gray-l4);
-          @include size(100%, 100%);
-
-          padding: ($baseline/2);
-
-          &.error {
-            border-color: $red;
-          }
-
-          &:focus {
-            + .tip {
-              color: $gray-d1;
-            }
-          }
-        }
-
-        .input-minimum-grade {
-          @include float(left);
-          @include size(92%, 100%);
-        }
-
-        .minimum-grade-percentage-sign {
-          @include line-height(30);
-
-          padding-left: ($baseline/4);
-        }
-
-        textarea.long {
-          height: ($baseline*5);
-        }
-
-        input[type="checkbox"] {
-          display: inline-block;
-          margin-right: ($baseline/4);
-          width: auto;
-          height: auto;
-
-          & + label {
-            display: inline-block;
-          }
-        }
-
-        .datepicker-icon {
-          display: inline;
-          margin-left: -($baseline * 1.5);
-        }
-      }
-
-      .field-group {
-        @include clearfix();
-
-        margin: 0 0 ($baseline/2) 0;
-      }
-
-      // enumerated/grouped lists
-      &.enum {
-        .field-group {
-          box-sizing: border-box;
-          border-radius: 3px;
-          background: $gray-l5;
-          padding: $baseline;
-
-          &:last-child {
-            padding-bottom: $baseline;
-          }
-
-          .actions {
-            @include clearfix();
-
-            margin-top: ($baseline/2);
-            border-top: 1px solid $gray-l4;
-            padding-top: ($baseline/2);
-
-            .remove-item {
-              float: right;
-            }
-          }
-        }
-      }
-    }
-
-    // existing inputs
-    .input-existing {
-      margin: 0 0 $baseline 0;
-
-      .actions {
-        margin: ($baseline/4) 0 0 0;
-      }
-    }
-
-    // specific fields - basic
-    &.basic {
-      .list-input {
-        @include clearfix();
-
-        padding: 0 ($baseline/2);
-
-        .field {
-          margin-bottom: 0;
-        }
-      }
-
-      .is-not-editable {
-        input,
-        textarea {
-          padding: 0;
-        }
-      }
-
-      #field-course-organization {
-        float: left;
-        width: flex-grid(2, 9);
-        margin-right: flex-gutter();
-      }
-
-      #field-course-number {
-        float: left;
-        width: flex-grid(2, 9);
-        margin-right: flex-gutter();
-      }
-
-      #field-course-name {
-        float: left;
-        width: flex-grid(5, 9);
-      }
-
-      // Credit eligibility requirements
-      #credit-minimum-passing-grade {
-        float: left;
-        width: flex-grid(3, 9);
-        margin-right: flex-gutter();
-      }
-
-      #credit-proctoring-requirements {
-        float: left;
-        width: flex-grid(3, 9);
-        margin-right: flex-gutter();
-      }
-
-      #credit-reverification-requirements {
-        float: left;
-        width: flex-grid(3, 9);
-      }
-
-      // course link note
-      .note-promotion-courseURL {
-        box-shadow: 0 2px 1px $shadow-l1;
-        border-radius: ($baseline/5);
-        margin-top: ($baseline*1.5);
-        border: 1px solid $gray-l2;
-        padding: ($baseline/2) 0 0 0;
-
-        .title {
-          @extend %t-copy-sub1;
-
-          margin: 0 0 ($baseline/10) 0;
-          padding: 0 ($baseline/2);
-
-          .tip {
-            display: inline;
-            margin-left: ($baseline/4);
-          }
-        }
-
-        .copy {
-          padding: 0 ($baseline/2) ($baseline/2) ($baseline/2);
-
-          .link-courseURL {
-            @extend %t-copy-lead1;
-
-            box-sizing: border-box;
-            display: block;
-            width: 100%;
-            overflow: hidden;
-            white-space: nowrap;
-            text-overflow: ellipsis;
-            color: theme-color("primary");
-
-            &:hover {
-              color: $uxpl-blue-hover-active;
-            }
-          }
-        }
-
-        .list-actions {
-          box-shadow: inset 0 1px 1px $shadow-l1;
-          border-top: 1px solid $gray-l2;
-          padding: ($baseline/2);
-          background: $gray-l5;
-
-          .action-primary {
-            @extend %btn-primary-blue;
-            @extend %t-action3;
-            @extend %t-strong;
-
-            .icon {
-              @extend %t-icon5;
-
-              display: inline-block;
-              vertical-align: middle;
-              margin-top: -3px;
-            }
-          }
-        }
-      }
-    }
-
-    // specific fields - schedule
-    &.schedule {
-      .list-input {
-        margin-bottom: ($baseline*1.5);
-
-        &:last-child {
-          margin-bottom: 0;
-        }
-      }
-
-      .field-group {
-        @include clearfix();
-
-        border-bottom: 1px solid $gray-l5;
-        padding-bottom: ($baseline/2);
-
-        &:last-child {
-          border: none;
-          padding-bottom: 0;
-        }
-
-        .is-not-editable {
-          input,
-          textarea {
-            padding: 10px;
-          }
-        }
-
-        .field {
-          @include float(left);
-
-          width: flex-grid(4, 9);
-          margin-bottom: ($baseline/4);
-          margin-right: flex-gutter();
-        }
-
-        .field.time {
-          position: relative;
-
-          .tip {
-            position: absolute;
-            top: 0;
-
-            @include right(0);
-          }
-        }
-      }
-    }
-
-    // specific fields - overview
-    #field-course-overview,
-    #field-course-about-sidebar-html {
-      #course-overview,
-      #course-about-sidebar-html {
-        height: ($baseline*20);
-      }
-
-      //adds back in CodeMirror border removed due to Unit page styling of component editors
-      .CodeMirror {
-        border: 1px solid $gray-l2;
-      }
-    }
-
-    // specific fields - video
-    #field-course-introduction-video {
-      .input-existing {
-        box-sizing: border-box;
-        border-radius: 3px;
-        background: $gray-l5;
-        padding: ($baseline/2);
-
-        .actions {
-          @include clearfix();
-
-          margin-top: ($baseline/2);
-          border-top: 1px solid $gray-l4;
-          padding-top: ($baseline/2);
-
-          .remove-item {
-            float: right;
-          }
-        }
-      }
-
-      .actions {
-        margin-top: ($baseline/2);
-        border-top: 1px solid $gray-l5;
-        padding-top: ($baseline/2);
-      }
-    }
-
-    // specific fields - course image
-    #field-course-image,
-    #field-banner-image,
-    #field-video-thumbnail-image {
-      .current-course-image {
-        margin-bottom: ($baseline/2);
-        padding: ($baseline/2) $baseline;
-        background: $gray-l6;
-        text-align: center;
-
-        .wrapper-course-image {
-          display: block;
-          width: 375px;
-          height: 200px;
-          overflow: hidden;
-          margin: 0 auto;
-          border: 1px solid $gray-l4;
-          box-shadow: 0 1px 1px $shadow-l1;
-          padding: ($baseline/2);
-          background: $white;
-        }
-
-        .course-image {
-          display: block;
-          width: 100%;
-          min-height: 100%;
-        }
-
-        .msg {
-          @extend %t-copy-sub2;
-
-          display: block;
-          margin-top: ($baseline/2);
-          color: $gray-d3;
-        }
-      }
-
-      .wrapper-input {
-        @include clearfix();
-
-        width: flex-grid(9, 9);
-
-        .input {
-          float: left;
-          width: flex-grid(6, 9);
-          margin-right: flex-gutter();
-        }
-
-        .action-upload-image {
-          @extend %ui-btn-flat-outline;
-
-          @include float(right);
-
-          width: flex-grid(2, 9);
-          margin-top: ($baseline/4);
-          padding: ($baseline/2) $baseline;
-        }
-      }
-    }
-
-    // specific fields - requirements
-    &.requirements {
-      #field-course-effort {
-        width: flex-grid(3, 9);
-      }
-    }
-
-    // specific fields - grading range (artifact styling)
-    &.grade-range {
-      margin-bottom: ($baseline*3);
-
-      .grade-controls {
-        @include clearfix();
-
-        width: flex-grid(9, 9);
-      }
-
-      .new-grade-button {
-        box-sizing: border-box;
-
-        @include linear-gradient(top, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));
-
-        box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset;
-        width: flex-grid(1, 9);
-        height: ($baseline*2);
-        position: relative;
-        display: inline-block;
-        margin-right: flex-gutter();
-        vertical-align: middle;
-        text-align: center;
-        border-radius: 20px;
-        border: 1px solid $darkGrey;
-        background-color: #d1dae3;
-        color: #6d788b;
-
-        .icon {
-          position: absolute;
-          top: 50%;
-          left: 50%;
-          margin-left: -6px;
-          margin-top: -6px;
-        }
-      }
-
-      .grade-slider {
-        box-sizing: border-box;
-        width: flex-grid(8, 9);
-        display: inline-block;
-        vertical-align: middle;
-
-        .grade-bar {
-          position: relative;
-          width: 100%;
-          height: ($baseline*2.5);
-          background: $lightGrey;
-
-          .increments {
-            position: relative;
-
-            li {
-              @include font-size(9);
-
-              position: absolute;
-              top: 52px;
-              width: 30px;
-              margin-left: -15px;
-              text-align: center;
-
-              &.increment-0 {
-                left: 0;
-              }
-
-              &.increment-10 {
-                left: 10%;
-              }
-
-              &.increment-20 {
-                left: 20%;
-              }
-
-              &.increment-30 {
-                left: 30%;
-              }
-
-              &.increment-40 {
-                left: 40%;
-              }
-
-              &.increment-50 {
-                left: 50%;
-              }
-
-              &.increment-60 {
-                left: 60%;
-              }
-
-              &.increment-70 {
-                left: 70%;
-              }
-
-              &.increment-80 {
-                left: 80%;
-              }
-
-              &.increment-90 {
-                left: 90%;
-              }
-
-              &.increment-100 {
-                left: 100%;
-              }
-            }
-          }
-
-          .grade-specific-bar {
-            height: 50px !important;
-            text-align: left;
-          }
-
-          .grades {
-            position: relative;
-
-            li {
-              position: absolute;
-              top: 0;
-              height: 50px;
-              text-align: right;
-              border-radius: 2px;
-
-              &:hover,
-              &.is-dragging {
-                .remove-button {
-                  display: block;
-                }
-              }
-
-              .remove-button {
-                @extend %t-action5;
-
-                display: none;
-                position: absolute;
-                top: -17px;
-                right: 1px;
-                height: 17px;
-              }
-
-              &:nth-child(5n+1) {
-                background: #4fe696;
-              }
-
-              &:nth-child(5n+2) {
-                background: #ffdf7e;
-              }
-
-              &:nth-child(5n+3) {
-                background: #ffb657;
-              }
-
-              &:nth-child(5n+4) {
-                background: #ef54a1;
-              }
-
-              &:nth-child(5n+5),
-              &.bar-fail {
-                background: #fb336c;
-              }
-
-              .letter-grade {
-                @extend %t-copy-base;
-                @extend %t-strong;
-
-                display: block;
-                margin: 5px 15px 0 0;
-              }
-
-              .range {
-                @include font-size(10);
-
-                display: block;
-                margin-right: ($baseline*0.75);
-                line-height: 12px;
-              }
-
-              .drag-bar {
-                position: absolute;
-                top: 0;
-                right: -1px;
-                height: 50px;
-                width: 2px;
-                background-color: $white;
-                box-shadow: -1px 0 3px rgba(0, 0, 0, 0.1);
-                cursor: ew-resize;
-
-                @include transition(none);
-
-                &:hover {
-                  width: 6px;
-                  right: -2px;
-                }
-              }
-            }
-          }
-        }
-      }
-    }
-
-    // specific fields - grading rules
-    &.grade-rules {
-      #field-course-grading-graceperiod {
-        width: flex-grid(3, 9);
-      }
-
-      #field-course-minimum_grade_credit {
-        width: flex-grid(4, 9);
-      }
-    }
-
-    &.assignment-types {
-      .list-input {
-        &:last-child {
-          margin-bottom: 0;
-        }
-      }
-
-      .field-group {
-        @include clearfix();
-
-        width: flex-grid(9, 9);
-        margin-bottom: ($baseline*1.5);
-        border-bottom: 1px solid $gray-l5;
-        padding-bottom: ($baseline*1.5);
-
-        &:last-child {
-          border: none;
-          padding-bottom: 0;
-        }
-
-        .field {
-          display: inline-block;
-          vertical-align: top;
-          width: flex-grid(3, 6);
-          margin-bottom: ($baseline/2);
-          margin-right: flex-gutter();
-        }
-
-        #field-course-grading-assignment-shortname,
-        #field-course-grading-assignment-totalassignments,
-        #field-course-grading-assignment-gradeweight,
-        #field-course-grading-assignment-droppable {
-          width: flex-grid(2, 6);
-        }
-
-        .assignment-count-info {
-          padding: $baseline;
-          border-radius: 3px;
-          @extend %t-copy-sub2;
-        }
-
-        .assignment-count-warning {
-          background-color: $yellow-l4;
-
-          .assignment-count-warning-header{
-            @extend %t-copy-sub1;
-            font-weight: bold;
-            .header-warning {
-              font-weight: bolder;
-            }
-            margin-bottom: ($baseline / 2);
-          }
-
-          .assignment-count-warning-content {
-
-            ol.assignment_type_count_list {
-              list-style: auto;
-              list-style-position: inside;
-              padding-left: ($baseline*1.5);
-            }
-          }
-        }
-
-        .assignment-count-matches {
-          background-color: $green-l4;
-        }
-      }
-
-      .actions {
-        float: left;
-        width: flex-grid(9, 9);
-
-        .new-button {
-          @extend %btn-primary-green;
-        }
-
-        .delete-button {
-          margin: 0;
-        }
-      }
-    }
-
-    &.course-learning-info {
-      .list-input {
-        margin-bottom: $baseline;
-
-        .course-settings-learning-fields {
-          .field {
-            .input-learning-info {
-              width: flex-grid(10, 12);
-              display: inline-block;
-            }
-
-            .delete-button {
-              padding-bottom: 3px;
-              line-height: 3.5rem;
-            }
-          }
-        }
-      }
-
-      .actions {
-        width: flex-grid(9, 9);
-
-        .new-button {
-          @extend %btn-primary-green;
-        }
-
-        .delete-button {
-          margin: 0;
-        }
-      }
-    }
-
-    &.instructor-types {
-      .list-input {
-        .course-instructor-details-fields {
-          .field {
-            width: flex-grid(2, 6);
-
-            &.field-course-instructor-bio {
-              width: flex-grid(6, 6);
-            }
-
-            &.current-instructor-image {
-              width: flex-grid(6, 6);
-              text-align: left;
-              padding: 0;
-
-              .wrapper-instructor-image {
-                margin: 15px auto;
-              }
-            }
-          }
-        }
-
-        &:last-child {
-          margin-bottom: 0;
-        }
-      }
-
-      .field-group {
-        @include clearfix();
-
-        width: flex-grid(9, 9);
-        margin-bottom: ($baseline*1.5);
-        border-bottom: 1px solid $gray-l5;
-        padding-bottom: ($baseline*1.5);
-
-        &:last-child {
-          border: none;
-          padding-bottom: 0;
-        }
-
-        .field {
-          display: inline-block;
-          vertical-align: top;
-          width: flex-grid(3, 6);
-          margin-bottom: ($baseline/2);
-          margin-right: flex-gutter();
-        }
-
-        // specific fields - course image
-        .field-course-instructor-image {
-          margin-bottom: ($baseline/2);
-          padding: ($baseline/2) $baseline;
-          background: $gray-l5;
-          text-align: left;
-
-          .wrapper-instructor-image {
-            display: block;
-            width: 375px;
-            height: 200px;
-            overflow: hidden;
-            margin: 0 auto;
-            border: 1px solid $gray-l4;
-            box-shadow: 0 1px 1px $shadow-l1;
-            padding: ($baseline/2);
-            background: $white;
-          }
-
-          .instructor-image {
-            display: block;
-            width: 100%;
-            min-height: 100%;
-          }
-
-          .msg {
-            @extend %t-copy-sub2;
-
-            display: block;
-            margin-top: ($baseline/2);
-            color: $gray-l5;
-          }
-        }
-
-        .wrapper-input {
-          @include clearfix();
-
-          width: flex-grid(9, 9);
-
-          .input {
-            float: left;
-            width: flex-grid(6, 9);
-            margin-right: flex-gutter();
-          }
-
-          .action-upload-instructor-image {
-            @extend %ui-btn-flat-outline;
-
-            float: right;
-            width: flex-grid(2, 9);
-            margin-top: ($baseline/4);
-            padding: ($baseline/2) $baseline;
-          }
-        }
-      }
-
-
-      .actions {
-        width: flex-grid(9, 9);
-
-        .new-button {
-          @extend %btn-primary-green;
-        }
-
-        .delete-button {
-          margin: 0;
-        }
-      }
-    }
-
-    // specific fields - advanced settings
-    &.advanced-policies {
-      .wrapper-options {
-        margin: (-$baseline/2) 0 ($baseline/2) 0;
-        text-align: right;
-
-        .wrapper-deprecated-setting {
-          @include transition(opacity $tmg-f2 ease-in-out 0s);
-
-          opacity: 0.5;
-          position: relative;
-          display: inline-block;
-          border-radius: 3px;
-          padding: ($baseline/4) ($baseline/2);
-          background-color: $gray-l5;
-          color: $gray-d2;
-
-          &:hover {
-            opacity: 1;
-          }
-
-          &.is-set {
-            opacity: 1;
-            background-color: $pink-l5;
-            color: $pink;
-          }
-        }
-
-        .deprecated-settings-toggle {
-          position: absolute;
-          top: 0;
-          left: 0;
-          opacity: 0;
-        }
-      }
-
-      .field-group {
-        margin-bottom: ($baseline*1.5);
-
-        &:last-child {
-          border: none;
-          padding-bottom: 0;
-        }
-      }
-
-      .course-advanced-policy-list-item {
-        @include clearfix();
-
-        position: relative;
-
-        .title {
-          @extend %t-strong;
-
-          margin-top: ($baseline/2);
-        }
-
-        .field {
-          input {
-            width: 100%;
-          }
-
-          .tip {
-            color: $gray-d1;
-          }
-
-          input.error {
-            & + .tip {
-              opacity: 0;
-            }
-          }
-        }
-
-        .key,
-        .value {
-          float: left;
-          margin: 0 0 ($baseline/2) 0;
-        }
-
-        .key {
-          width: flex-grid(3, 9);
-          margin-right: flex-gutter();
-        }
-
-        .value {
-          width: flex-grid(6, 9);
-        }
-
-        .actions {
-          float: left;
-          width: flex-grid(9, 9);
-
-          .delete-button {
-            margin: 0;
-          }
-        }
-
-        &.is-deprecated {
-          background-color: $pink-l5;
-
-          .status {
-            color: $pink;
-          }
-        }
-      }
-
-      .message-error {
-        position: absolute;
-        bottom: ($baseline*0.75);
-      }
-
-      // specific to code mirror instance in JSON policy editing, need to sync up with other similar code mirror UIs
-      .CodeMirror {
-        @extend %t-copy-base;
-
-        box-sizing: border-box;
-        box-shadow: 0 1px 2px $shadow-l1 inset;
-
-        @include linear-gradient($lightGrey, tint($lightGrey, 90%));
-
-        padding: 5px 8px;
-        border: 1px solid $mediumGrey;
-        border-radius: 2px;
-        background-color: $lightGrey;
-        font-family: $f-monospace;
-        color: $body-color;
-        outline: 0;
-        height: auto;
-        min-height: ($baseline*2.25);
-
-        &.CodeMirror-focused {
-          @include linear-gradient($paleYellow, tint($paleYellow, 90%));
-
-          outline: 0;
-        }
-
-        .CodeMirror-sizer {
-          top: 4px; /* Vertical alignment for monospace font */
-        }
-
-        .CodeMirror-scroll {
-          @include margin-left(-30px);
-          @include margin-right(0);
-          @include padding-left(30px);
-          @include padding-right(0);
-        }
-
-        .CodeMirror-vscrollbar {
-          @include left(0);
-          @include right(auto);
-        }
-
-        // editor color changes just for JSON
-        .CodeMirror-lines {
-          .cm-string {
-            color: #cb9c40;
-          }
-
-          pre {
-            line-height: 2rem;
-          }
-        }
-      }
-    }
-  }
-
-  .content-supplementary {
-    @extend .ui-col-narrow;
-  }
-
-  .wrapper-modal-window {
-    .validation-error-modal-content {
-      .error-header {
-        p {
-          strong {
-            color: $error-red;
-          }
-        }
-      }
-
-      hr {
-        margin: 25px 0;
-      }
-
-      .error-list {
-        .error-item {
-          .error-item-title {
-            color: $error-red;
-          }
-
-          .error-item-message {
-            width: 100%;
-            border: none;
-            resize: none;
-
-            &:focus {
-              outline: 0;
-            }
-          }
-        }
-      }
-    }
-  }
-
-  // UI: course pacing options
-  .group-settings.pacing {
-    .list-input {
-      margin-top: $baseline/2;
-      background-color: $gray-l6;
-      border-radius: 3px;
-      padding: ($baseline/2);
-    }
-
-    .field {
-      @include margin(0, 0, $baseline, 0);
-
-      .field-radio {
-        display: inline-block;
-
-        @include margin-right($baseline/4);
-
-        width: auto;
-        height: auto;
-
-        & + .course-pace-label {
-          display: inline-block;
-        }
-      }
-    }
-  }
-}
diff --git a/cms/templates/js/course-instructor-details.underscore b/cms/templates/js/course-instructor-details.underscore
deleted file mode 100644
index f437e6963c2f..000000000000
--- a/cms/templates/js/course-instructor-details.underscore
+++ /dev/null
@@ -1,43 +0,0 @@
-<li class="field-group">
-  <div class="field text field-course-instructor-name">
-  	<label for="course-instructor-name-<%- index %>"><%- gettext("Name") %></label>
-  	<input type="text" class="long" id="course-instructor-name-<%- index %>" value="<%- data['name'] %>" data-index=<%- index %> data-field="name" placeholder="<%- gettext('Instructor Name') %>"  />
-  	<span class="tip tip-stacked"><%- gettext("Please add the instructor's name")%></span>
-  </div>
-
-  <div class="field text field-course-instructor-title">
-    <label for="course-instructor-title-<%- index %>"><%- gettext("Title") %></label>
-    <input type="text" class="long" id="course-instructor-title-<%- index %>" value="<%- data['title'] %>" data-index=<%- index %> data-field="title" placeholder="<%- gettext('Instructor Title') %>" />
-    <span class="tip tip-stacked"><%- gettext("Please add the instructor's title")%></span>
-  </div>
-
-  <div class="field text field-course-instructor-organization">
-    <label for="course-instructor-organization-<%- index %>"><%- gettext("Organization") %></label>
-    <input type="text" class="long" id="course-instructor-organization-<%- index %>" value = "<%- data['organization'] %>" data-index=<%- index %> data-field="organization" placeholder="<%- gettext('Organization Name') %>" />
-    <span class="tip tip-stacked"><%- gettext("Please add the institute where the instructor is associated")%></span>
-  </div>
-
-  <div class="field text field-course-instructor-bio">
-    <label for="course-instructor-bio-<%- index %>"><%- gettext("Biography") %></label>
-    <textarea class="short text" id="course-instructor-bio-<%- index %>" data-index=<%- index %> data-field="bio" placeholder="<%- gettext('Instructor Biography') %>" ><%- data['bio'] %></textarea>
-    <span class="tip tip-stacked"><%- gettext("Please add the instructor's biography")%></span>
-  </div>
-
-  <div class="field image field-course-instructor-image current-instructor-image">
-  <label for="course-instructor-image-<%- index %>"><%- gettext("Photo") %></label>
-    <span class="wrapper-instructor-image">
-        <img id="course-instructor-image-preview-<%- index %>" class="instructor-image" src="<%- data['image']%>" alt="<%- gettext('Instructor Photo') %>" />
-    </span>
-    <div class="wrapper-input">
-      <div class="input">
-        <input type="text" dir="ltr" class="long new-instructor-image-url" id="course-instructor-image-<%- index %>" value="<%- data['image'] %>" data-index="<%- index %>"" data-field="image" placeholder="<%- gettext('Instructor Photo URL') %>" autocomplete="off" />
-        <span class="tip tip-stacked"><%- gettext("Please add a photo of the instructor (Note: only JPEG or PNG format supported)")%></span>
-      </div>
-      <button type="button" class="action action-upload-instructor-image" data-index=<%- index %>><%- gettext("Upload Photo") %></button>
-    </div>
-  </div>
-
-  <div class="actions">
-  	<button type="button" class="button delete-button standard remove-item remove-instructor-data" data-index=<%- index %>><%- gettext("Delete") %></button>
-  </div>
-</li>
diff --git a/cms/templates/js/course-settings-learning-fields.underscore b/cms/templates/js/course-settings-learning-fields.underscore
deleted file mode 100644
index 86ea67983744..000000000000
--- a/cms/templates/js/course-settings-learning-fields.underscore
+++ /dev/null
@@ -1,5 +0,0 @@
-<div class="field text" id="fields-course-learning-info-<%- index %>">
-  <label for= "course-learning-info-<%- index %>"><%- gettext("Learning Outcome") %> <%- index + 1 %></label>
-  <input type="text" class="input-learning-info" id="course-learning-info-<%- index %>" value="<%- info %>" data-index="<%- index %>" placeholder="<%- gettext('Add a learning outcome here') %>">
-  <button type="button" class="button delete-button standard remove-item delete-course-learning-info" data-index="<%- index %>"><%- gettext("Delete") %></button>
-</div>
diff --git a/cms/templates/js/course_grade_cutoff.underscore b/cms/templates/js/course_grade_cutoff.underscore
deleted file mode 100644
index 1a85dd30f721..000000000000
--- a/cms/templates/js/course_grade_cutoff.underscore
+++ /dev/null
@@ -1,5 +0,0 @@
-<li class="grade-specific-bar" style="width:<%- width %>%">
-    <span class="letter-grade" contenteditable="<%- contenteditable %>"><%- descriptor %></span>
-    <span class="range"></span>
-  <% if (removable) {%><a href="#" class="remove-button">remove</a><% ;} %>
-</li>
diff --git a/cms/templates/js/course_grade_policy.underscore b/cms/templates/js/course_grade_policy.underscore
deleted file mode 100644
index a787978a5a03..000000000000
--- a/cms/templates/js/course_grade_policy.underscore
+++ /dev/null
@@ -1,82 +0,0 @@
-<li class="field-group course-grading-assignment-list-item">
-  <div class="field text" id="field-course-grading-assignment-name">
-  	<label for="course-grading-assignment-name"><%- gettext("Assignment Type Name") %></label>
-  	<input type="text" class="long" id="course-grading-assignment-name" value="<%= model.get('type') %>" /> <% // xss-lint: disable=underscore-not-escaped %>
-  	<span class="tip tip-stacked"><%- gettext("The general category for this type of assignment, for example, Homework or Midterm Exam. This name is visible to learners.") %></span>
-  </div>
-
-  <div class="field text" id="field-course-grading-assignment-shortname">
-    <label for="course-grading-assignment-shortname"><%- gettext("Abbreviation") %></label>
-    <input type="text" class="short" id="course-grading-assignment-shortname" value="<%= model.get('short_label') %>" /> <% // xss-lint: disable=underscore-not-escaped %>
-    <span class="tip tip-stacked"><%- gettext("This short name for the assignment type (for example, HW or Midterm) appears next to assignments on a learner's Progress page.") %></span>
-  </div>
-
-  <div class="field text" id="field-course-grading-assignment-gradeweight">
-    <label for="course-grading-assignment-gradeweight"><%- gettext("Weight of Total Grade") %></label>
-    <input type="text" class="short" id="course-grading-assignment-gradeweight" value = "<%= model.get('weight') %>" /> <% // xss-lint: disable=underscore-not-escaped %>
-    <span class="tip tip-stacked"><%- gettext("The weight of all assignments of this type as a percentage of the total grade, for example, 40. Do not include the percent symbol.") %></span>
-  </div>
-
-  <div class="field text" id="field-course-grading-assignment-totalassignments">
-    <label for="course-grading-assignment-totalassignments"><%- gettext("Total Number") %></label>
-    <input type="text" class="short" id="course-grading-assignment-totalassignments" value = "<%= model.get('min_count') %>" /> <% // xss-lint: disable=underscore-not-escaped %>
-    <span class="tip tip-stacked"><%- gettext("The number of subsections in the course that contain problems of this assignment type.") %></span>
-  </div>
-
-  <div class="field text" id="field-course-grading-assignment-droppable">
-    <label for="course-grading-assignment-droppable"><%- gettext("Number of Droppable") %></label>
-    <input type="text" class="short" id="course-grading-assignment-droppable" value = "<%= model.get('drop_count') %>" /> <% // xss-lint: disable=underscore-not-escaped %>
-    <span class="tip tip-stacked"><%- gettext("The number of assignments of this type that will be dropped. The lowest scoring assignments are dropped first.") %></span>
-  </div>
-
-  <% if (model.get('type') !== '') { %>
-    <% if (assignmentList.length !== model.get('min_count')){ %>
-       <div class="assignment-count-info assignment-count-warning">
-        <div class="assignment-count-warning-header">
-          <span class="icon fa fa-exclamation-circle" aria-hidden="true"></span>
-          <span class="header-warning"><%- gettext("Warning: ") %></span>
-          <%-
-            edx.StringUtils.interpolate(
-              gettext("The number of {type} assignments defined here does not match the current number of {type} assignments in the course:"),
-              {type: model.get('type')},
-            )
-          %>
-        </div>
-        <div class="assignment-count-warning-content">
-        <% if (assignmentList.length == 0){ %>
-          <div><%- gettext("There are no assignments of this type in the course.") %></div>
-        <% } else { %>
-          <%-
-            edx.StringUtils.interpolate(
-              gettext("{assignment_count} {type} assignment(s) found:"),
-              {
-                assignment_count: assignmentList.length,
-                type: model.get('type')
-              },
-            )
-          %>
-          <ol class="assignment_type_count_list">
-            <% _.each(assignmentList, function (qualifiedSubsectionName){ %>
-              <li><%- qualifiedSubsectionName %></li>
-            <% }) %>
-          </ol>
-        <% } %>
-        </div>
-      </div>
-    <% } else { %>
-      <div class="assignment-count-info assignment-count-matches">
-        <span class="icon fa fa-check-circle-o" aria-hidden="true"></span>
-        <%- 
-          edx.StringUtils.interpolate(
-            gettext("The number of {type} assignments in the course matches the number defined here."),
-            {type: model.get('type')},
-          )
-        %>
-      </div>
-    <% } %>
-  <% } %>
-
-  <div class="actions">
-  	<a href="#" class="button delete-button standard remove-item remove-grading-data"><span class="delete-icon"></span><%- gettext("Delete") %></a>
-  </div>
-</li>