Merge pull request #1328 from edx/christina/toggle-sock

Move sock JS code into its own file.

cms/static/js/base.js

@@ -94,9 +94,6 @@ domReady(function() {
     // tender feedback window scrolling
     $('a.show-tender').bind('click', smoothScrollTop);
 
-    // toggling footer additional support
-    $('.cta-show-sock').bind('click', toggleSock);
-
     // toggling overview section details
     $(function() {
         if ($('.courseware-section').length > 0) {
@@ -420,31 +417,6 @@ function hideModal(e) {
     }
 }
 
-function toggleSock(e) {
-    e.preventDefault();
-
-    var $btnLabel = $(this).find('.copy');
-    var $sock = $('.wrapper-sock');
-    var $sockContent = $sock.find('.wrapper-inner');
-
-    $sock.toggleClass('is-shown');
-    $sockContent.toggle('fast');
-
-    $.smoothScroll({
-        offset: -200,
-        easing: 'swing',
-        speed: 1000,
-        scrollElement: null,
-        scrollTarget: $sock
-    });
-
-    if ($sock.hasClass('is-shown')) {
-        $btnLabel.text(gettext('Hide Studio Help'));
-    } else {
-        $btnLabel.text(gettext('Looking for Help with Studio?'));
-    }
-}
-
 function toggleSubmodules(e) {
     e.preventDefault();
     $(this).toggleClass('expand').toggleClass('collapse');

cms/static/js/sock.js

+require(["domReady", "jquery", "jquery.smoothScroll"],
+    function (domReady, $) {
+        var toggleSock = function (e) {
+            e.preventDefault();
+
+            var $btnLabel = $(this).find('.copy');
+            var $sock = $('.wrapper-sock');
+            var $sockContent = $sock.find('.wrapper-inner');
+
+            $sock.toggleClass('is-shown');
+            $sockContent.toggle('fast');
+
+            $.smoothScroll({
+                offset: -200,
+                easing: 'swing',
+                speed: 1000,
+                scrollElement: null,
+                scrollTarget: $sock
+            });
+
+            if ($sock.hasClass('is-shown')) {
+                $btnLabel.text(gettext('Hide Studio Help'));
+            } else {
+                $btnLabel.text(gettext('Looking for Help with Studio?'));
+            }
+        };
+
+        domReady(function () {
+            // toggling footer additional support
+            $('.cta-show-sock').bind('click', toggleSock);
+        });
+    });

cms/templates/base.html

@@ -200,6 +200,9 @@ require(['js/models/course'], function(Course) {
       <%block name="content"></%block>
 
       % if user.is_authenticated():
+      <script type="text/javascript">
+        require(['js/sock']);
+      </script>
       <%include file="widgets/sock.html" />
       % endif