diff test_create/test_create.html @ 1284:6c819878ac85

Major updates. Specification Nodes now own file (specification.js). Updating Analysis to allow filtering based on survey responses.

--- a/test_create/test_create.html	Tue Mar 29 14:37:07 2016 +0100
+++ b/test_create/test_create.html	Thu Mar 31 13:31:42 2016 +0100
@@ -6,650 +6,10 @@
     <script type="text/javascript">
         window.onbeforeunload = function (e) {var message = 'If you leave the page now, any unsaved changes will be lost', e = e || window.event; if (e) { e.returnValue = message;}return message;};
         // Copy of Specifiation node from Core.js
-        function Specification() {
-            // Handles the decoding of the project specification XML into a simple JavaScript Object.
-
-            this.interface = null;
-            this.projectReturn = "null";
-            this.randomiseOrder = null;
-            this.testPages = null;
-            this.pages = [];
-            this.metrics = null;
-            this.interfaces = null;
-            this.loudness = null;
-            this.errors = [];
-            this.schema = null;
-            this.exitText = "Thank you.";
-
-            this.processAttribute = function(attribute,schema,schemaRoot)
-            {
-                // attribute is the string returned from getAttribute on the XML
-                // schema is the <xs:attribute> node
-                if (schema.getAttribute('name') == undefined && schema.getAttribute('ref') != undefined)
-                {
-                    schema = schemaRoot.getAllElementsByName(schema.getAttribute('ref'))[0];
-                }
-                var defaultOpt = schema.getAttribute('default');
-                if (attribute == null) {
-                    attribute = defaultOpt;
-                }
-                var dataType = schema.getAttribute('type');
-                if (typeof dataType == "string") { dataType = dataType.substr(3);}
-                else {dataType = "string";}
-                if (attribute == null)
-                {
-                    return attribute;
-                }
-                switch(dataType)
-                {
-                case "boolean":
-                    if (attribute == 'true'){attribute = true;}else{attribute=false;}
-                    break;
-                case "negativeInteger":
-                case "positiveInteger":
-                case "nonNegativeInteger":
-                case "nonPositiveInteger":
-                case "integer":
-                case "decimal":
-                case "short":
-                    attribute = Number(attribute);
-                    break;
-                case "string":
-                default:
-                    attribute = String(attribute);
-                    break;
-                }
-                return attribute;
-            };
-
-            this.decode = function(projectXML) {
-                this.errors = [];
-                // projectXML - DOM Parsed document
-                this.projectXML = projectXML.childNodes[0];
-                var setupNode = projectXML.getElementsByTagName('setup')[0];
-                var schemaSetup = this.schema.getAllElementsByName('setup')[0];
-                // First decode the attributes
-                var attributes = schemaSetup.getAllElementsByTagName('xs:attribute');
-                for (var i in attributes)
-                {
-                    if (isNaN(Number(i)) == true){break;}
-                    var attributeName = attributes[i].getAttribute('name') || attributes[i].getAttribute('ref');
-                    var projectAttr = setupNode.getAttribute(attributeName);
-                    projectAttr = this.processAttribute(projectAttr,attributes[i],this.schema);
-                    switch(typeof projectAttr)
-                    {
-                    case "number":
-                    case "boolean":
-                        eval('this.'+attributeName+' = '+projectAttr);
-                        break;
-                    case "string":
-                        eval('this.'+attributeName+' = "'+projectAttr+'"');
-                        break;
-                    }
-
-                }
-
-                var exitTextNode = setupNode.getElementsByTagName('exitText');
-                if (exitTextNode.length == 1) {
-                    this.exitText = exitTextNode[0].textContent;
-                }
-
-                this.metrics = new this.metricNode();
-
-                this.metrics.decode(this,setupNode.getElementsByTagName('metric')[0]);
-
-                // Now process the survey node options
-                var survey = setupNode.getElementsByTagName('survey');
-                for (var i in survey) {
-                    if (isNaN(Number(i)) == true){break;}
-                    var location = survey[i].getAttribute('location');
-                    if (location == 'pre' || location == 'before')
-                    {
-                        if (this.preTest != null){this.errors.push("Already a pre/before test survey defined! Ignoring second!!");}
-                        else {
-                            this.preTest = new this.surveyNode();
-                            this.preTest.decode(this,survey[i]);
-                        }
-                    } else if (location == 'post' || location == 'after') {
-                        if (this.postTest != null){this.errors.push("Already a post/after test survey defined! Ignoring second!!");}
-                        else {
-                            this.postTest = new this.surveyNode();
-                            this.postTest.decode(this,survey[i]);
-                        }
-                    }
-                }
-
-                var interfaceNode = setupNode.getElementsByTagName('interface');
-                if (interfaceNode.length > 1)
-                {
-                    this.errors.push("Only one <interface> node in the <setup> node allowed! Others except first ingnored!");
-                }
-                this.interfaces = new this.interfaceNode();
-                if (interfaceNode.length != 0)
-                {
-                    interfaceNode = interfaceNode[0];
-                    this.interfaces.decode(this,interfaceNode,this.schema.getAllElementsByName('interface')[1]);
-                }
-
-                // Page tags
-                var pageTags = projectXML.getElementsByTagName('page');
-                var pageSchema = this.schema.getAllElementsByName('page')[0];
-                for (var i=0; i<pageTags.length; i++)
-                {
-                    var node = new this.page();
-                    node.decode(this,pageTags[i],pageSchema);
-                    this.pages.push(node);
-                }
-            };
-
-            this.encode = function()
-            {
-                var RootDocument = document.implementation.createDocument(null,"waet");
-                var root = RootDocument.children[0];
-                root.setAttribute("xmlns:xsi","http://www.w3.org/2001/XMLSchema-instance");
-                root.setAttribute("xsi:noNamespaceSchemaLocation","test-schema.xsd");
-                // Build setup node
-                var setup = RootDocument.createElement("setup");
-                var schemaSetup = this.schema.getAllElementsByName('setup')[0];
-                // First decode the attributes
-                var attributes = schemaSetup.getAllElementsByTagName('xs:attribute');
-                for (var i=0; i<attributes.length; i++)
-                {
-                    var name = attributes[i].getAttribute("name");
-                    if (name == undefined) {
-                        name = attributes[i].getAttribute("ref");
-                    }
-                    if(eval("this."+name+" != undefined") || attributes[i].getAttribute("use") == "required")
-                    {
-                        eval("setup.setAttribute('"+name+"',this."+name+")");
-                    }
-                }
-                root.appendChild(setup);
-                // Survey node
-                if (this.exitText != null) {
-                    var exitTextNode = RootDocument.createElement('exitText');
-                    exitTextNode.textContent = this.exitText;
-                    setup.appendChild(exitTextNode);
-                }
-                setup.appendChild(this.preTest.encode(RootDocument));
-                setup.appendChild(this.postTest.encode(RootDocument));
-                setup.appendChild(this.metrics.encode(RootDocument));
-                setup.appendChild(this.interfaces.encode(RootDocument));
-                for (var page of this.pages)
-                {
-                    root.appendChild(page.encode(RootDocument));
-                }
-                return RootDocument;
-            };
-
-            this.surveyNode = function() {
-                this.location = null;
-                this.options = [];
-                this.parent = null;
-                this.schema = specification.schema.getAllElementsByName('survey')[0];
-
-                this.OptionNode = function() {
-                    this.type = undefined;
-                    this.schema = specification.schema.getAllElementsByName('surveyentry')[0];
-                    this.id = undefined;
-                    this.name = undefined;
-                    this.mandatory = undefined;
-                    this.statement = undefined;
-                    this.boxsize = undefined;
-                    this.options = [];
-                    this.min = undefined;
-                    this.max = undefined;
-                    this.step = undefined;
-
-                    this.decode = function(parent,child)
-                    {
-                        var attributeMap = this.schema.getAllElementsByTagName('xs:attribute');
-                        for (var i in attributeMap){
-                            if(isNaN(Number(i)) == true){break;}
-                            var attributeName = attributeMap[i].getAttribute('name') || attributeMap[i].getAttribute('ref');
-                            var projectAttr = child.getAttribute(attributeName);
-                            projectAttr = parent.processAttribute(projectAttr,attributeMap[i],parent.schema);
-                            switch(typeof projectAttr)
-                            {
-                            case "number":
-                            case "boolean":
-                                eval('this.'+attributeName+' = '+projectAttr);
-                                break;
-                            case "string":
-                                eval('this.'+attributeName+' = "'+projectAttr+'"');
-                                break;
-                            }
-                        }
-                        this.statement = child.getElementsByTagName('statement')[0].textContent;
-                        if (this.type == "checkbox" || this.type == "radio") {
-                            var children = child.getElementsByTagName('option');
-                            if (children.length == null) {
-                                console.log('Malformed' +child.nodeName+ 'entry');
-                                this.statement = 'Malformed' +child.nodeName+ 'entry';
-                                this.type = 'statement';
-                            } else {
-                                this.options = [];
-                                for (var i in children)
-                                {
-                                    if (isNaN(Number(i))==true){break;}
-                                    this.options.push({
-                                        name: children[i].getAttribute('name'),
-                                        text: children[i].textContent
-                                    });
-                                }
-                            }
-                        }
-                    };
-
-                    this.exportXML = function(doc)
-                    {
-                        var node = doc.createElement('surveyentry');
-                        node.setAttribute('type',this.type);
-                        var statement = doc.createElement('statement');
-                        statement.textContent = this.statement;
-                        node.appendChild(statement);
-                        node.id = this.id;
-                        if (this.name != undefined) { node.setAttribute("name",this.name);}
-                        if (this.mandatory != undefined) { node.setAttribute("mandatory",this.mandatory);}
-                        node.id = this.id;
-                        if (this.name != undefined) {node.setAttribute("name",this.name);}
-                        switch(this.type)
-                        {
-                            case "checkbox":
-                            case "radio":
-                                for (var i=0; i<this.options.length; i++)
-                                {
-                                    var option = this.options[i];
-                                    var optionNode = doc.createElement("option");
-                                    optionNode.setAttribute("name",option.name);
-                                    optionNode.textContent = option.text;
-                                    node.appendChild(optionNode);
-                                }
-                            case "number":
-                                if (this.min != undefined) {node.setAttribute("min", this.min);}
-                                if (this.max != undefined) {node.setAttribute("max", this.max);}
-                            case "question":
-                                if (this.boxsize != undefined) {node.setAttribute("boxsize",this.boxsize);}
-                                if (this.mandatory != undefined) {node.setAttribute("mandatory",this.mandatory);}
-                            default:
-                                break;
-                        }
-                        return node;
-                    };
-                };
-                this.decode = function(parent,xml) {
-                    this.parent = parent;
-                    this.location = xml.getAttribute('location');
-                    if (this.location == 'before'){this.location = 'pre';}
-                    else if (this.location == 'after'){this.location = 'post';}
-                    for (var i in xml.children)
-                    {
-                        if(isNaN(Number(i))==true){break;}
-                        var node = new this.OptionNode();
-                        node.decode(parent,xml.children[i]);
-                        this.options.push(node);
-                    }
-                };
-                this.encode = function(doc) {
-                    var node = doc.createElement('survey');
-                    node.setAttribute('location',this.location);
-                    for (var i=0; i<this.options.length; i++)
-                    {
-                        node.appendChild(this.options[i].exportXML(doc));
-                    }
-                    return node;
-                };
-            };
-
-            this.interfaceNode = function()
-            {
-                this.title = null;
-                this.name = null;
-                this.options = [];
-                this.scales = [];
-                this.schema = specification.schema.getAllElementsByName('interface')[1];
-
-                this.decode = function(parent,xml) {
-                    this.name = xml.getAttribute('name');
-                    var titleNode = xml.getElementsByTagName('title');
-                    if (titleNode.length == 1)
-                    {
-                        this.title = titleNode[0].textContent;
-                    }
-                    var interfaceOptionNodes = xml.getElementsByTagName('interfaceoption');
-                    // Extract interfaceoption node schema
-                    var interfaceOptionNodeSchema = this.schema.getAllElementsByName('interfaceoption')[0];
-                    var attributeMap = interfaceOptionNodeSchema.getAllElementsByTagName('xs:attribute');
-                    for (var i=0; i<interfaceOptionNodes.length; i++)
-                    {
-                        var ioNode = interfaceOptionNodes[i];
-                        var option = {};
-                        for (var j=0; j<attributeMap.length; j++)
-                        {
-                            var attributeName = attributeMap[j].getAttribute('name') || attributeMap[j].getAttribute('ref');
-                            var projectAttr = ioNode.getAttribute(attributeName);
-                            if(parent.processAttribute) {
-                                parent.processAttribute(projectAttr, attributeMap[j], parent.schema)
-                            } else {
-                                parent.parent.processAttribute(projectAttr, attributeMap[j], parent.parent.schema)
-                            }
-                            switch(typeof projectAttr)
-                            {
-                            case "number":
-                            case "boolean":
-                                eval('option.'+attributeName+' = '+projectAttr);
-                                break;
-                            case "string":
-                                eval('option.'+attributeName+' = "'+projectAttr+'"');
-                                break;
-                            }
-                        }
-                        this.options.push(option);
-                    }
-
-                    // Now the scales nodes
-                    var scaleParent = xml.getElementsByTagName('scales');
-                    if (scaleParent.length == 1) {
-                        scaleParent = scaleParent[0];
-                        for (var i=0; i<scaleParent.children.length; i++) {
-                            var child = scaleParent.children[i];
-                            this.scales.push({
-                                text: child.textContent,
-                                position: Number(child.getAttribute('position'))
-                            });
-                        }
-                    }
-                };
-
-                this.encode = function(doc) {
-                    var node = doc.createElement("interface");
-                    if (typeof name == "string")
-                        node.setAttribute("name",this.name);
-                    for (var option of this.options)
-                    {
-                        var child = doc.createElement("interfaceoption");
-                        child.setAttribute("type",option.type);
-                        child.setAttribute("name",option.name);
-                        node.appendChild(child);
-                    }
-                    if (this.scales.length != 0) {
-                        var scales = doc.createElement("scales");
-                        for (var scale of this.scales)
-                        {
-                            var child = doc.createElement("scalelabel");
-                            child.setAttribute("position",scale.position);
-                            child.textContent = scale.text;
-                            scales.appendChild(child);
-                        }
-                        node.appendChild(scales);
-                    }
-                    return node;
-                };
-            };
-
-            this.metricNode = function() {
-                this.enabled = [];
-                this.decode = function(parent, xml) {
-                    var children = xml.getElementsByTagName('metricenable');
-                    for (var i in children) { 
-                        if (isNaN(Number(i)) == true){break;}
-                        this.enabled.push(children[i].textContent);
-                    }
-                }
-                this.encode = function(doc) {
-                    var node = doc.createElement('metric');
-                    for (var i in this.enabled)
-                    {
-                        if (isNaN(Number(i)) == true){break;}
-                        var child = doc.createElement('metricenable');
-                        child.textContent = this.enabled[i];
-                        node.appendChild(child);
-                    }
-                    return node;
-                }
-            }
-
-            this.page = function() {
-                this.presentedId = undefined;
-                this.id = undefined;
-                this.hostURL = undefined;
-                this.randomiseOrder = undefined;
-                this.loop = undefined;
-                this.showElementComments = undefined;
-                this.outsideReference = null;
-                this.loudness = null;
-                this.label = null;
-                this.preTest = null;
-                this.postTest = null;
-                this.interfaces = [];
-                this.commentBoxPrefix = "Comment on track";
-                this.audioElements = [];
-                this.commentQuestions = [];
-                this.schema = specification.schema.getAllElementsByName("page")[0];
-                this.parent = null;
-
-                this.decode = function(parent,xml)
-                {
-                    this.parent = parent;
-                    var attributeMap = this.schema.getAllElementsByTagName('xs:attribute');
-                    for (var i=0; i<attributeMap.length; i++)
-                    {
-                        var attributeName = attributeMap[i].getAttribute('name') || attributeMap[i].getAttribute('ref');
-                        var projectAttr = xml.getAttribute(attributeName);
-                        projectAttr = parent.processAttribute(projectAttr,attributeMap[i],parent.schema);
-                        switch(typeof projectAttr)
-                        {
-                        case "number":
-                        case "boolean":
-                            eval('this.'+attributeName+' = '+projectAttr);
-                            break;
-                        case "string":
-                            eval('this.'+attributeName+' = "'+projectAttr+'"');
-                            break;
-                        }
-                    }
-
-                    // Get the Comment Box Prefix
-                    var CBP = xml.getElementsByTagName('commentboxprefix');
-                    if (CBP.length != 0) {
-                        this.commentBoxPrefix = CBP[0].textContent;
-                    }
-
-                    // Now decode the interfaces
-                    var interfaceNode = xml.getElementsByTagName('interface');
-                    for (var i=0; i<interfaceNode.length; i++)
-                    {
-                        var node = new parent.interfaceNode();
-                        node.decode(this,interfaceNode[i],parent.schema.getAllElementsByName('interface')[1]);
-                        this.interfaces.push(node);
-                    }
-
-                    // Now process the survey node options
-                    var survey = xml.getElementsByTagName('survey');
-                    var surveySchema = parent.schema.getAllElementsByName('survey')[0];
-                    for (var i in survey) {
-                        if (isNaN(Number(i)) == true){break;}
-                        var location = survey[i].getAttribute('location');
-                        if (location == 'pre' || location == 'before')
-                        {
-                            if (this.preTest != null){this.errors.push("Already a pre/before test survey defined! Ignoring second!!");}
-                            else {
-                                this.preTest = new parent.surveyNode();
-                                this.preTest.decode(parent,survey[i],surveySchema);
-                            }
-                        } else if (location == 'post' || location == 'after') {
-                            if (this.postTest != null){this.errors.push("Already a post/after test survey defined! Ignoring second!!");}
-                            else {
-                                this.postTest = new parent.surveyNode();
-                                this.postTest.decode(parent,survey[i],surveySchema);
-                            }
-                        }
-                    }
-
-                    // Now process the audioelement tags
-                    var audioElements = xml.getElementsByTagName('audioelement');
-                    for (var i=0; i<audioElements.length; i++)
-                    {
-                        var node = new this.audioElementNode();
-                        node.decode(this,audioElements[i]);
-                        this.audioElements.push(node);
-                    }
-
-                    // Now decode the commentquestions
-                    var commentQuestions = xml.getElementsByTagName('commentquestion');
-                    for (var i=0; i<commentQuestions.length; i++)
-                    {
-                        var node = new this.commentQuestionNode();
-                        node.decode(parent,commentQuestions[i]);
-                        this.commentQuestions.push(node);
-                    }
-                };
-
-                this.encode = function(root)
-                {
-                    var AHNode = root.createElement("page");
-                    // First decode the attributes
-                    var attributes = this.schema.getAllElementsByTagName('xs:attribute');
-                    for (var i=0; i<attributes.length; i++)
-                    {
-                        var name = attributes[i].getAttribute("name");
-                        if (name == undefined) {
-                            name = attributes[i].getAttribute("ref");
-                        }
-                        if(eval("this."+name+" != undefined") || attributes[i].getAttribute("use") == "required")
-                        {
-                            eval("AHNode.setAttribute('"+name+"',this."+name+")");
-                        }
-                    }
-                    if(this.loudness != null) {AHNode.setAttribute("loudness",this.loudness);}
-                    // <commentboxprefix>
-                    var commentboxprefix = root.createElement("commentboxprefix");
-                    commentboxprefix.textContent = this.commentBoxPrefix;
-                    AHNode.appendChild(commentboxprefix);
-
-                    for (var i=0; i<this.interfaces.length; i++)
-                    {
-                        AHNode.appendChild(this.interfaces[i].encode(root));
-                    }
-
-                    for (var i=0; i<this.audioElements.length; i++) {
-                        AHNode.appendChild(this.audioElements[i].encode(root));
-                    }
-                    // Create <CommentQuestion>
-                    for (var i=0; i<this.commentQuestions.length; i++)
-                    {
-                        AHNode.appendChild(this.commentQuestions[i].encode(root));
-                    }
-
-                    AHNode.appendChild(this.preTest.encode(root));
-                    AHNode.appendChild(this.postTest.encode(root));
-                    return AHNode;
-                };
-
-                this.commentQuestionNode = function() {
-                    this.id = null;
-                    this.name = undefined;
-                    this.type = undefined;
-                    this.options = [];
-                    this.statement = undefined;
-                    this.schema = specification.schema.getAllElementsByName('commentquestion')[0];
-                    this.decode = function(parent,xml)
-                    {
-                        this.id = xml.id;
-                        this.name = xml.getAttribute('name');
-                        this.type = xml.getAttribute('type');
-                        this.statement = xml.getElementsByTagName('statement')[0].textContent;
-                        var optNodes = xml.getElementsByTagName('option');
-                        for (var i=0; i<optNodes.length; i++)
-                        {
-                            var optNode = optNodes[i];
-                            this.options.push({
-                                name: optNode.getAttribute('name'),
-                                text: optNode.textContent
-                            });
-                        }
-                    };
-
-                    this.encode = function(root)
-                    {
-                        var node = root.createElement("commentquestion");
-                        node.id = this.id;
-                        node.setAttribute("type",this.type);
-                        if (this.name != undefined){node.setAttribute("name",this.name);}
-                        var statement = root.createElement("statement");
-                        statement.textContent = this.statement;
-                        node.appendChild(statement);
-                        for (var option of this.options)
-                        {
-                            var child = root.createElement("option");
-                            child.setAttribute("name",option.name);
-                            child.textContent = option.text;
-                            node.appendChild(child);
-                        }
-                        return node;
-                    };
-                };
-
-                this.audioElementNode = function() {
-                    this.url = null;
-                    this.id = null;
-                    this.name = null;
-                    this.parent = null;
-                    this.type = null;
-                    this.marker = null;
-                    this.enforce = false;
-                    this.gain = 0.0;
-                    this.schema = specification.schema.getAllElementsByName('audioelement')[0];;
-                    this.parent = null;
-                    this.decode = function(parent,xml)
-                    {
-                        this.parent = parent;
-                        var attributeMap = this.schema.getAllElementsByTagName('xs:attribute');
-                        for (var i=0; i<attributeMap.length; i++)
-                        {
-                            var attributeName = attributeMap[i].getAttribute('name') || attributeMap[i].getAttribute('ref');
-                            var projectAttr = xml.getAttribute(attributeName);
-                            projectAttr = parent.parent.processAttribute(projectAttr,attributeMap[i],parent.parent.schema);
-                            switch(typeof projectAttr)
-                            {
-                            case "number":
-                            case "boolean":
-                                eval('this.'+attributeName+' = '+projectAttr);
-                                break;
-                            case "string":
-                                eval('this.'+attributeName+' = "'+projectAttr+'"');
-                                break;
-                            }
-                        }
-
-                    };
-                    this.encode = function(root)
-                    {
-                        var AENode = root.createElement("audioelement");
-                        var attributes = this.schema.getAllElementsByTagName('xs:attribute');
-                        for (var i=0; i<attributes.length; i++)
-                        {
-                            var name = attributes[i].getAttribute("name");
-                            if (name == undefined) {
-                                name = attributes[i].getAttribute("ref");
-                            }
-                            if(eval("this."+name+" != undefined") || attributes[i].getAttribute("use") == "required")
-                            {
-                                eval("AENode.setAttribute('"+name+"',this."+name+")");
-                            }
-                        }
-                        return AENode;
-                    };
-                };
-            };
-        }
-
     </script>
     <script src="../jquery-2.1.4.js"></script>
-    <script type="text/javascript" src="test_core.js"/>
-    <script type="text/javascript">
-        
-    </script>
+    <script type="text/javascript" src='../specification.js'></script>
+    <script type="text/javascript" src="test_core.js"></script>
 </head>
 <body>
     <div id="popupHolder"></div>