# HG changeset patch
# User Nicholas Jillings <n.g.r.jillings@se14.qmul.ac.uk>
# Date 1458648548 0
# Node ID 64ec9c5e973018256bcef08f45543a531349c808
# Parent  a7ad6fc6a3b27d697d56aad5ce064860b1af26f3
Fixed Feature #1270. All interfaces (except ABX) support outside-reference.

diff -r a7ad6fc6a3b2 -r 64ec9c5e9730 core.css
--- a/core.css	Tue Mar 22 11:52:12 2016 +0000
+++ b/core.css	Tue Mar 22 12:09:08 2016 +0000
@@ -101,6 +101,13 @@
 	top: 0px;
 }
 
+button.outside-reference {
+	width:120px;
+	height:20px;
+	margin-bottom:5px;
+	position: absolute;
+}
+
 textarea.trackComment {
 	max-width: 594px;
 	min-width: 350px;
diff -r a7ad6fc6a3b2 -r 64ec9c5e9730 interfaces/AB.css
--- a/interfaces/AB.css	Tue Mar 22 11:52:12 2016 +0000
+++ b/interfaces/AB.css	Tue Mar 22 12:09:08 2016 +0000
@@ -6,7 +6,7 @@
 div.pageTitle {
 	width: auto;
 	height: 20px;
-	margin-top: 20px;
+	margin: 10px 0px;
 }
 
 div.pageTitle span{
@@ -37,6 +37,17 @@
 	font-size: 1.2em;
 }
 
+div.interface-buttons {
+    height: 40px;
+}
+
+button.outside-reference {
+	width:120px;
+	height:40px;
+	margin-bottom:5px;
+	position: absolute;
+}
+
 div.comparator-holder {
 	width: 260px;
 	height: 300px;
diff -r a7ad6fc6a3b2 -r 64ec9c5e9730 interfaces/AB.js
--- a/interfaces/AB.js	Tue Mar 22 11:52:12 2016 +0000
+++ b/interfaces/AB.js	Tue Mar 22 12:09:08 2016 +0000
@@ -303,30 +303,32 @@
 	for (var index=0; index<audioHolderObject.audioElements.length; index++)
 	{
 		var element = audioHolderObject.audioElements[index];
+        var audioObject = audioEngineContext.newTrack(element);
 		if (index == audioHolderObject.outsideReference || element.type == 'outside-reference')
 		{
-			console.log("WARNING - AB cannot have fixed reference");
-		}
-		var audioObject = audioEngineContext.newTrack(element);
-        var label;
-        switch(audioObject.specification.parent.label) {
-            case "none":
-                label = "";
-                break;
-            case "number":
-                label = ""+index;
-                break;
-            case "letter":
-                label = String.fromCharCode(97 + index);
-                break;
-            default:
-                label = String.fromCharCode(65 + index);
-                break;
+            var orNode = new interfaceContext.outsideReferenceDOM(audioObject,index,document.getElementById('interface-buttons'));
+			audioObject.bindInterface(orNode);
+        } else {
+            var label;
+            switch(audioObject.specification.parent.label) {
+                case "none":
+                    label = "";
+                    break;
+                case "number":
+                    label = ""+index;
+                    break;
+                case "letter":
+                    label = String.fromCharCode(97 + index);
+                    break;
+                default:
+                    label = String.fromCharCode(65 + index);
+                    break;
+            }
+            var node = new this.comparatorBox(audioObject,index,label);
+            audioObject.bindInterface(node);
+            this.comparators.push(node);
+            this.boxHolders.appendChild(node.box);
         }
-		var node = new this.comparatorBox(audioObject,index,label);
-		audioObject.bindInterface(node);
-		this.comparators.push(node);
-		this.boxHolders.appendChild(node.box);
 	}
 	return this;
 }
@@ -346,6 +348,12 @@
     document.getElementById('box-holders').style.marginLeft = diff/2 + 'px';
     document.getElementById('box-holders').style.marginRight = diff/2 + 'px';
     document.getElementById('box-holders').style.width = boxW + 'px';
+    
+    var outsideRef = document.getElementById('outside-reference');
+	if(outsideRef != null)
+	{
+		outsideRef.style.left = (window.innerWidth-120)/2 + 'px';
+	}
 }
 
 function buttonSubmitClick()