document.addEventListener("DOMContentLoaded", function(event) { const sourceCode = $('#sourcecode'); if (sourceCode.length) {

const codeSmall = $('#p3x-gitlist-file-small'); const codeBig = $('#p3x-gitlist-file-codemirror');

const createCodeMirror = () => { codeSmall.hide(); codeBig.show(); const mode = sourceCode.attr('language'); const pre = sourceCode.get(0);

const codeMirror = $('.CodeMirror'); const buttonScroll = $('#p3x-gitlist-file-button-scroll'); const buttonFull = $('#p3x-gitlist-file-button-full'); const codeMirrorHeight = 300;

const Cookies = require('js-cookie') const cookieName = 'p3x-gitlist-codemirror-size' const currentSizing = Cookies.get(cookieName) const cookieSettings = { path: '/', expires: 3650 } const setScroll = () => { buttonFull.removeClass('active') buttonScroll.addClass('active') codeMirror.css('height', codeMirrorHeight) gitlist.viewer.setSize(null, codeMirrorHeight); Cookies.set(cookieName, 'scroll', cookieSettings) } buttonScroll.click(setScroll)

const setFull = () => { buttonScroll.removeClass('active') buttonFull.addClass('active') codeMirror.css('height', 'auto') gitlist.viewer.setSize(null, '100%'); Cookies.set(cookieName, 'full', cookieSettings) }

buttonFull.click(setFull) gitlist.viewer = CodeMirror(function(elt) { pre.parentNode.replaceChild(elt, pre); }, { value: value, lineNumbers: true, matchBrackets: true, lineWrapping: true, readOnly: true, mode: mode, theme: window.gitlist.getActualThemeCodemirror(), }); if (currentSizing === 'full') { setFull() } else { setScroll() }

}

const value = sourceCode.text(); const maxSize = 64; const size = Math.ceil(value.length / 1024); if (size > maxSize) { codeBig.hide(); codeSmall.show(); const codeSmallButton = $('#p3x-gitlist-file-small-button'); const animate = 'animated bounce' let timeout; setTimeout(() => { $.snackbar({ htmlAllowed: true, content: ` The maximum auto parsed code size is ${maxSize} KB.<br/> This code is ${size} KB.<br/> To see the parsed code, click the <strong>Parse code</strong> button. `, timeout: 15000, }); let flag = true; timeout = setInterval(() => { if (flag) { codeSmall.removeClass(animate) } else { codeSmall.addClass(animate) } flag = !flag; }, 2000) codeSmall.addClass(animate) }, 250) codeSmallButton.click(() => { clearInterval(timeout) codeBig.show(); codeSmall.hide(); createCodeMirror(); })

} else {

createCodeMirror();

} } })