From 821dc72868c9a010f070cd39c8602401aa63a6e8 Mon Sep 17 00:00:00 2001 From: Renzo Torr- <56176668+ritchse@users.noreply.github.com> Date: Fri, 4 Feb 2022 00:20:54 -0300 Subject: [PATCH] fix show/hide and add fontsize funcs --- frontend/src/editor/editor.js | 28 +++++++++++++++++----------- 1 file changed, 17 insertions(+), 11 deletions(-) diff --git a/frontend/src/editor/editor.js b/frontend/src/editor/editor.js index ebf06305..5b842063 100755 --- a/frontend/src/editor/editor.js +++ b/frontend/src/editor/editor.js @@ -10,9 +10,8 @@ const EventEmitter = require('nanobus') const keymaps = require('./keymaps.js') var Mutator = require('../randomizer/Mutator.js'); - var isShowing = true - +const DEFAULT_FONTSIZE = 18 module.exports = class Editor extends EventEmitter { constructor() { @@ -53,10 +52,7 @@ module.exports = class Editor extends EventEmitter { if (showCode === "false") { // console.log("not showing code") - var l = document.getElementsByClassName('CodeMirror-scroll')[0] - l.style.display = 'none' - // self.logElement.style.display = 'none' - isShowing = false + this.hide() } } @@ -73,27 +69,38 @@ module.exports = class Editor extends EventEmitter { } hide() { - var l = document.getElementsByClassName('CodeMirror-scroll')[0] + var l = document.getElementsByClassName('CodeMirror')[0] var m = document.getElementById('modal-header') // l.style.opacity = 0 // // this.logElement.style.opacity = 0 - // m.style.opacity = 0 l.style.display = 'none' m.style.display = 'none' this.isShowing = false } - + show() { - var l = document.getElementsByClassName('CodeMirror-scroll')[0] + var l = document.getElementsByClassName('CodeMirror')[0] var m = document.getElementById('modal-header') // l.style.opacity= 1 // m.style.opacity = 1 l.style.display = 'block' m.style.display = 'flex' // this.logElement.style.opacity = 1 + this.cm.refresh() this.isShowing = true } + setFontSize = function(sz){ + var l = document.getElementsByClassName('CodeMirror')[0] + l.style.fontSize = String(sz)+'px' + this.cm.refresh() + } + getFontSize = function(){ + var l = document.getElementsByClassName('CodeMirror')[0] + var sz = l.style.fontSize.replace('px','') + return sz ? Number(sz) : DEFAULT_FONTSIZE + } + toggle() { if (this.isShowing) { this.hide() @@ -117,7 +124,6 @@ module.exports = class Editor extends EventEmitter { setTimeout(() => marker.clear(), 300) } - getCurrentBlock() { // thanks to graham wakefield + gibber var editor = this.cm var pos = editor.getCursor()