forked from Simnation/Main
35 lines
951 B
JavaScript
35 lines
951 B
JavaScript
|
window.addEventListener('message', function(event){
|
||
|
|
const progressBarContainer = document.querySelector('.progress-bar__container');
|
||
|
|
const progressBar = document.querySelector('.progress-bar');
|
||
|
|
const progressBarText = document.querySelector('.progress-bar__text');
|
||
|
|
|
||
|
|
let data = event.data;
|
||
|
|
let endState = 100;
|
||
|
|
|
||
|
|
$('#task').text(data.task);
|
||
|
|
|
||
|
|
if(event.data.Type == "showBar")
|
||
|
|
{
|
||
|
|
$(".barcontainer").css("visibility","visible");
|
||
|
|
|
||
|
|
if(event.data.time >= endState){
|
||
|
|
gsap.to(progressBar, {
|
||
|
|
x: `${event.data.time}%`,
|
||
|
|
backgroundColor: event.data.color,
|
||
|
|
});
|
||
|
|
}else{
|
||
|
|
gsap.to(progressBar, {
|
||
|
|
x: `${event.data.time}%`,
|
||
|
|
backgroundColor: event.data.color,
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
}
|
||
|
|
else if(event.data.Type == "hideBar")
|
||
|
|
{
|
||
|
|
$(".barcontainer").css("visibility","hidden");
|
||
|
|
gsap.to(progressBar, {
|
||
|
|
x: `0%`
|
||
|
|
});
|
||
|
|
}
|
||
|
|
});
|