T3ResizableConsole のソースコード

T3ResizableConsole

Makes TYPO3's debug console resizable.

2022/07/15のページです。最新版はこちら

作者のサイトでサポートを受ける。または、このスクリプトの質問や評価の投稿はこちら、通報はこちらへお寄せください

右端で折り返す

// @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          TheLastZombie/userscripts
// @version            1.0.11
// @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://codeberg.org/sun/userscripts
// @supportURL         https://codeberg.org/sun/userscripts/issues/new
// @contributionURL    https://ko-fi.com/rcrsch
// @contributionAmount €1.00
// @author             TheLastZombie <[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://codeberg.org/sun/userscripts/raw/branch/main/icons/T3ResizableConsole.png
// @copyright          2020-2022, TheLastZombie (https://eric.jetzt/)
// @license            MIT; https://codeberg.org/sun/userscripts/src/branch/main/LICENSE
// ==/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