Set up progress bar and clip chooser

Initial setup for a progress bar and basic interface for choosing a
sample clip. Includes a bar with two draggable lines to set a range
within the bar.

1 files changed, 19 insertions, 0 deletions

diff --git a/assets/js/sample-editor.js b/assets/js/sample-editor.js
new file mode 100644
index 0000000..10f5a08
--- /dev/null
+++ b/assets/js/sample-editor.js
@@ -0,0 +1,19 @@
+var SampleEditor = SampleEditor || {};
+
+(function($) {
+	SampleEditor = function() {
+		this.initialize = function() {
+			var $clip_line = $('.js-clip-line');
+			
+			$clip_line.draggable({
+				axis: 'x',
+				handle: '.js-drag-handle',
+				scroll: false,
+				containment: $clip_line.parents('.progress-bar')
+			});
+		};
+		
+		
+		return this;
+	};
+})(jQuery);
\ No newline at end of file