re-introduce handle lower/upper classes

tirochh · Dec 10, 2016 · 0683284 · 0683284
1 parent 299ed4b
commit 0683284
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 2 deletions.
diff --git a/src/js/options.js b/src/js/options.js
@@ -319,10 +319,10 @@
 			animate: true,
 			animationDuration: 300,
 			format: defaultFormatter
-		}, tests;
+		};
 
 		// Tests are executed in the order they are presented here.
-		tests = {
+		var tests = {
 			'step': { r: false, t: testStep },
 			'start': { r: true, t: testStart },
 			'connect': { r: true, t: testConnect },
@@ -353,6 +353,8 @@
 				base: 'base',
 				origin: 'origin',
 				handle: 'handle',
+				handleLower: 'handle-lower',
+				handleUpper: 'handle-upper',
 				horizontal: 'horizontal',
 				vertical: 'vertical',
 				background: 'background',

diff --git a/src/js/structure.js b/src/js/structure.js
@@ -4,6 +4,15 @@
 		var origin = addNodeTo(base, options.cssClasses.origin);
 		var handle = addNodeTo(origin, options.cssClasses.handle);
 		handle.setAttribute('data-handle', handleNumber);
+
+		if ( handleNumber === 0 ) {
+			addClass(handle, options.cssClasses.handleLower);
+		}
+
+		else if ( handleNumber === options.handles - 1 ) {
+			addClass(handle, options.cssClasses.handleUpper);
+		}
+
 		return origin;
 	}