shb-plus.js

(function() {
  function init() {
    var buttons = document.getElementById('software-buttons');
    if (!buttons) {
      console.log('Thatoo, no homebar found?');
      return;
    }

    // Clean up any old installs.
    var old = document.getElementById('show-windows-button');
    if (old) {
      old.remove();
    }
    old = document.getElementById('kill-window-button');
    if (old) {
      old.remove();
    }

    var showWindows = document.createElement('button');
    showWindows.id = 'show-windows-button';
    showWindows.textContent = '▢';
    showWindows.style.position = 'absolute';
    showWindows.style.right = '1rem';
    showWindows.style.top = 0;
    showWindows.style.height = '5rem';
    showWindows.style.width = '7rem';
    showWindows.style.backgroundColor = 'red';
    showWindows.style.zIndex = 99999999;
    showWindows.style.pointerEvents = 'all';
    showWindows.style.background = 'transparent';
    showWindows.style.border = 'none';
    showWindows.style.color = 'white';
    showWindows.style.fontSize = '3rem';
    showWindows.style.fontWeight = 'bold';
    showWindows.addEventListener('touchstart', function() {
      if (window.wrappedJSObject.appWindowManager.taskManager.isShown()) {
        window.wrappedJSObject.appWindowManager.taskManager.exitToApp();
      } else {
        window.dispatchEvent(new CustomEvent('taskmanagershow'));
      }
      if('vibrate' in navigator) {
      // ... vibrate for a second
      navigator.vibrate(50);}
    }, true);
    buttons.appendChild(showWindows);

    var kill = document.createElement('button');
    kill.id = 'kill-window-button';
    kill.textContent = 'x';
    kill.style.position = 'absolute';
    kill.style.left = '1rem';
    kill.style.top = 0;
    kill.style.height = '5rem';
    kill.style.width = '7rem';
    kill.style.backgroundColor = 'yellow';
    kill.style.zIndex = 99999999;
    kill.style.pointerEvents = 'all';
    kill.style.background = 'transparent';
    kill.style.border = 'none';
    kill.style.color = 'white';
    kill.style.fontSize = '3rem';
    kill.style.fontWeight = 'bold';
    kill.addEventListener('touchstart', function() {
      var oldApp = window.wrappedJSObject.StackManager.getCurrent();
      window.wrappedJSObject.SheetsTransition.begin('ltr');
      window.wrappedJSObject.SheetsTransition.snapBack(1);
      window.wrappedJSObject.StackManager.goPrev();
      oldApp.kill();
      if('vibrate' in navigator) {
      // ... vibrate for a second
      navigator.vibrate(50);}
    }, true);
    buttons.appendChild(kill);

    window.addEventListener('orientationchange', function(){
      //console.log("ORIENTATION CHANGED")
      if (window.screen.mozOrientation.includes('landscape')){
        kill.style.left = "-10px";
        kill.style.top = "";
        kill.style.bottom = "1.5rem";
        showWindows.style.right = "";
        showWindows.style.top = "1.5rem";
        showWindows.style.left = "-10px";
      } else {
        kill.style.left = "1rem";
        kill.style.top = "0";
        kill.style.bottom = "";
        showWindows.style.right = "1rem";
        showWindows.style.top = "0";
        showWindows.style.left = "";
      }
    })
  }

  // Make sure we have the homebar element before booting.
  if (document.getElementById('software-buttons')) {
    init();
  } else {
    window.addEventListener('mozContentEvent', function readyListener(e) {
      if (e.detail.type === 'system-message-listener-ready') {
        window.removeEventListener('mozContentEvent', readyListener);
        init();
      }
    });
  }

}());