videomail-client/src/js/wrappers/visuals/inside/recorder/recordNote.js

A wicked npm package to record videos directly in the browser, wohooo!

import h from 'hyperscript'
import hidden from 'hidden'

export default function (visuals) {
  let recordNoteElement

  this.build = function () {
    recordNoteElement = visuals.querySelector('.recordNote')

    if (!recordNoteElement) {
      recordNoteElement = h('p.recordNote')

      this.hide()

      visuals.appendChild(recordNoteElement)
    } else {
      this.hide()
    }
  }

  this.stop = function () {
    this.hide()
    recordNoteElement.classList.remove('near')
    recordNoteElement.classList.remove('nigh')
  }

  this.setNear = function () {
    recordNoteElement.classList.add('near')
  }

  this.setNigh = function () {
    recordNoteElement.classList.add('nigh')
  }

  this.hide = function () {
    hidden(recordNoteElement, true)
  }

  this.show = function () {
    hidden(recordNoteElement, false)
  }
}