let => const

pull/1/head
LianaHus 5 years ago
parent ad2485533c
commit e258441463
  1. 14
      src/lib/panels-resize.js
  2. 2
      test-browser/commands/checkTerminalFilter.js

@ -23,18 +23,14 @@ const css = csjs`
export default class PanelsResize { export default class PanelsResize {
constructor (panel) { constructor (panel) {
this.panel = panel this.panel = panel
let self = this
const string = panel.style.minWidth const string = panel.style.minWidth
this.minWidth = string.length > 2 ? parseInt(string.substring(0, string.length - 2)) : 0 this.minWidth = string.length > 2 ? parseInt(string.substring(0, string.length - 2)) : 0
window.addEventListener('resize', function (event) {
self.setPosition(event)
})
} }
render () { render () {
this.ghostbar = yo`<div class=${css.ghostbar}></div>` this.ghostbar = yo`<div class=${css.ghostbar}></div>`
let mousedown = (event) => { const mousedown = (event) => {
event.preventDefault() event.preventDefault()
if (event.which === 1) { if (event.which === 1) {
moveGhostbar(event) moveGhostbar(event)
@ -45,7 +41,7 @@ export default class PanelsResize {
} }
} }
let cancelGhostbar = (event) => { const cancelGhostbar = (event) => {
if (event.keyCode === 27) { if (event.keyCode === 27) {
document.body.removeChild(this.ghostbar) document.body.removeChild(this.ghostbar)
document.removeEventListener('mousemove', moveGhostbar) document.removeEventListener('mousemove', moveGhostbar)
@ -54,11 +50,11 @@ export default class PanelsResize {
} }
} }
let moveGhostbar = (event) => { const moveGhostbar = (event) => {
this.ghostbar.style.left = event.x + 'px' this.ghostbar.style.left = event.x + 'px'
} }
let removeGhostbar = (event) => { const removeGhostbar = (event) => {
document.body.removeChild(this.ghostbar) document.body.removeChild(this.ghostbar)
document.removeEventListener('mousemove', moveGhostbar) document.removeEventListener('mousemove', moveGhostbar)
document.removeEventListener('mouseup', removeGhostbar) document.removeEventListener('mouseup', removeGhostbar)
@ -74,7 +70,7 @@ export default class PanelsResize {
} }
setPosition (event) { setPosition (event) {
let panelWidth = this.calculatePanelWidth(event) const panelWidth = this.calculatePanelWidth(event)
// close the panel if the width is less than a minWidth // close the panel if the width is less than a minWidth
if (panelWidth > this.minWidth - 10 || this.panel.style.display === 'none') { if (panelWidth > this.minWidth - 10 || this.panel.style.display === 'none') {
this.panel.style.width = panelWidth + 'px' this.panel.style.width = panelWidth + 'px'

@ -17,7 +17,7 @@ function checkFilter (browser, filter, test, done) {
done() done()
return return
} }
var filterClass = '#main-panel div[class^="search"] input[class^="filter"]' const filterClass = '#main-panel div[class^="search"] input[class^="filter"]'
browser.setValue(filterClass, filter, function () { browser.setValue(filterClass, filter, function () {
browser.execute(function () { browser.execute(function () {
return document.querySelector('#main-panel div[class^="journal"]').innerHTML === test return document.querySelector('#main-panel div[class^="journal"]').innerHTML === test

Loading…
Cancel
Save