T3ResizableConsole

Makes TYPO3's debug console resizable.

اعتبارا من 02-02-2021. شاهد أحدث إصدار.

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-disable no-undef */

// ==UserScript==
// @name           T3ResizableConsole
// @namespace      https://github.com/TheLastZombie/
// @version        1.0.3
// @description    Makes TYPO3's debug console resizable.
// @description:de Erlaubt die Höhenänderung der TYPO3-Debug-Konsole.
// @homepageURL    https://github.com/TheLastZombie/userscripts#t3resizableconsole-
// @supportURL     https://github.com/TheLastZombie/userscripts/issues/new?labels=T3ResizableConsole
// @author         TheLastZombie
// @match          *://*/typo3/index.php*
// @grant          none
// @require        https://cdn.jsdelivr.net/npm/interactjs/dist/interact.min.js
// @icon           https://raw.githubusercontent.com/TheLastZombie/userscripts/master/icons/T3ResizableConsole.png
// @copyright      2020-2021, TheLastZombie (https://github.com/TheLastZombie/)
// @license        MIT; https://github.com/TheLastZombie/userscripts/blob/master/LICENSE
// ==/UserScript==

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

(function () {
  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