Move import code into import.js.

cms/static/js/base.js

@@ -126,13 +126,6 @@ domReady(function() {
 
     $('.sync-date').bind('click', syncReleaseDate);
 
-    // import form setup
-    $('.view-import .file-input').bind('change', showImportSubmit);
-    $('.view-import .choose-file-button, .view-import .choose-file-button-inline').bind('click', function(e) {
-        e.preventDefault();
-        $('.view-import .file-input').click();
-    });
-
     $('.new-course-button').bind('click', addNewCourse);
 
     // section date setting
@@ -221,20 +214,6 @@ function editSectionPublishDate(e) {
     $modalCover.show();
 }
 
-function showImportSubmit(e) {
-    var filepath = $(this).val();
-    if (filepath.substr(filepath.length - 6, 6) == 'tar.gz') {
-        $('.error-block').hide();
-        $('.file-name').html($(this).val().replace('C:\\fakepath\\', ''));
-        $('.file-name-block').show();
-        $('.view-import .choose-file-button').hide();
-        $('.submit-button').show();
-        $('.progress').show();
-    } else {
-        $('.error-block').html(gettext('File format not supported. Please upload a file with a <code>tar.gz</code> extension.')).show();
-    }
-}
-
 function syncReleaseDate(e) {
     e.preventDefault();
     $(this).closest('.notice').hide();

cms/static/js/views/import.js

@@ -2,29 +2,29 @@
  * Course import-related js.
  */
 define(
-        ["jquery", "underscore", "gettext"],
-        function($, _, gettext) {
+    ["domReady", "jquery", "underscore", "gettext"],
+    function(domReady, $, _, gettext) {
 
-"use strict";
+        "use strict";
 
-/********** Private functions ************************************************/
+        /********** Private functions ************************************************/
 
-/**
+        /**
          * Toggle the spin on the progress cog.
          * @param {boolean} isSpinning Turns cog spin on if true, off otherwise.
          */
-var updateCog = function (elem, isSpinning) {
+        var updateCog = function (elem, isSpinning) {
             var cogI = elem.find('i.icon-cog');
             if (isSpinning) { cogI.addClass("icon-spin");}
             else { cogI.removeClass("icon-spin");}
-};
+        };
 
 
-/**
+        /**
          * Manipulate the DOM to reflect current status of upload.
          * @param {int} stageNo Current stage.
          */
-var updateStage = function (stageNo){
+        var updateStage = function (stageNo){
             var all = $('ol.status-progress').children();
             var prevList = all.slice(0, stageNo);
             _.map(prevList, function (elem){
@@ -37,9 +37,9 @@ var updateStage = function (stageNo){
             var curList = all.eq(stageNo);
             curList.removeClass("is-not-started").addClass("is-started");
             updateCog(curList, true);
-};
+        };
 
-/**
+        /**
          * Check for import status updates every `timemout` milliseconds, and update
          * the page accordingly.
          * @param {string} url Url to call for status updates.
@@ -47,7 +47,7 @@ var updateStage = function (stageNo){
          *     for new updates.
          * @param {int} stage Starting stage.
          */
-var getStatus = function (url, timeout, stage) {
+        var getStatus = function (url, timeout, stage) {
             var currentStage = stage || 0;
             if (CourseImport.stopGetStatus) { return ;}
             updateStage(currentStage);
@@ -60,13 +60,13 @@ var getStatus = function (url, timeout, stage) {
                     }, time);
                 }
             );
-};
+        };
 
 
 
-/********** Public functions *************************************************/
+        /********** Public functions *************************************************/
 
-var CourseImport = {
+        var CourseImport = {
 
             /**
              * Whether to stop sending AJAX requests for updates on the import
@@ -144,7 +144,30 @@ var CourseImport = {
                 elem.find('p.copy').hide().after("<p class='copy error'>" + message + "</p>");
             }
 
-};
+        };
+
+        var showImportSubmit = function (e) {
+            var filepath = $(this).val();
+            if (filepath.substr(filepath.length - 6, 6) == 'tar.gz') {
+                $('.error-block').hide();
+                $('.file-name').html($(this).val().replace('C:\\fakepath\\', ''));
+                $('.file-name-block').show();
+                $('.view-import .choose-file-button').hide();
+                $('.submit-button').show();
+                $('.progress').show();
+            } else {
+                $('.error-block').html(gettext('File format not supported. Please upload a file with a <code>tar.gz</code> extension.')).show();
+            }
+        };
+
+        domReady(function () {
+            // import form setup
+            $('.view-import .file-input').bind('change', showImportSubmit);
+            $('.view-import .choose-file-button, .view-import .choose-file-button-inline').bind('click', function (e) {
+                e.preventDefault();
+                $('.view-import .file-input').click();
+            });
+        });
 
-return CourseImport;
-});
+        return CourseImport;
+    });
\ No newline at end of file