Mercurial > hg > webaudioevaluationtool
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]; |