edx-platform/cms/static/js/factories/settings.js

define([
    'jquery', 'js/models/settings/course_details', 'js/views/settings/main'
], function($, CourseDetailsModel, MainView) {
    'use strict';

    return function(detailsUrl, showMinGradeWarning, showCertificateAvailableDate, upgradeDeadline, useV2CertDisplaySettings) {
        var model;
        // highlighting labels when fields are focused in
        $('form :input')
            .focus(function() {
                $('label[for="' + this.id + '"]').addClass('is-focused');
            })
            .blur(function() {
                $('label').removeClass('is-focused');
            });

        // Toggle collapsibles when trigger is clicked
        $('.collapsible .collapsible-trigger').click(function() {
            const contentId = this.id.replace('-trigger', '-content');
            $(`#${contentId}`).toggleClass('collapsed');
        });

        model = new CourseDetailsModel();
        model.urlRoot = detailsUrl;
        model.showCertificateAvailableDate = showCertificateAvailableDate;
        model.useV2CertDisplaySettings = useV2CertDisplaySettings;
        model.set('upgrade_deadline', upgradeDeadline);
        model.fetch({
            success: function(model) {
                var editor = new MainView({
                    el: $('.settings-details'),
                    model: model,
                    showMinGradeWarning: showMinGradeWarning
                });
                editor.useV2CertDisplaySettings = useV2CertDisplaySettings;
                editor.render();
            },
            reset: true,
            cache: false
        });
    };
});