'; } if (!!banner.fields.image && Object.keys(banner.fields.image.fields.cloudinaryImageDefault).length) { var bannerImgDefault = banner.fields.image.fields.cloudinaryImageDefault[0].secure_url; } if (!!banner.fields.image.fields.cloudinaryImageDesktop) { var bannerImgDesktop = banner.fields.image.fields.cloudinaryImageDesktop[0].secure_url; } var defaultImgClass = ''; if (bannerImgDefault && bannerImgDesktop) { defaultImgClass = 'd-md-none'; } switch (displayType) { case 'Hero banner': { bannerElem.classList = 'hero-banner d-flex justify-content-sm-center mb-2'; bannerElem.innerHTML = ` `; break; } case 'Small banner': { bannerElem.classList = 'small-banner d-flex align-items-center justify-content-sm-center mb-2'; bannerElem.innerHTML = ` ${typeof banner.fields.title != 'undefined' ? '

' + banner.fields.title + '

' : ''} ${typeof bannerImgDefault != 'undefined' ? '' : ''} ${typeof bannerImgDesktop != 'undefined' ? '' : ''} `; break; } case 'Banner group': { bannerElem.classList = 'minibanner d-flex flex-column align-items-center'; bannerElem.innerHTML = ` ${typeof bannerImgDefault != 'undefined' ? '' : ''} ${typeof bannerImgDesktop != 'undefined' ? '' : ''}

${banner.fields.title}

${banner.fields.subtitle}

`; } } return bannerElem; } contentfulClient.getEntries({locale: 'fi-FI', content_type: 'contentRecommendation', 'fields.contentWidgetId': 'pikkubanneripaikka', include: 9}).then((entries) => { entries.items.forEach(item => { var isTargetSegment = true; if (typeof item.fields.frosmoSegments != 'undefined' && item.fields.frosmoSegments.length > 0) { isTargetSegment = false; item.fields.frosmoSegments.forEach(targetSegment => { Object.keys(userFrosmoSegments).forEach(key => { if (targetSegment == key) { isTargetSegment = true; } }); }); } if (isTargetSegment) { var displayType = item.fields.displayType; if (!!item.fields.styleSet) { if (typeof item.fields.styleSet.fields.backgroundColor != 'undefined') var bgColor = item.fields.styleSet.fields.backgroundColor; if (typeof item.fields.styleSet.fields.textColor != 'undefined') var txtColor = item.fields.styleSet.fields.textColor; } if (displayType == 'Banner group') { var bannerGroupWrapper = document.createElement('div'); bannerGroupWrapper.classList = 'banner-group-wrapper text-center p-3 mb-2'; if (!!item.fields.styleSet && typeof item.fields.styleSet.fields.backgroundColor != 'undefined') { bannerGroupWrapper.style.backgroundColor = item.fields.styleSet.fields.backgroundColor; } if (!!item.fields.title) { var groupTitle = document.createElement('h2'); groupTitle.innerText = item.fields.title; groupTitle.classList = 'bold py-2'; bannerGroupWrapper.appendChild(groupTitle); } var bannerGroup = document.createElement('div'); bannerGroup.classList = 'banner-group'; item.fields.banners.forEach(banner => { bannerGroup.appendChild(createBanner(displayType,banner)); }); bannerGroupWrapper.appendChild(bannerGroup); document.getElementById('cont_102452').appendChild(bannerGroupWrapper); } else if (displayType == 'Hero banner' || displayType == 'Small banner') { document.getElementById('cont_102452').appendChild(createBanner(displayType, item.fields.banners[0],bgColor,txtColor)); } } }); });