twreporter-redux/lib/utils/image-processor.js

redux actions and reducers for twreporter website

'use strict';

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.getImageSrcSet = undefined;

var _get = require('lodash/get');

var _get2 = _interopRequireDefault(_get);

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

var screenSize = {
  smallScreenMinWidth: 480,
  smallScreenMaxWidth: 768,
  mediumScreenMaxWidth: 992,
  mediumScreenMinWidth: 769,
  largeScreenMinWidth: 993

  /**
   * Get image set as imgSrc attribute of <img> tag
   * @param {object} imgObj - Image object
   * @param {object} imgObj.desktop
   * @param {object} imgObj.tablet
   * @param {object} imgObj.mobile
   * @param {string} imgObj.desktop.url
   * @param {string} imgObj.tablet.url
   * @param {string} imgObj.mobile.url
   * @return {string} srcSet
   */
};var getImageSrcSet = exports.getImageSrcSet = function getImageSrcSet(imgObj) {
  if (!imgObj) {
    return undefined;
  }
  var desktopSrc = (0, _get2.default)(imgObj, 'resized_targets.desktop.url');
  var tabletSrc = (0, _get2.default)(imgObj, 'resized_targets.tablet.url');
  var mobileSrc = (0, _get2.default)(imgObj, 'resized_targets.mobile.url');
  return mobileSrc + ' ' + screenSize.smallScreenMinWidth + 'w, ' + tabletSrc + ' ' + screenSize.mediumScreenMinWidth + 'w, ' + desktopSrc + ' ' + screenSize.largeScreenMinWidth + 'w';
};