webaudioevaluationtool: test_create/test_core.js comparison

comparison test_create/test_core.js @ 1841:e9c5646739c0

Bug #1588 Fixed.

author	Nicholas Jillings <nickjillings@users.noreply.github.com>
date	Mon, 22 Feb 2016 14:06:37 +0000
parents	616c602a6a6e
children	5e2e3becc292

comparison

equal deleted inserted replaced

-:658af90cb1c5
+:e9c5646739c0
 this.popupContent.id = "popup-content";
 this.object.appendChild(this.popupContent);
 this.proceedButton = document.createElement("button");
 this.proceedButton.id = "popup-proceed";
+this.proceedButton.className = "popup-button";
 this.proceedButton.textContent = "Next";
 this.proceedButton.onclick = function()
 {
 popupObject.popupContent.innerHTML = null;
 popupObject.shownObject.continue();
 };
 this.object.appendChild(this.proceedButton);
+this.backButton = document.createElement("button");
+this.backButton.id = "popup-back";
+this.backButton.className = "popup-button";
+this.backButton.textContent = "Back";
+this.backButton.onclick = function()
+{
+popupObject.popupContent.innerHTML = null;
+popupObject.shownObject.back();
+};
+this.object.appendChild(this.backButton);
 this.shownObject;
 this.resize = function()
 {
 var w = window.innerWidth;
 this.show = function()
 {
 this.object.style.visibility = "visible";
 this.blanket.style.visibility = "visible";
+if (typeof this.shownObject.back == "function") {
+this.backButton.style.visibility = "visible";
+} else {
+this.backButton.style.visibility = "hidden";
+}
 }
 this.hide = function()
 {
 this.object.style.visibility = "hidden";
 this.blanket.style.visibility = "hidden";
+this.backButton.style.visibility = "hidden";
 }
 this.postNode = function(postObject)
 {
-this.show();
 //Passed object must have the following:
 // Title: text to show in the title
 // Content: HTML DOM to show on the page
 // On complete this HTML DOM is destroyed so make sure it is referenced elsewhere for processing
 this.titleDOM.textContent = postObject.title;
 this.popupContent.appendChild(postObject.content);
 this.shownObject = postObject;
+if (typeof this.shownObject.back == "function") {
+this.backButton.style.visibility = "visible";
+} else {
+this.backButton.style.visibility = "hidden";
+}
+this.show();
 }
 this.resize();
 this.hide();
 };
 this.content.appendChild(this.select);
 this.continue = function()
 {
 var testXML = interfaceSpecs.getElementsByTagName("tests")[0].getAllElementsByName(this.select.value)[0];
 specification.interface = testXML.getAttribute("interface");
+if (specification.interfaces == null)
+{
+specification.interfaces = new specification.interfaceNode();
+}
+if (specification.metrics == null)  {
+specification.metrics = new specification.metricNode();
+}
 popupStateNodes.state[2].generate();
 popupObject.postNode(popupStateNodes.state[2]);
+}
+this.back = function() {
+popupObject.postNode(popupStateNodes.state[0]);
 }
 }
 this.state[2] = new function()
 {
 this.title = "Test Checks & Restrictions";
 this.content.appendChild(spnH);
 var holder = document.createElement("div");
 this.options = [];
 this.testXML = null;
 this.interfaceXML = null;
+this.dynamicContent = document.createElement("div");
+this.content.appendChild(this.dynamicContent);
 this.generate = function()
 {
+this.options = [];
+this.dynamicContent.innerHTML = null;
 var interfaceName = popupStateNodes.state[1].select.value;
 this.checkText = interfaceSpecs.getElementsByTagName("global")[0].getAllElementsByTagName("checks")[0];
 this.testXML = interfaceSpecs.getElementsByTagName("tests")[0].getAllElementsByName(interfaceName)[0];
 this.interfaceXML = interfaceSpecs.getAllElementsByTagName("interfaces")[0].getAllElementsByName(this.testXML.getAttribute("interface"))[0].getAllElementsByTagName("checks")[0];
 this.testXML = this.testXML.getAllElementsByTagName("checks");
 if(testNode.length != 0) {testNode = testNode[0];}
 else {testNode = undefined;}
 } else {
 testNode = undefined;
 }
-var optH = document.createElement('div');
+var obj = {
-optH.className = "popup-checkbox";
+root: document.createElement("div"),
-var checkbox = document.createElement('input');
+text: document.createElement("span"),
-checkbox.type = "checkbox";
+input: document.createElement("input"),
-var text = document.createElement('span');
+parent: this,
-checkbox.setAttribute('name',checkName);
+name: checkName,
-if (interfaceNode.getAttribute('default') == 'on')
+handleEvent: function(event) {
-{
+if (this.input.checked) {
-checkbox.checked = true;
+// Add to specification.interfaces.option
-}
+var included = specification.interfaces.options.find(function(element,index,array){
-if (interfaceNode.getAttribute('support') == "none")
+if (element.name == this.name) {return true;} else {return false;}
-{
+},this);
-checkbox.disabled = true;
+if (included == null) {
-checkbox.checked = false;
+specification.interfaces.options.push({type:"check",name:this.name});
-optH.className = "popup-checkbox disabled";
+}
-} else if (interfaceNode.getAttribute('support') == "mandatory")
+} else {
-{
+// Remove from specification.interfaces.option
-checkbox.disabled = true;
+var position = specification.interfaces.options.findIndex(function(element,index,array){
-checkbox.checked = true;
+if (element.name == this.name) {return true;} else {return false;}
-optH.className = "popup-checkbox disabled";
+},this);
-}
+if (position >= 0) {
+specification.interfaces.options.splice(position,1);
+}
+}
+}
+}
+obj.input.addEventListener("click",obj);
+obj.root.className = "popup-checkbox";
+obj.input.type = "checkbox";
+obj.input.setAttribute('name',checkName);
+obj.text.textContent = this.checkText.getAllElementsByName(checkName)[0].textContent;
+obj.root.appendChild(obj.input);
+obj.root.appendChild(obj.text);
 if(testNode != undefined)
 {
+if (testNode.getAttribute('default') == 'on')
+{
+obj.input.checked = true;
+}
+if (testNode.getAttribute('support') == "none")
+{
+obj.input.disabled = true;
+obj.input.checked = false;
+obj.root.className = "popup-checkbox disabled";
+}else if (interfaceNode.getAttribute('support') == "mandatory")
+{
+obj.input.disabled = true;
+obj.input.checked = true;
+obj.root.className = "popup-checkbox disabled";
+}
+} else {
 if (interfaceNode.getAttribute('default') == 'on')
 {
-checkbox.checked = true;
+obj.input.checked = true;
 }
-if (testNode.getAttribute('support') == "none")
+if (interfaceNode.getAttribute('support') == "none")
 {
-checkbox.disabled = true;
+obj.input.disabled = true;
-checkbox.checked = false;
+obj.input.checked = false;
-optH.className = "popup-checkbox disabled";
+obj.root.className = "popup-checkbox disabled";
-}else if (interfaceNode.getAttribute('support') == "mandatory")
+} else if (interfaceNode.getAttribute('support') == "mandatory")
 {
-checkbox.disabled = true;
+obj.input.disabled = true;
-checkbox.checked = true;
+obj.input.checked = true;
-optH.className = "popup-checkbox disabled";
+obj.root.className = "popup-checkbox disabled";
 }
 }
