methods/img.js

  1. import _config from './../lib/config'
  3. /**
  4.  * @method
  5.  * @memberof ecomUtils
  6.  * @name img
  7.  * @description Returns img object (with url and alt) from product body or pictures list.
  8.  * @param {object|array} product - Product body object or list of picture objects
  9.  * @param {string} [pictureId] - ObjectID of preferred picture to find in the list
  10.  * @param {string} [size=$ecomConfig.get('default_img_size')] - Preferred image size
  11.  * (generally `normal`) to find on picture object
  12.  * @returns {object|undefined}
  13.  *
  14.  * @example
  15.  * const product = { 'pictures': [ { 'small': { 'url': 'https://ecom.com/imgs/100px/64gb.jpg'}, 'big': { 'url': 'https://ecom.com/imgs/700px/64gb.jpg' }, '_id': '694890155127368133600000' }, { 'small': { 'url': 'https://ecom.com/imgs/100px/e-5-64gb.jpg' }, 'big': { 'url': 'https://ecom.com/imgs/700px/e-5-64gb.jpg' }, '_id': '694890155127368133600001' }, { 'small': { 'url': 'https://ecom.com/imgs/100px/5-64gb.jpg' }, 'big': { 'url': 'https://ecom.com/imgs/700px/5-64gb.jpg' }, '_id': '694890155127368133600002' } ], 'name': 'Smartphone Xiaomi' }
  16.  * const id = '694890155127368133600001'
  17.  * const size = 'big'
  18.  * ecomUtils.img(product, id, size)
  19.  * // => {url: 'https://ecom.com/imgs/700px/e-5-64gb.jpg'}
  20.  */
  21. const img = (product, pictureId, size) => {
  22.   if (!size) {
  23.     size = _config.get('default_img_size') || 'normal'
  24.   }
  25.   if (product) {
  26.     // product object has 'pictures'
  27.     // cart item object has 'picture'
  28.     let { pictures, picture } = product
  29.     if (!picture) {
  30.       if (!pictures) {
  31.         if (Array.isArray(product)) {
  32.           // received list of pictures ?
  33.           pictures = product
  34.         } else {
  35.           // received picture object ?
  36.           picture = product
  37.         }
  38.       }
  39.     }
  40.     if (Array.isArray(pictures)) {
  41.       // select one img object from product pictures
  42.       picture = (pictureId && pictures.filter(pic => pic._id === pictureId)[0]) || pictures[0]
  43.     }
  45.     let img
  46.     if (typeof picture === 'object' && picture !== null) {
  47.       img = picture[size]
  48.       if (!img) {
  49.         // try predefined any size
  50.         let sizes
  51.         switch (size) {
  52.           case 'small':
  53.             sizes = ['normal', 'big']
  54.             break
  55.           case 'normal':
  56.             sizes = ['big', 'zoom', 'small']
  57.             break
  58.           case 'big':
  59.             sizes = ['zoom', 'normal']
  60.             break
  61.           case 'zoom':
  62.             sizes = ['big']
  63.             break
  64.           default:
  65.             sizes = ['big', 'zoom', 'normal', 'small']
  66.         }
  67.         for (let i = 0; i < sizes.length; i++) {
  68.           const size = sizes[i]
  69.           if (picture[size]) {
  70.             return picture[size]
  71.           }
  72.         }
  73.         // last try with custom sizes
  74.         for (const size in picture) {
  75.           if (picture[size] && picture[size].url) {
  76.             return picture[size]
  77.           }
  78.         }
  79.       }
  80.     }
  81.     return img
  82.   }
  83.   return undefined
  84. }
  86. export default img