check-direction.js

import checkPls from 'check-pls'
import ImagesLoaded from 'imagesLoaded'

/*
@parentSelectors = []
@selector = ''
@className = ''
*/

const checkDirection = (parentSelectors, selector, className) => {
  if (parentSelectors === undefined) return
  if (className === undefined) className = 'is-imagePortrait'
  if (selector === undefined) selector = 'img'

  Array.prototype.forEach.call(parentSelectors, (node) => {
    const el = document.querySelector(node).querySelectorAll(selector)
    ImagesLoaded(el, () => {
      Array.prototype.forEach.call(el, (node) => {
        const orientation = checkPls(node)
        if (orientation === 'portrait') {
          node.classList.add(className)
        }
      })
    })
  })
}

export default checkDirection

// Usage
// checkDirection(['.Entry-mainImage', '.Entry-content'], 'img', 'is-imagePortrait')