-text.textContent = popupStateNodes.state[2].checkText.getAllElementsByName(checkName)[0].textContent;
+var included = specification.interfaces.options.find(function(element,index,array){
-optH.appendChild(checkbox);
+if (element.name == this.name) {return true;} else {return false;}
-optH.appendChild(text);
+},obj);
-this.options.push(optH);
+if (included != undefined) {
-this.content.appendChild(optH);
+obj.input.checked = true;
+}
+obj.handleEvent();
+this.options.push(obj);
+this.dynamicContent.appendChild(obj.root);
 }
 }
 this.continue = function()
 {
-if (specification.interfaces == null)
-{
-specification.interfaces = new specification.interfaceNode();
-}
-for (var object of this.options)
-{
-var checkbox = object.children[0];
-if (checkbox.checked)
-{
-var option = {
-type: "check",
-name: checkbox.getAttribute('name')
-};
-specification.interfaces.options.push(option);
-}
-}
 popupStateNodes.state[3].generate();
 popupObject.postNode(popupStateNodes.state[3]);
+}
+this.back = function() {
+popupObject.postNode(popupStateNodes.state[1]);
 }
 }
 this.state[3] = new function()
 {
 this.title = "Test Metrics";
 this.content.appendChild(spnH);
 this.options = [];
 this.checkText;
 this.testXML;
 this.interfaceXML;
+this.dynamicContent = document.createElement("div");
+this.content.appendChild(this.dynamicContent);
 this.generate = function()
 {
+this.options = [];
+this.dynamicContent.innerHTML = null;
 var interfaceName = popupStateNodes.state[1].select.value;
 this.checkText = interfaceSpecs.getElementsByTagName("global")[0].getAllElementsByTagName("metrics")[0];
 this.testXML = interfaceSpecs.getElementsByTagName("tests")[0].getAllElementsByName(interfaceName)[0];
 this.interfaceXML = interfaceSpecs.getAllElementsByTagName("interfaces")[0].getAllElementsByName(this.testXML.getAttribute("interface"))[0].getAllElementsByTagName("metrics")[0];
 this.testXML = this.testXML.getAllElementsByTagName("metrics");
 if(testNode.length != 0) {testNode = testNode[0];}
 else {testNode = undefined;}
 } else {
 testNode = undefined;
 }
-var optH = document.createElement('div');
+var obj = {
-optH.className = "popup-checkbox";
+root: document.createElement("div"),
-var checkbox = document.createElement('input');
+text: document.createElement("span"),
-checkbox.type = "checkbox";
+input: document.createElement("input"),
-var text = document.createElement('span');
+parent: this,
-checkbox.setAttribute('name',checkName);
+name: checkName,
-if (interfaceNode.getAttribute('default') == 'on')
+handleEvent: function(event) {
-{
+if (this.input.checked) {
-checkbox.checked = true;
+// Add to specification.interfaces.option
-}
+var included = specification.metrics.enabled.find(function(element,index,array){
-if (interfaceNode.getAttribute('support') == "none")
+if (element == this.name) {return true;} else {return false;}
-{
+},this);
-checkbox.disabled = true;
+if (included == null) {
-checkbox.checked = false;
+specification.metrics.enabled.push(this.name);
-optH.className = "popup-checkbox disabled";
+}
-} else if (interfaceNode.getAttribute('support') == "mandatory")
+} else {
-{
+// Remove from specification.interfaces.option
-checkbox.disabled = true;
+var position = specification.metrics.enabled.findIndex(function(element,index,array){
-checkbox.checked = true;
+if (element == this.name) {return true;} else {return false;}
-optH.className = "popup-checkbox disabled";
+},this);
-}
+if (position >= 0) {
+specification.metrics.enabled.splice(position,1);
+}
+}
+}
+}
+obj.input.addEventListener("click",obj);
+obj.root.className = "popup-checkbox";
+obj.input.type = "checkbox";
+obj.input.setAttribute('name',checkName);
+obj.text.textContent = this.checkText.getAllElementsByName(checkName)[0].textContent;
+obj.root.appendChild(obj.input);
+obj.root.appendChild(obj.text);
 if(testNode != undefined)
 {
+if (testNode.getAttribute('default') == 'on')
+{
+obj.input.checked = true;
+}
+if (testNode.getAttribute('support') == "none")
+{
+obj.input.disabled = true;
+obj.input.checked = false;
+obj.root.className = "popup-checkbox disabled";
+}else if (interfaceNode.getAttribute('support') == "mandatory")
+{
+obj.input.disabled = true;
+obj.input.checked = true;
+obj.root.className = "popup-checkbox disabled";
+}
+} else {
 if (interfaceNode.getAttribute('default') == 'on')
 {
-checkbox.checked = true;
+obj.input.checked = true;
 }
-if (testNode.getAttribute('support') == "none")
+if (interfaceNode.getAttribute('support') == "none")
 {
-checkbox.disabled = true;
+obj.input.disabled = true;
-checkbox.checked = false;
+obj.input.checked = false;
-optH.className = "popup-checkbox disabled";
+obj.root.className = "popup-checkbox disabled";
-}else if (interfaceNode.getAttribute('support') == "mandatory")
+} else if (interfaceNode.getAttribute('support') == "mandatory")
 {
-checkbox.disabled = true;
+obj.input.disabled = true;
-checkbox.checked = true;
+obj.input.checked = true;
-optH.className = "popup-checkbox disabled";
+obj.root.className = "popup-checkbox disabled";
 }
 }
