43 lines
1.6 KiB
JavaScript
43 lines
1.6 KiB
JavaScript
|
|
||
|
|
window.addEventListener('message', function(event) {
|
||
|
|
switch (event.data.action) {
|
||
|
|
case "display":
|
||
|
|
|
||
|
|
document.getElementById("display-container").classList.remove("fadeOut");
|
||
|
|
document.getElementById("display-container").classList.add("fadeIn");
|
||
|
|
|
||
|
|
switch(event.data.color) {
|
||
|
|
case "primary":
|
||
|
|
$("#display-container").css("background", "#0275d8");
|
||
|
|
break;
|
||
|
|
case "error":
|
||
|
|
$("#display-container").css("background", "#d9534f");
|
||
|
|
break;
|
||
|
|
case "success":
|
||
|
|
$("#display-container").css("background", "#5cb85c");
|
||
|
|
break;
|
||
|
|
case "warning":
|
||
|
|
$("#display-container").css("background", "#f0ad4e");
|
||
|
|
break;
|
||
|
|
case "info":
|
||
|
|
$("#display-container").css("background", "#5bc0de");
|
||
|
|
break;
|
||
|
|
case "mint":
|
||
|
|
$("#display-container").css("background", "#a1f8c7");
|
||
|
|
break;
|
||
|
|
}
|
||
|
|
document.getElementById("display-text").innerHTML = event.data.text;
|
||
|
|
break;
|
||
|
|
case "update":
|
||
|
|
document.getElementById("display-text").innerHTML = event.data.text;
|
||
|
|
break;
|
||
|
|
case "hide":
|
||
|
|
document.getElementById("display-container").classList.remove("fadeIn");
|
||
|
|
document.getElementById("display-container").classList.add("fadeOut");
|
||
|
|
break;
|
||
|
|
default:
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|