53 lines
1.5 KiB
JavaScript
53 lines
1.5 KiB
JavaScript
(function(){
|
|
|
|
var frame = document.createElement('iframe');
|
|
frame.src = 'https://fq8xc1yqvf0c.statuspage.io/embed/frame';
|
|
frame.style.position = 'fixed';
|
|
frame.style.border = 'none';
|
|
frame.style.boxShadow = '0 20px 32px -8px rgba(9,20,66,0.25)';
|
|
frame.style.zIndex = '9999';
|
|
frame.style.transition = 'left 1s ease, bottom 1s ease, right 1s ease';
|
|
|
|
var mobile;
|
|
if (mobile = screen.width < 450) {
|
|
frame.src += '?mobile=true';
|
|
frame.style.height = '20vh';
|
|
frame.style.width = '100vw';
|
|
frame.style.left = '-9999px';
|
|
frame.style.bottom = '-9999px';
|
|
frame.style.transition = 'bottom 1s ease';
|
|
} else {
|
|
frame.style.height = '115px';
|
|
frame.style.width = '320px';
|
|
frame.style.left = 'auto';
|
|
frame.style.right = '-9999px';
|
|
frame.style.bottom = 'calc(100% - 175px)';
|
|
}
|
|
|
|
document.body.appendChild(frame);
|
|
|
|
var actions = {
|
|
showFrame: function() {
|
|
if (mobile) {
|
|
frame.style.left = '0';
|
|
frame.style.bottom = '0';
|
|
}
|
|
else {
|
|
frame.style.left = 'auto';
|
|
frame.style.right = '60px'
|
|
}
|
|
},
|
|
dismissFrame: function(){
|
|
frame.style.left = '-9999px';
|
|
}
|
|
}
|
|
|
|
window.addEventListener('message', function(event){
|
|
if (event.data.action && actions.hasOwnProperty(event.data.action)) {
|
|
actions[event.data.action](event.data);
|
|
}
|
|
}, false);
|
|
|
|
window.statusEmbedTest = actions.showFrame;
|
|
})();
|