-text.textContent = popupStateNodes.state[3].checkText.getAllElementsByName(checkName)[0].textContent;
+var included = specification.metrics.enabled.find(function(element,index,array){
-optH.appendChild(checkbox);
+if (element == this.name) {return true;} else {return false;}
-optH.appendChild(text);
+},obj);
-this.options.push(optH);
+obj.handleEvent();
-this.content.appendChild(optH);
+if (included != undefined) {
+obj.input.checked = true;
+}
+this.options.push(obj);
+this.dynamicContent.appendChild(obj.root);
 }
 }
 this.continue = function()
 {
-if (specification.metrics == null)  {
-specification.metrics = new specification.metricNode();
-}
-for (var object of this.options)
-{
-var checkbox = object.children[0];
-if (checkbox.checked)
-{
-specification.metrics.enabled.push(checkbox.getAttribute('name'));
-}
-}
 popupStateNodes.state[4].generate();
 popupObject.postNode(popupStateNodes.state[4]);
+}
+this.back = function() {
+popupObject.postNode(popupStateNodes.state[2]);
 }
 }
 this.state[4] = new function()
 {
 this.title = "Test Visuals";
 this.content.appendChild(spnH);
 this.options = [];
 this.checkText;
 this.testXML;
 this.interfaceXML;
+this.dynamicContent = document.createElement("div");
+this.content.appendChild(this.dynamicContent);
 this.generate = function()
 {
+this.options = [];
+this.dynamicContent.innerHTML = null;
 var interfaceName = popupStateNodes.state[1].select.value;
 this.checkText = interfaceSpecs.getElementsByTagName("global")[0].getAllElementsByTagName("show")[0];
 this.testXML = interfaceSpecs.getElementsByTagName("tests")[0].getAllElementsByName(interfaceName)[0];
 this.interfaceXML = interfaceSpecs.getAllElementsByTagName("interfaces")[0].getAllElementsByName(this.testXML.getAttribute("interface"))[0].getAllElementsByTagName("show")[0];
-this.testXML = this.testXML.getAllElementsByTagName("metrics");
+this.testXML = this.testXML.getAllElementsByTagName("show");
 for (var i=0; i<this.interfaceXML.children.length; i++)
 {
 var interfaceNode = this.interfaceXML.children[i];
 var checkName = interfaceNode.getAttribute('name');
 var testNode
 if(testNode.length != 0) {testNode = testNode[0];}
 else {testNode = undefined;}
 } else {
 testNode = undefined;
 }
-var optH = document.createElement('div');
+var obj = {
-optH.className = "popup-checkbox";
+root: document.createElement("div"),
-var checkbox = document.createElement('input');
+text: document.createElement("span"),
-checkbox.type = "checkbox";
+input: document.createElement("input"),
-var text = document.createElement('span');
+parent: this,
-checkbox.setAttribute('name',checkName);
+name: checkName,
-if (interfaceNode.getAttribute('default') == 'on')
+handleEvent: function(event) {
-{
+if (this.input.checked) {
-checkbox.checked = true;
+// Add to specification.interfaces.option
-}
+var included = specification.interfaces.options.find(function(element,index,array){
-if (interfaceNode.getAttribute('support') == "none")
+if (element.name == this.name) {return true;} else {return false;}
-{
+},this);
-checkbox.disabled = true;
+if (included == null) {
-checkbox.checked = false;
+specification.interfaces.options.push({type:"show",name:this.name});
-optH.className = "popup-checkbox disabled";
+}
-} else if (interfaceNode.getAttribute('support') == "mandatory")
+} else {
-{
+// Remove from specification.interfaces.option
-checkbox.disabled = true;
+var position = specification.interfaces.options.findIndex(function(element,index,array){
-checkbox.checked = true;
+if (element.name == this.name) {return true;} else {return false;}
-optH.className = "popup-checkbox disabled";
+},this);
-}
+if (position >= 0) {
+specification.interfaces.options.splice(position,1);
+}
+}
+}
+}
+obj.input.addEventListener("click",obj);
+obj.root.className = "popup-checkbox";
+obj.input.type = "checkbox";
+obj.input.setAttribute('name',checkName);
+obj.text.textContent = this.checkText.getAllElementsByName(checkName)[0].textContent;
+obj.root.appendChild(obj.input);
+obj.root.appendChild(obj.text);
 if(testNode != undefined)
 {
+if (testNode.getAttribute('default') == 'on')
+{
+obj.input.checked = true;
+}
+if (testNode.getAttribute('support') == "none")
+{
+obj.input.disabled = true;
+obj.input.checked = false;
+obj.root.className = "popup-checkbox disabled";
+}else if (interfaceNode.getAttribute('support') == "mandatory")
+{
+obj.input.disabled = true;
+obj.input.checked = true;
+obj.root.className = "popup-checkbox disabled";
+}
+} else {
 if (interfaceNode.getAttribute('default') == 'on')
 {
-checkbox.checked = true;
+obj.input.checked = true;
 }
-if (testNode.getAttribute('support') == "none")
+if (interfaceNode.getAttribute('support') == "none")
 {
-checkbox.disabled = true;
+obj.input.disabled = true;
-checkbox.checked = false;
+obj.input.checked = false;
-optH.className = "popup-checkbox disabled";
+obj.root.className = "popup-checkbox disabled";
-}else if (interfaceNode.getAttribute('support') == "mandatory")
+} else if (interfaceNode.getAttribute('support') == "mandatory")
 {
-checkbox.disabled = true;
+obj.input.disabled = true;
-checkbox.checked = true;
+obj.input.checked = true;
-optH.className = "popup-checkbox disabled";
+obj.root.className = "popup-checkbox disabled";
 }
 }
-text.textContent = this.checkText.getAllElementsByName(checkName)[0].textContent;
+var included = specification.interfaces.options.find(function(element,index,array){
-optH.appendChild(checkbox);
+if (element.name == this.name) {return true;} else {return false;}
-optH.appendChild(text);
+},obj);
-this.options.push(optH);
+if (included != undefined) {
-this.content.appendChild(optH);
+obj.input.checked = true;
+}
+obj.handleEvent();
+this.options.push(obj);
+this.dynamicContent.appendChild(obj.root);
 }
 }
 this.continue = function()
 {
-if (specification.interfaces == null)
-{
-specification.interfaces = new specification.interfaceNode();
-}
-for (var object of this.options)
-{
-var checkbox = object.children[0];
-if (checkbox.checked)
-{
-var option = {
-type: "show",
-name: checkbox.getAttribute('name')
-};
-specification.interfaces.options.push(option);
-}
-}
 popupObject.hide();
 convert.convert(document.getElementById('content'));
+}
+this.back = function() {
+popupObject.postNode(popupStateNodes.state[3]);
 }
 }
 this.state[5] = new function() {
 this.title = "Add/Edit Survey Element";
 this.content = document.createElement("div");