comparison interfaces/horizontal-sliders.js @ 485:92f26057b934 Dev_main

Added master volume. Ensured playhead, page-count and volume <interfaceoption> show options are enabled on all test pages.

 {
 	// Called each time a new test page is to be build. The page specification node is the only item passed in
 	var id = page.id;
 	
 	var feedbackHolder = document.getElementById('feedbackHolder');
+    feedbackHolder.innerHTML = null;
+    
 	var interfaceObj = page.interfaces;
 	if (interfaceObj.length > 1)
 	{
 		console.log("WARNING - This interface only supports one <interface> node per page. Using first interface node");
 	}

 	if(interfaceObj.title != null)
 	{
 		document.getElementById("pageTitle").textContent = interfaceObj.title;
 	}
 	
+    var interfaceOptions = specification.interfaces.options.concat(interfaceObj.options);
+    for (var option of interfaceOptions)
+    {
+        if (option.type == "show")
+        {
+            switch(option.name) {
+                case "playhead":
+                    var playbackHolder = document.getElementById('playback-holder');
+                    if (playbackHolder == null)
+                    {
+                        playbackHolder = document.createElement('div');
+                        playbackHolder.style.width = "100%";
+                        playbackHolder.align = 'center';
+                        playbackHolder.appendChild(interfaceContext.playhead.object);
+                        feedbackHolder.appendChild(playbackHolder);
+                    }
+                    break;
+                case "page-count":
+                    var pagecountHolder = document.getElementById('page-count');
+                    if (pagecountHolder == null)
+                    {
+                        pagecountHolder = document.createElement('div');
+                        pagecountHolder.id = 'page-count';
+                    }
+                    pagecountHolder.innerHTML = '<span>Page '+(page.presentedId+1)+' of '+specification.pages.length+'</span>';
+                    var inject = document.getElementById('interface-buttons');
+                    inject.appendChild(pagecountHolder);
+                    break;
+                case "volume":
+                    if (document.getElementById('master-volume-holder') == null)
+                    {
+                        feedbackHolder.appendChild(interfaceContext.volume.object);
+                    }
+                    break;
+            }
+        }
+    }
+    
 	// Delete outside reference
 	var outsideReferenceHolder = document.getElementById('outside-reference');
 	if (outsideReferenceHolder != null) {
 		document.getElementById('interface-buttons').removeChild(outsideReferenceHolder);
 	}
 	
 	var sliderBox = document.getElementById('slider-holder');
-	feedbackHolder.innerHTML = null;
 	sliderBox.innerHTML = null;
 	
 	var commentBoxPrefix = "Comment on track";
 	if (interfaceObj.commentBoxPrefix != undefined) {
 		commentBoxPrefix = interfaceObj.commentBoxPrefix;

 	{
 		if (audioEngineContext.audioObjects[i].specification.type != 'outside-reference'){
 			audioEngineContext.audioObjects[i].interfaceDOM.resize(event);
 		}
 	}
+    document.getElementById("slider").style.height = totalHeight+50+'px';
 	drawScale();
 }
 
 function drawScale()
 {