comparison ape.js @ 1467:1360ab96b10b

EXPERIMENTAL! New APE drag interface. Testing for OSX

  */
 
 
 // Once this is loaded and parsed, begin execution
 loadInterface();
+
+var clicking = -1;
 
 function loadInterface() {
 	
 	// Get the dimensions of the screen available to the page
 	var width = window.innerWidth;

 	
 	var loopPlayback = audioHolderObject.loop;
 
 	audioEngineContext.loopPlayback = loopPlayback;
 	// Create AudioEngine bindings for playback
-	audioEngineContext.selectedTrack = function(id) {
-		console.log('Deprecated');
-	};
 	
 	currentTestHolder = document.createElement('audioHolder');
 	currentTestHolder.id = audioHolderObject.id;
 	currentTestHolder.repeatCount = audioHolderObject.repeatCount;
 	

 		
 		canvas.appendChild(audioObject.interfaceDOM.trackSliderObj);
 		audioObject.metric.initialised(convSliderPosToRate(audioObject.interfaceDOM.trackSliderObj));
         
 	});
+	
+	$('.track-slider').mousedown(function() {
+		clicking = this.getAttribute('trackIndex');
+	});
+	
+	$('#slider').mousemove(function(event) {
+		event.preventDefault();
+		if (clicking == -1)
+		{
+			return;
+		}
+		$("#track-slider-"+clicking).css("left",event.clientX + "px");
+	});
+	
+	$(document).mouseup(function(event){
+		if (clicking >= 0)
+		{
+			var l = $("#track-slider-"+clicking).css("left");
+			var time = audioEngineContext.timer.getTestTime();
+			var rate = convSliderPosToRate(document.getElementById("track-slider-"+clicking));
+			audioEngineContext.audioObjects[clicking].metric.moved(time,rate);
+			console.log("slider "+clicking+" moved to "+rate+' ('+time+')');
+		}
+		clicking = -1;
+	});
+	
+	
 	if (commentShow) {
 		interfaceContext.showCommentBoxes(feedbackHolder,true);
 	}
 	
 	$(audioHolderObject.commentQuestions).each(function(index,element) {

 	this.trackSliderObj.className = 'track-slider track-slider-disabled';
 	this.trackSliderObj.id = 'track-slider-'+audioObject.id;
 
 	this.trackSliderObj.setAttribute('trackIndex',audioObject.id);
 	this.trackSliderObj.innerHTML = '<span>'+audioObject.id+'</span>';
-	this.trackSliderObj.draggable = true;
-	this.trackSliderObj.ondragend = dragEnd;
-	
-	this.trackSliderObj.ondragstart = function(event){
-		event.dataTransfer.setData('Text',null);
-	};
-	
-	this.trackSliderObj.ondrop = function(event)
-	{
-		if(event.stopPropagation) {event.stopPropagation();}
-		return false;
-	};
 
 	// Onclick, switch playback to that track
 	this.trackSliderObj.onclick = function(event) {
 		// Cannot continue to issue play command until audioObjects reported as ready!
 		// Get the track ID from the object ID

 		return node;
 	};
 	this.getValue = function() {
 		return convSliderPosToRate(this.trackSliderObj);
 	};
-}
-
-function dragEnd(ev) {
-	// Function call when a div has been dropped
-	var slider = document.getElementById('slider');
-	var marginSize = Number(slider.attributes['marginsize'].value);
-	var w = slider.style.width;
-	w = Number(w.substr(0,w.length-2));
-	var x
-	if (navigator.platform.substr(0,3) == "Win")
-	{
-		x = ev.screenX;
-		x -= Math.abs(window.screenX);
-		x = x % window.outerWidth;
-	} else
-	x = ev.clientX;
-	
-	if (x >= marginSize && x < w+marginSize) {
-		this.style.left = (x)+'px';
-	} else {
-		if (x<marginSize) {
-			this.style.left = marginSize+'px';
-		} else {
-			this.style.left = (w+marginSize) + 'px';
-		}
-	}
-	var time = audioEngineContext.timer.getTestTime();
-	var id = Number(ev.currentTarget.getAttribute('trackindex'));
-	audioEngineContext.audioObjects[id].metric.moved(time,convSliderPosToRate(ev.currentTarget));
-	console.log('slider '+id+' moved to '+convSliderPosToRate(ev.currentTarget)+' ('+time+')');
 }
 
 function buttonSubmitClick()
 {
 	var checks = testState.currentStateMap[testState.currentIndex].interfaces[0].options;