https://status.pay.nl/embed/script.js

1(function(){
2
3    var frame = document.createElement('iframe');
4    frame.src = 'https://qvqb96s5y1zm.statuspage.io/embed/frame';
5    frame.style.position = 'fixed';
6    frame.style.border = 'none';
7    frame.style.boxShadow = '0 20px 32px -8px rgba(9,20,66,0.25)';
8    frame.style.zIndex = '9999';
9    frame.style.transition = 'left 1s ease, bottom 1s ease, right 1s ease';
10
11    frame.title = 'PAY. Status';
12    frame.ariaHidden = true;
13
14    var mobile;
15    if (mobile = screen.width < 450) {
16      frame.src += '?mobile=true';
17      frame.style.height = '20vh';
18      frame.style.width = '100vw';
19      frame.style.left = '-9999px';
20      frame.style.bottom = '-9999px';
21      frame.style.transition = 'bottom 1s ease';
22    } else {
23      frame.style.height = '115px';
24      frame.style.width = '320px';
25      frame.style.left = 'auto';
26      frame.style.right = '-9999px';
27      frame.style.bottom = 'calc(100% - 175px)';
28    }
29
30    document.body.appendChild(frame);
31
32    var actions = {
33      showFrame: function() {
34        frame.tabIndex = '0';
35        if (mobile) {
36          frame.style.left = '0';
37          frame.style.bottom = '0';
38        }
39        else {
40          frame.style.left = 'auto';
41          frame.style.right = '60px'
42        }
43      },
44      dismissFrame: function(){
45        frame.style.left = '-9999px';
46        frame.tabIndex = '-1';
47      }
48    }
49
50    window.addEventListener('message', function(event){
51      if (event.data.action && actions.hasOwnProperty(event.data.action)) {
52        actions[event.data.action](event.data);
53      }
54    }, false);
55
56    window.statusEmbedTest = actions.showFrame;
57})();