comparison test_create/test_core.js @ 505:cf55f9ee9446 Dev_main

Test create drag and drop active. Auto-builds on page HTML from specification.

             this.dragArea = document.createElement("div");
             this.dragArea.className = "drag-area";
             this.dragArea.id = "project-drop";
             this.content.appendChild(this.dragArea);
             
-            this.dragArea.addEventListener('dragenter',function(e){
+            this.dragArea.addEventListener('dragover',function(e){
                 e.stopPropagation();
                 e.preventDefault();
                 e.dataTransfer.dropEffect = 'copy';
                 e.currentTarget.className = "drag-area drag-over";
             });

             this.dragArea.addEventListener('drop',function(e){
                 e.stopPropagation();
                 e.preventDefault();
                 e.currentTarget.className = "drag-area drag-dropped";
                 var files = e.dataTransfer.files[0];
-                
+                var reader = new FileReader();
+                reader.onload = function(decoded) {
+                    var parse = new DOMParser();
+                    specification.decode(parse.parseFromString(decoded.target.result,'text/xml'));
+                    popupObject.hide();
+                    convert.convert(document.getElementById('content'));
+                }
+                reader.readAsText(files);
             });
             
 
             this.continue = function()
             {

             }
         }
         this.addPage.root.textContent = "Add Page";
         this.addPage.root.addEventListener("click",this.addPage,false);
         this.injectDOM.appendChild(this.addPage.root);
+        
+        // Build each page
+        for (var page of specification.pages)
+        {
+            var newPage = new this.pageNode(this,page);
+            this.injectDOM.appendChild(newPage.rootDOM);
+            this.pages.push(newPage);
+        }
     }
     
     this.interfaceNode = function(parent,rootObject)
     {
         this.rootDOM;

                 case "statement":
                     this.titleDOM.textContent = "Statement";
                     this.rootDOM.removeChild(this.attributeDOM);
                     break;
                 case "question":
+                    this.titleDOM.textContent = "Question";
                     var id = convert.convertAttributeToDOM(this.specification.id,specification.schema.getAllElementsByName("id")[0]);
-                    var mandatory = convert.convertAttributeToDOM(this.specification.mandatory,specification.schema.getAllElementsByName("id")[0]);
+                    var mandatory = convert.convertAttributeToDOM(this.specification.mandatory,specification.schema.getAllElementsByName("mandatory")[0]);
                     var boxsize = convert.convertAttributeToDOM(this.specification.mandatory,specification.schema.getAllElementsByName("boxsize")[0]);
+                    this.attributeDOM.appendChild(id.holder);
+                    this.attributes.push(id);
+                    this.attributeDOM.appendChild(mandatory.holder);
+                    this.attributes.push(mandatory);
+                    this.attributeDOM.appendChild(boxsize.holder);
+                    this.attributes.push(boxsize);
                     break;
+                case "checkbox":
+                    this.titleDOM.textContent = "Checkbox";
+                    var id = convert.convertAttributeToDOM(this.specification.id,specification.schema.getAllElementsByName("id")[0]);
+                    this.attributeDOM.appendChild(id.holder);
+                    this.attributes.push(id);
+                case "radio":
+                    this.titleDOM.textContent = "Radio";
+                    var id = convert.convertAttributeToDOM(this.specification.id,specification.schema.getAllElementsByName("id")[0]);
+                    this.attributeDOM.appendChild(id.holder);
+                    this.attributes.push(id);
             }
             
             this.editNode = {
                 root: document.createElement("button"),
                 parent: this,

             this.rootDOM.appendChild(this.childrenDOM);
             this.rootDOM.appendChild(this.buttonDOM);
             
         }
         
+        // Build the components
+        for (var elements of this.specification.audioElements)
+        {
+            var audioElementDOM = new this.audioElementNode(this,elements);
+            this.children.push(audioElementDOM);
+            this.childrenDOM.appendChild(audioElementDOM.rootDOM);
+        }
+        
         this.addInterface = {
             root: document.createElement("button"),
             parent: this,
             handleEvent: function() {
                 var InterfaceObj = new specification.interfaceNode();