twreporter-redux
Version:
redux actions and reducers for twreporter website
40 lines (34 loc) • 1.35 kB
JavaScript
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';
};
;