From 9a3e0444a391980b3d6fec2b7609c925ecc1a5c4 Mon Sep 17 00:00:00 2001
From: irfanuddinahmad <iahmad@2u.com>
Date: Fri, 8 May 2026 20:59:59 +0500
Subject: [PATCH] chore: drop orphaned JS/underscore for grading and
 schedule-details pages

Remove JS models, views, spec files, and Underscore templates that were
exclusively used by the legacy Grading and Schedule Details pages, which
were dropped in prior commits.

This work is part of https://github.com/openedx/edx-platform/issues/36108

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 cms/static/cms/js/spec/main.js                |    4 +-
 cms/static/js/collections/course_grader.js    |   10 -
 .../js/models/settings/course_details.js      |  165 ---
 .../models/settings/course_grading_policy.js  |  101 --
 .../js/spec/models/settings_grading_spec.js   |   47 -
 .../js/spec/views/settings/main_spec.js       |  369 -----
 cms/static/js/views/instructor_info.js        |   96 --
 cms/static/js/views/learning_info.js          |   60 -
 cms/static/js/views/settings/grader.js        |   79 -
 cms/static/js/views/settings/grading.js       |  430 ------
 cms/static/js/views/settings/main.js          |  503 -------
 cms/static/sass/_build-v1.scss                |    1 -
 cms/static/sass/elements/_header.scss         |    4 -
 cms/static/sass/views/_settings.scss          | 1312 -----------------
 .../js/course-instructor-details.underscore   |   43 -
 ...course-settings-learning-fields.underscore |    5 -
 .../js/course_grade_cutoff.underscore         |    5 -
 .../js/course_grade_policy.underscore         |   82 --
 18 files changed, 1 insertion(+), 3315 deletions(-)
 delete mode 100644 cms/static/js/collections/course_grader.js
 delete mode 100644 cms/static/js/models/settings/course_details.js
 delete mode 100644 cms/static/js/models/settings/course_grading_policy.js
 delete mode 100644 cms/static/js/spec/models/settings_grading_spec.js
 delete mode 100644 cms/static/js/spec/views/settings/main_spec.js
 delete mode 100644 cms/static/js/views/instructor_info.js
 delete mode 100644 cms/static/js/views/learning_info.js
 delete mode 100644 cms/static/js/views/settings/grader.js
 delete mode 100644 cms/static/js/views/settings/grading.js
 delete mode 100644 cms/static/js/views/settings/main.js
 delete mode 100644 cms/static/sass/views/_settings.scss
 delete mode 100644 cms/templates/js/course-instructor-details.underscore
 delete mode 100644 cms/templates/js/course-settings-learning-fields.underscore
 delete mode 100644 cms/templates/js/course_grade_cutoff.underscore
 delete mode 100644 cms/templates/js/course_grade_policy.underscore

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>