diff options
| -rw-r--r-- | src/content/footer-line.css | 46 | ||||
| -rw-r--r-- | src/content/footer-line.js | 78 | 
2 files changed, 0 insertions, 124 deletions
| diff --git a/src/content/footer-line.css b/src/content/footer-line.css deleted file mode 100644 index 041776c..0000000 --- a/src/content/footer-line.css +++ /dev/null @@ -1,46 +0,0 @@ -.vimvixen-footerline { -  border-top: 1px solid gray; -  bottom: 0; -  box-sizing: border-box; -  font-family: monospace; -  font-size: 12px; -  left: 0; -  margin: 0; -  padding: 0; -  position: fixed; -  right: 0; -  z-index: 10000; -} - -.vimvixen-footerline-title { -  background-color: lightgray; -  font-weight: bold; -  margin: 0; -  padding: 0; -} - -.vimvixen-footerline-container-outer { -  background-color: white; -  position: relative; -} - -.vimvixen-footerline-container-outer:before { -  content: ':'; -  background-color: white; -  float: left; -  text-align: right; -  width: 12px; -} - -.vimvixen-footerline-container-inner { -  position: absolute; -  left: 12px; -  right: 0; -} - -.vimvixen-footerline-input { -  margin: 0; -  padding: 0; -  width: 100%; -  border: none; -} diff --git a/src/content/footer-line.js b/src/content/footer-line.js deleted file mode 100644 index fc1dc7b..0000000 --- a/src/content/footer-line.js +++ /dev/null @@ -1,78 +0,0 @@ -import './footer-line.css'; - -export default class FooterLine { -  constructor(doc, initial = '') { -    this.initUi(doc); - -    this.enteredCallback = () => {} -    this.promptChangeCallback = () => {} - -    this.input.addEventListener('blur', this.handleBlur.bind(this)); -    this.input.addEventListener('keydown', this.handleKeydown.bind(this)); -    this.input.addEventListener('keyup', this.handleKeyup.bind(this)); -    this.input.value = initial; -  } - -  initUi(doc) { -    this.title = doc.createElement('p'); -    this.title.className = 'vimvixen-footerline-title'; - -    let containerInner = doc.createElement('div'); -    containerInner.className = 'vimvixen-footerline-container-inner'; - -    let containerOuter = doc.createElement('div'); -    containerOuter.className = 'vimvixen-footerline-container-outer'; - -    this.input = doc.createElement('input'); -    this.input.className = 'vimvixen-footerline-input'; - -    this.wrapper = doc.createElement('div'); -    this.wrapper.className = 'vimvixen-footerline'; - -    containerOuter.append(containerInner); -    containerInner.append(this.input); -    this.wrapper.append(this.title); -    this.wrapper.append(containerOuter); -    doc.body.append(this.wrapper) -  } - -  focus() { -    this.input.focus(); -  } - -  remove() { -    this.wrapper.remove(); -  } - -  onPromptChange(callback) { -    this.promptChangeCallback = callback; -  } - -  onEntered(callback) { -    this.enteredCallback = callback; -  } - -  handleBlur() { -    this.remove(); -  } - -  handleKeydown(e) { -    this.prevValue = e.target.value; -    switch(e.keyCode) { -    case KeyboardEvent.DOM_VK_ESCAPE: -      this.remove(); -      break; -    case KeyboardEvent.DOM_VK_RETURN: -      this.enteredCallback(e); -      break; -    } -  } - -  handleKeyup(e) { -    if (e.target.value === this.prevValue) { -      return; -    } -    this.promptChangeCallback(e); -    this.prevValue = e.target.value; -  } -} | 
