comparison js/core.js @ 2712:eece6007daa5

Finished #180

     this.lightbox.blanker.className = "testHalt";
     this.lightbox.blanker.id = "lightbox-blanker";
     document.getElementsByTagName("body")[0].appendChild(this.lightbox.root);
     document.getElementsByTagName("body")[0].appendChild(this.lightbox.blanker);
 
-    this.commentBoxes = new function () {
-        this.boxes = [];
-        this.injectPoint = null;
-        this.elementCommentBox = function (audioObject) {
+    this.commentBoxes = (function () {
+        var commentBoxes = {};
+        commentBoxes.boxes = [];
+        commentBoxes.injectPoint = null;
+        commentBoxes.elementCommentBox = function (audioObject) {
             var element = audioObject.specification;
             this.audioObject = audioObject;
             this.id = audioObject.id;
             var audioHolderObject = audioObject.specification.parent;
             // Create document objects to hold the comment boxes

                 this.trackComment.style.width = boxwidth + "px";
                 this.trackCommentBox.style.width = boxwidth - 6 + "px";
             };
             this.resize();
         };
-        this.createCommentBox = function (audioObject) {
+        commentBoxes.createCommentBox = function (audioObject) {
             var node = new this.elementCommentBox(audioObject);
             this.boxes.push(node);
             audioObject.commentDOM = node;
             return node;
         };
-        this.sortCommentBoxes = function () {
+        commentBoxes.sortCommentBoxes = function () {
             this.boxes.sort(function (a, b) {
                 return a.id - b.id;
             });
         };
 
-        this.showCommentBoxes = function (inject, sort) {
+        commentBoxes.showCommentBoxes = function (inject, sort) {
             this.injectPoint = inject;
             if (sort) {
                 this.sortCommentBoxes();
             }
             this.boxes.forEach(function (box) {
                 inject.appendChild(box.trackComment);
             });
         };
 
-        this.deleteCommentBoxes = function () {
+        commentBoxes.deleteCommentBoxes = function () {
             if (this.injectPoint !== null) {
                 this.boxes.forEach(function (box) {
                     this.injectPoint.removeChild(box.trackComment);
                 }, this);
                 this.injectPoint = null;
             }
             this.boxes = [];
         };
-    };
+        return commentBoxes;
+    })();
 
     this.commentQuestions = [];
 
     this.commentBox = function (commentQuestion) {
         this.specification = commentQuestion;

             this.outsideReferenceHolder.textContent = "Error";
             this.outsideReferenceHolder.style.backgroundColor = "#F00";
         };
     };
 
-    this.playhead = new function () {
-        this.object = document.createElement('div');
-        this.object.className = 'playhead';
-        this.object.align = 'left';
+    this.playhead = (function () {
+        var playhead ={};
+        playhead.object = document.createElement('div');
+        playhead.object.className = 'playhead';
+        playhead.object.align = 'left';
         var curTime = document.createElement('div');
         curTime.style.width = '50px';
-        this.curTimeSpan = document.createElement('span');
-        this.curTimeSpan.textContent = '00:00';
-        curTime.appendChild(this.curTimeSpan);
-        this.object.appendChild(curTime);
-        this.scrubberTrack = document.createElement('div');
-        this.scrubberTrack.className = 'playhead-scrub-track';
-
-        this.scrubberHead = document.createElement('div');
-        this.scrubberHead.id = 'playhead-scrubber';
-        this.scrubberTrack.appendChild(this.scrubberHead);
-        this.object.appendChild(this.scrubberTrack);
-
-        this.timePerPixel = 0;
-        this.maxTime = 0;
-
-        this.playbackObject = undefined;
-
-        this.setTimePerPixel = function (audioObject) {
+        playhead.curTimeSpan = document.createElement('span');
+        playhead.curTimeSpan.textContent = '00:00';
+        curTime.appendChild(playhead.curTimeSpan);
+        playhead.object.appendChild(curTime);
+        playhead.scrubberTrack = document.createElement('div');
+        playhead.scrubberTrack.className = 'playhead-scrub-track';
+
+        playhead.scrubberHead = document.createElement('div');
+        playhead.scrubberHead.id = 'playhead-scrubber';
+        playhead.scrubberTrack.appendChild(playhead.scrubberHead);
+        playhead.object.appendChild(playhead.scrubberTrack);
+
+        playhead.timePerPixel = 0;
+        playhead.maxTime = 0;
+
+        playhead.playbackObject = undefined;
+
+        playhead.setTimePerPixel = function (audioObject) {
             //maxTime must be in seconds
             this.playbackObject = audioObject;
             this.maxTime = audioObject.buffer.buffer.duration;
             var width = 490; //500 - 10, 5 each side of the tracker head
             this.timePerPixel = this.maxTime / 490;

             } else {
                 this.curTimeSpan.textContent = '00:00';
             }
         };
 
-        this.update = function () {
+        playhead.update = function () {
             // Update the playhead position, startPlay must be called
             if (this.timePerPixel > 0) {
                 var time = this.playbackObject.getCurrentPosition();
                 if (time > 0 && time < this.maxTime) {
                     var width = 490;

                     }
                 }
             }
         };
 
-        this.interval = undefined;
-
-        this.start = function () {
+        playhead.interval = undefined;
+
+        playhead.start = function () {
             if (this.playbackObject !== undefined && this.interval === undefined) {
                 if (this.maxTime < 60) {
                     this.interval = window.setInterval(function () {
                         interfaceContext.playhead.update();
                     }, 10);

                         interfaceContext.playhead.update();
                     }, 100);
                 }
             }
         };
-        this.stop = function () {
+        playhead.stop = function () {
             window.clearInterval(this.interval);
             this.interval = undefined;
             this.scrubberHead.style.left = '0px';
             if (this.maxTime < 60) {
                 this.curTimeSpan.textContent = '0.00';
             } else {
                 this.curTimeSpan.textContent = '00:00';
             }
         };
-    };
-
-    this.volume = new function () {
+        return playhead;
+    })();
+
+    this.volume = (function () {
         // An in-built volume module which can be viewed on page
         // Includes trackers on page-by-page data
         // Volume does NOT reset to 0dB on each page load
-        this.valueLin = 1.0;
-        this.valueDB = 0.0;
-        this.root = document.createElement('div');
-        this.root.id = 'master-volume-root';
-        this.object = document.createElement('div');
-        this.object.className = 'master-volume-holder-float';
-        this.object.appendChild(this.root);
-        this.slider = document.createElement('input');
-        this.slider.id = 'master-volume-control';
-        this.slider.type = 'range';
-        this.valueText = document.createElement('span');
-        this.valueText.id = 'master-volume-feedback';
-        this.valueText.textContent = '0dB';
-
-        this.slider.min = -60;
-        this.slider.max = 12;
-        this.slider.value = 0;
-        this.slider.step = 1;
-        this.handleEvent = function (event) {
+        var volume = {};
+        volume.valueLin = 1.0;
+        volume.valueDB = 0.0;
+        volume.root = document.createElement('div');
+        volume.root.id = 'master-volume-root';
+        volume.object = document.createElement('div');
+        volume.object.className = 'master-volume-holder-float';
+        volume.object.appendChild(volume.root);
+        volume.slider = document.createElement('input');
+        volume.slider.id = 'master-volume-control';
+        volume.slider.type = 'range';
+        volume.valueText = document.createElement('span');
+        volume.valueText.id = 'master-volume-feedback';
+        volume.valueText.textContent = '0dB';
+
+        volume.slider.min = -60;
+        volume.slider.max = 12;
+        volume.slider.value = 0;
+        volume.slider.step = 1;
+        volume.handleEvent = function (event) {
             if (event.type == "mousemove") {
                 this.valueDB = Number(this.slider.value);
                 this.valueLin = decibelToLinear(this.valueDB);
                 this.valueText.textContent = this.valueDB + 'dB';
                 audioEngineContext.outputGain.gain.value = this.valueLin;

 
             if (event.stopPropagation) {
                 event.stopPropagation();
             }
         };
-        this.onmouseup = function () {
+        volume.onmouseup = function () {
             var storePoint = testState.currentStore.XMLDOM.getElementsByTagName('metric')[0].getAllElementsByName('volumeTracker');
             if (storePoint.length === 0) {
                 storePoint = storage.document.createElement('metricresult');
                 storePoint.setAttribute('name', 'volumeTracker');
                 testState.currentStore.XMLDOM.getElementsByTagName('metric')[0].appendChild(storePoint);

             node.setAttribute('test-time', audioEngineContext.timer.getTestTime());
             node.setAttribute('volume', this.valueDB);
             node.setAttribute('format', 'dBFS');
             storePoint.appendChild(node);
         };
-        this.slider.addEventListener("mousemove", this);
-        this.root.addEventListener("mouseup", this);
+        volume.slider.addEventListener("mousemove", volume);
+        volume.root.addEventListener("mouseup", volume);
 
         var title = document.createElement('div');
         title.innerHTML = '<span>Master Volume Control</span>';
         title.style.fontSize = '0.75em';
         title.style.width = "100%";
         title.align = 'center';
-        this.root.appendChild(title);
-
-        this.root.appendChild(this.slider);
-        this.root.appendChild(this.valueText);
-
-        this.resize = function (event) {
+        volume.root.appendChild(title);
+
+        volume.root.appendChild(volume.slider);
+        volume.root.appendChild(volume.valueText);
+
+        volume.resize = function (event) {
             if (window.innerWidth < 1000) {
                 this.object.className = "master-volume-holder-inline";
             } else {
                 this.object.className = 'master-volume-holder-float';
             }
         };
-    };
+        return volume;
+    })();
 
     this.calibrationModuleObject = null;
     this.calibrationModule = function () {
         // This creates an on-page calibration module
         this.storeDOM = storage.document.createElement("calibration");

             var f0 = 62.5;
             this.holder = document.createElement("div");
             this.holder.className = "calibration-holder";
             this.calibrationNodes = [];
             while (f0 < 20000) {
+                /* jshint loopfunc: true */
                 var obj = {
                     root: document.createElement("div"),
                     input: document.createElement("input"),
                     oscillator: audioContext.createOscillator(),
                     gain: audioContext.createGain(),

         var range = audioEngineContext.audioObjects.reduce(function (a, b) {
             var v = b.interfaceDOM.getValue();
             return {
                 min: Math.min(a.min, v),
                 max: Math.max(a.max, v)
-            }
+            };
         }, {
             min: 100,
             max: 0
         });
         if (range.min > scales.min) {
             str += "At least one fragment must be below the " + range.min + " mark.";
             state = false;
-        } else if (range.max < sacles.max) {
+        } else if (range.max < scales.max) {
             str += "At least one fragment must be above the " + range.max + " mark.";
             state = false;
         }
         if (state === false) {
             console.log(str);