T3ResizableConsole

Makes TYPO3's debug console resizable.
2023-10-09 या दिनांकाला. सर्वात नवीन आवृत्ती पाहा.
Visit the author's site for support, ask a question, post a review, or report the script.
Wrap lines
// @license magnet:?xt=urn:btih:d3d9a9a6595521f9666a5e94cc830dab83b65699&dn=expat.txt MIT
/* eslint-env browser, greasemonkey */
/* jshint asi: true, esversion: 11 */
/* globals interact */

// ==UserScript==
// @name               T3ResizableConsole
// @name:de            T3ResizableConsole
// @name:en            T3ResizableConsole
// @namespace          sun/userscripts
// @version            1.0.16
// @description        Makes TYPO3's debug console resizable.
// @description:de     Erlaubt die Höhenänderung der TYPO3-Debug-Konsole.
// @description:en     Makes TYPO3's debug console resizable.
// @compatible         chrome
// @compatible         edge
// @compatible         firefox
// @compatible         opera
// @compatible         safari
// @homepageURL        https://forgejo.sny.sh/sun/userscripts
// @supportURL         https://forgejo.sny.sh/sun/userscripts/issues/new
// @contributionURL    https://liberapay.com/sun
// @contributionAmount €1.00
// @author             Sunny <[email protected]>
// @include            *://*/typo3/index.php*
// @match              *://*/typo3/index.php*
// @run-at             document-end
// @inject-into        auto
// @grant              none
// @noframes
// @require            https://cdn.jsdelivr.net/npm/[email protected]/dist/interact.min.js
// @icon               https://forgejo.sny.sh/sun/userscripts/raw/branch/main/icons/T3ResizableConsole.png
// @copyright          2020-present, Sunny (https://sny.sh/)
// @license            For Good Eyes Only; https://forgejo.sny.sh/sun/userscripts/src/branch/main/LICENSE.md
// ==/UserScript==

// ==OpenUserJS==
// @author             TheLastZombie
// ==/OpenUserJS==

(function () {
  "use strict";

  interact("#typo3-debug-console")
    .resizable({
      edges: {
        top: true,
      },
    })
    .on("resizemove", (event) => {
      document.querySelectorAll(".t3js-messages.messages")[0].style.height =
        event.rect.height - 77 + "px";
    })
    .on("resizestart", () => {
      document.querySelectorAll("#typo3-contentIframe")[0].style.pointerEvents =
        "none";
    })
    .on("resizeend", () => {
      document.querySelectorAll("#typo3-contentIframe")[0].style.pointerEvents =
        "initial";
    });

  // resizestart and resizeend events are required due to the iframe displayed above the console.
  // See https://github.com/taye/interact.js/issues/200 for details.
})();

// @license-end