☰

Better Fullscreen AIFap

fullscreen for aifap

  1. // ==UserScript==
  2. // @name        Better Fullscreen AIFap
  3. // @include     *aifap.net/view/*
  4. // @run-at      document-start
  5. // @grant       GM_addStyle
  6. // @locale en
  7. // @description fullscreen for aifap
  8. // @version 0.0.1.20190111070049
  9. // @namespace https://greasyfork.org/users/31574
  10. // ==/UserScript==
  11. /*- The @grant directive is needed to work around a design change
  12.     introduced in GM 1.0.   It restores the sandbox.
  13. */
  14.  
  15. async function GM_main () {
  16.   
  17.     document.showing = false;
  18.   
  19.     function sleep(ms) {
  20.       return new Promise(resolve => setTimeout(resolve, ms));
  21.     }
  22.     
  23.     await sleep(2000); 
  24.   
  25.     var info = document.getElementsByClassName('AIF-PostInformation')[0];
  26.     var topBar = document.getElementsByClassName('AIF-MainHeader')[0];
  27.     var postViewer = document.getElementsByClassName('AIF-PostViewer')[0];
  28.     var image = document.getElementsByClassName('AIF-PostViewerImage')[0];
  29.     var content = document.getElementsByClassName('AIF-PostViewer__Content')[0];
  30.     
  31.     var FullScreenBtn = document.createElement("BUTTON");
  32.     FullScreenBtn.id = "fullscreen";
  33.     FullScreenBtn.textContent = "Fullscreen";
  34.     FullScreenBtn.onclick = function() {
  35.     // if already full screen; exit
  36.     // else go fullscreen
  37.     if (
  38.       document.fullscreenElement ||
  39.       document.webkitFullscreenElement ||
  40.       document.mozFullScreenElement ||
  41.       document.msFullscreenElement
  42.     ) {
  43.       if (document.exitFullscreen) {
  44.         document.exitFullscreen();
  45.         var cssStyle = document.createElement('style');
  46.         cssStyle.type = 'text/css';
  47.         var rules = document.createTextNode(".AIF-PostViewer__Content{height: 100%}");
  48.         cssStyle.appendChild(rules);
  49.         document.getElementsByTagName("head")[0].appendChild(cssStyle);
  50.       } 
  51.     } else {
  52.       if (postViewer.requestFullscreen) {
  53.         postViewer.requestFullscreen();
  54.          
  55.         var cssStyle = document.createElement('style');
  56.         cssStyle.type = 'text/css';
  57.         var rules = document.createTextNode(".AIF-PostViewer__Content{height: 100% !important}");
  58.         cssStyle.appendChild(rules);
  59.         document.getElementsByTagName("head")[0].appendChild(cssStyle);
  60.       } 
  61.     }
  62. }
  63.   
  64.     document.getElementsByClassName('AIF-MainHeader__Nav')[0].appendChild(FullScreenBtn);
  65.     
  66.     
  67. }
  68.  
  69. addJS_Node (null, null, GM_main);
  70.  
  71. function addJS_Node (text, s_URL, funcToRun, runOnLoad) {
  72.     var D                                   = document;
  73.     var scriptNode                          = D.createElement ('script');
  74.     if (runOnLoad) {
  75.         scriptNode.addEventListener ("load", runOnLoad, false);
  76.     }
  77.     scriptNode.type                         = "text/javascript";
  78.     if (text)       scriptNode.textContent  = text;
  79.     if (s_URL)      scriptNode.src          = s_URL;
  80.     if (funcToRun)  scriptNode.textContent  = '(' + funcToRun.toString() + ')()';
  81.  
  82.     var targ = D.getElementsByTagName ('head')[0] || D.body || D.documentElement;
  83.     targ.appendChild (scriptNode);
  84. }
  85.