2018-04-06 16:06:55 +00:00
|
|
|
function SimUI(container, color){
|
|
|
|
|
|
|
|
var self = this;
|
|
|
|
self.container = container;
|
|
|
|
self.container.classList.add("sim_ui");
|
|
|
|
|
|
|
|
// START / NEXT
|
|
|
|
var startButton = document.createElement("div");
|
|
|
|
startButton.id = "start_button";
|
|
|
|
self.container.appendChild(startButton);
|
2018-04-18 15:25:41 +00:00
|
|
|
startButton.onclick = function(event){
|
2018-04-20 18:47:58 +00:00
|
|
|
publish("sound/button");
|
2018-04-06 16:06:55 +00:00
|
|
|
if(!Simulations.IS_RUNNING){
|
2018-04-18 15:25:41 +00:00
|
|
|
Simulations.IS_RUNNING = true;
|
2018-04-06 16:06:55 +00:00
|
|
|
publish("sim/start");
|
|
|
|
}else{
|
2018-04-18 15:25:41 +00:00
|
|
|
Simulations.IS_RUNNING = false;
|
|
|
|
publish("sim/stop");
|
2018-04-06 16:06:55 +00:00
|
|
|
}
|
|
|
|
};
|
2018-04-24 18:12:38 +00:00
|
|
|
_stopPropButton(startButton);
|
2018-04-06 16:06:55 +00:00
|
|
|
|
|
|
|
// Update button UI
|
|
|
|
var _updateButtonUI = function(){
|
|
|
|
if(!Simulations.IS_RUNNING){
|
|
|
|
startButton.innerHTML = getWords("sim_start");
|
|
|
|
self.container.removeAttribute("active");
|
|
|
|
}else{
|
2018-04-18 15:25:41 +00:00
|
|
|
startButton.innerHTML = getWords("sim_stop");
|
2018-04-06 16:06:55 +00:00
|
|
|
self.container.setAttribute("active",true);
|
|
|
|
}
|
|
|
|
};
|
|
|
|
_updateButtonUI();
|
|
|
|
|
2018-04-18 15:25:41 +00:00
|
|
|
var _handler1 = subscribe("sim/start",_updateButtonUI);
|
|
|
|
var _handler2 = subscribe("sim/stop",_updateButtonUI);
|
|
|
|
self.container.kill = function(){
|
|
|
|
unsubscribe(_handler1);
|
|
|
|
unsubscribe(_handler2);
|
|
|
|
};
|
|
|
|
|
|
|
|
|
2018-04-06 16:06:55 +00:00
|
|
|
}
|