Merge pull request #14167 from edx/bjacobel/sequence-coffee-to-js

Move Sequence coffee files to JS

.eslintignore

@@ -52,7 +52,6 @@ common/lib/xmodule/xmodule/js/src/html/edit.js
 common/lib/xmodule/xmodule/js/src/raw/edit/json.js
 common/lib/xmodule/xmodule/js/src/raw/edit/metadata-only.js
 common/lib/xmodule/xmodule/js/src/raw/edit/xml.js
-common/lib/xmodule/xmodule/js/src/sequence/display.js
 common/lib/xmodule/xmodule/js/src/sequence/edit.js
 common/lib/xmodule/xmodule/js/src/tabs/tabs-aggregator.js
 common/lib/xmodule/xmodule/js/src/vertical/edit.js

common/lib/xmodule/xmodule/js/src/sequence/display/.gitignore

-!*.js

common/lib/xmodule/xmodule/js/src/sequence/display/jquery.sequence.js

-var SequenceNav = function($element) {
-	var _this = this;
-	var $element = $element;
-	var $wrapper = $element.find('.sequence-list-wrapper');
-	var $list = $element.find('#sequence-list');
-	var $arrows = $element.find('.sequence-nav-button');
-	var maxScroll = $list.width() - $wrapper.width();
-	var $body = $('body');
-	var listOrigin;
-	var mouseOrigin;
-
-	var startDrag = function(e) {
-		updateWidths();
-		mouseOrigin = e.pageX;
-		listOrigin = $list.position().left;
-		$body.css('-webkit-user-select', 'none');
-		$body.bind('mousemove', moveDrag);
-		$body.bind('mouseup', stopDrag);
-	};
-
-	var moveDrag = function(e) {
-		var offset = e.pageX - mouseOrigin;
-		var targetLeft = clamp(listOrigin + offset, -maxScroll, 0);
-
-		updateHorizontalPosition(targetLeft);
-	};
-
-	var stopDrag = function(e) {
-		$body.css('-webkit-user-select', 'auto');
-		$body.unbind('mousemove', moveDrag);
-		$body.unbind('mouseup', stopDrag);
-	};
-
-	var clamp = function(val, min, max) {
-	    if(val > max) return max;
-	    if(val < min) return min;
-	    return val;
-	};
-
-	var updateWidths = function(e) {
-		maxScroll = $list.width() - $wrapper.width();
-		var targetLeft = clamp($list.position().left, -maxScroll, 0);
-		updateHorizontalPosition(targetLeft);
-	};
-
-	var updateHorizontalPosition = function(left) {
-		$list.css({
-			'left': left + 'px'
-		});
-	};
-
-	var checkPosition = function(e) {
-		var $active = $element.find('.active');
-		if(!$active[0]) {
-			return;
-		}
-		if($active.position().left + $active.width() > $wrapper.width() - $list.position().left) {
-			$list.animate({
-				'left': (-$active.position().left + $wrapper.width() - $active.width() - 10) + 'px'
-			}, {});
-		} else if($active.position().left < -$list.position().left) {
-			$list.animate({
-				'left': (-$active.position().left + 10) + 'px'
-			}, {});
-		}
-	};
-
-	$wrapper.bind('mousedown', startDrag);
-	$arrows.bind('click', checkPosition);
-	$(window).bind('resize', updateWidths);
-	setTimeout(function() {
-		checkPosition();
-	}, 200);
-};

common/lib/xmodule/xmodule/seq_module.py

@@ -161,8 +161,7 @@ class SequenceModule(SequenceFields, ProctoringFields, XModule):
     Layout module which lays out content in a temporal sequence
     """
     js = {
-        'coffee': [resource_string(__name__, 'js/src/sequence/display.coffee')],
-        'js': [resource_string(__name__, 'js/src/sequence/display/jquery.sequence.js')],
+        'js': [resource_string(__name__, 'js/src/sequence/display.js')],
     }
     css = {
         'scss': [resource_string(__name__, 'css/sequence/display.scss')],

lms/templates/seq_module.html

@@ -64,10 +64,3 @@
     </button>
   </nav>
 </div>
-
-<script type="text/javascript">
-  var sequenceNav;
-  $(document).ready(function() {
-    sequenceNav = new SequenceNav($('.sequence-nav'));
-  });
-</script>