comparison interfaces/mushra.js @ 2791:02d22f2875ca

Minor typos
author Nicholas Jillings <n.g.r.jillings@se14.qmul.ac.uk>
date Sat, 22 Apr 2017 17:59:44 +0100
parents cae61c5bbed1
children 1076ac62823f
comparison
equal deleted inserted replaced
2790:cae61c5bbed1 2791:02d22f2875ca
399 // MANDATORY FUNCTION 399 // MANDATORY FUNCTION
400 400
401 var outsideRef = document.getElementById('outside-reference'), 401 var outsideRef = document.getElementById('outside-reference'),
402 imageHeight = 0; 402 imageHeight = 0;
403 if (document.getElementById("imageController")) { 403 if (document.getElementById("imageController")) {
404 imgHeight = $(interfaceContext.imageHolder.root).height(); 404 imageHeight = $(interfaceContext.imageHolder.root).height();
405 } 405 }
406 if (outsideRef !== null) { 406 if (outsideRef !== null) {
407 outsideRef.style.left = (window.innerWidth - 120) / 2 + 'px'; 407 outsideRef.style.left = (window.innerWidth - 120) / 2 + 'px';
408 } 408 }
409 409
410 // Auto-align 410 // Auto-align
411 var numObj = document.getElementsByClassName('track-slider').length; 411 var numObj = document.getElementsByClassName('track-slider').length;
412 var totalWidth = (numObj - 1) * 150 + 100; 412 var totalWidth = (numObj - 1) * 150 + 100;
413 var diff = (window.innerWidth - totalWidth) / 2; 413 var diff = (window.innerWidth - totalWidth) / 2;
414 document.getElementById('slider').style.height = window.innerHeight - 180 - imgHeight + 'px'; 414 document.getElementById('slider').style.height = window.innerHeight - 180 - imageHeight + 'px';
415 if (diff <= 0) { 415 if (diff <= 0) {
416 diff = 0; 416 diff = 0;
417 } 417 }
418 document.getElementById('slider-holder').style.marginLeft = diff + 'px'; 418 document.getElementById('slider-holder').style.marginLeft = diff + 'px';
419 for (var i in audioEngineContext.audioObjects) { 419 for (var i in audioEngineContext.audioObjects) {
420 if (audioEngineContext.audioObjects[i].specification.type != 'outside-reference') { 420 if (audioEngineContext.audioObjects[i].specification.type != 'outside-reference') {
421 audioEngineContext.audioObjects[i].interfaceDOM.resize(event); 421 audioEngineContext.audioObjects[i].interfaceDOM.resize(event);
422 } 422 }
423 } 423 }
424 document.getElementById('scale-holder').style.marginLeft = (diff - 100) + 'px'; 424 document.getElementById('scale-holder').style.marginLeft = (diff - 100) + 'px';
425 document.getElementById('scale-text-holder').style.height = window.innerHeight - imgHeight - 194 + 'px'; 425 document.getElementById('scale-text-holder').style.height = window.innerHeight - imageHeight - 194 + 'px';
426 // Cheers edge for making me delete a canvas every resize. 426 // Cheers edge for making me delete a canvas every resize.
427 var canvas = document.getElementById('scale-canvas'); 427 var canvas = document.getElementById('scale-canvas');
428 var new_canvas = document.createElement("canvas"); 428 var new_canvas = document.createElement("canvas");
429 new_canvas.id = 'scale-canvas'; 429 new_canvas.id = 'scale-canvas';
430 canvas.parentElement.appendChild(new_canvas); 430 canvas.parentElement.appendChild(new_canvas);
431 canvas.parentElement.removeChild(canvas); 431 canvas.parentElement.removeChild(canvas);
432 new_canvas.width = totalWidth; 432 new_canvas.width = totalWidth;
433 new_canvas.height = window.innerHeight - 194 - imgHeight; 433 new_canvas.height = window.innerHeight - 194 - imageHeight;
434 drawScale(); 434 drawScale();
435 } 435 }
436 436
437 function drawScale() { 437 function drawScale() {
438 var interfaceObj = testState.currentStateMap.interfaces[0]; 438 var interfaceObj = testState.currentStateMap.interfaces[0];