plasma-banner-scripts
Version:
<!-- Generated by documentation.js. Update this documentation by updating the source code. -->
173 lines (144 loc) • 7.15 kB
HTML
<html lang="en">
<head>
<meta charset="utf-8">
<title>JSDoc: Source: initiators/ui/banner.js</title>
<script src="scripts/prettify/prettify.js"> </script>
<script src="scripts/prettify/lang-css.js"> </script>
<!--[if lt IE 9]>
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<link type="text/css" rel="stylesheet" href="styles/prettify-tomorrow.css">
<link type="text/css" rel="stylesheet" href="styles/jsdoc-default.css">
</head>
<body>
<div id="main">
<h1 class="page-title">Source: initiators/ui/banner.js</h1>
<section>
<article>
<pre class="prettyprint source linenums"><code>import Cookie from 'js-cookie';
import DomService from '../domService';
import EventManager from '../eventManager';
/**
* @memberof Initiators/UI
* @constructor UiBanner
* @param {Object} args - all arguments
* @example
* const uiBanner = new UiBanner({});
*/
export default class UiBanner {
args = null;
constructor(args) {
this.args = args;
this.bannerAnimationBlocks = DomService.get('.PlasmaPromotion--animationJs');
this.bannerCloseButton = DomService.get('.PlasmaPromotion__closeButtonJs');
this.bannerWrapper = DomService.get('.PlasmaPromotion__wrapperJs');
this.bannerButton = DomService.get('.PlasmaPromotion__actionButtonJs');
}
/**
* @method UiBanner#run
* @memberof Initiators/UI
* @description run banner function
* @param {Object} tagManager manager for dataLayer variable
* @example
* const uiBanner = new UiBanner({});
* uiBanner.run();
*/
run = (tagManager) => {
const bannerFlag = Cookie.get(`promotionBanner_${this.args.id}_closed`);
const popupFlag = Cookie.get(`promotionPopup_${this.args.id}_closed`);
this.tagManager = tagManager;
if (this.args.startDate !== 'none' && this.args.currentDateS >= this.args.endDateS) return;
if (this.args.startDate !== 'none' && this.args.currentDateS < this.args.startDateS) return;
if (parseInt(bannerFlag, 10) === 1) return;
if (DomService.get(`#${this.args.popupId}`) !== null && parseInt(popupFlag, 10) !== 1) return;
if (this.args.isSticky) {
DomService.addClass(this.bannerWrapper, ['PlasmaPromotion__wrapperSticky']);
}
DomService.addClass(this.bannerWrapper, ['PlasmaPromotion__wrapperSticky']);
let link = this.bannerButton;
if (this.args.isLink || document.documentElement.clientWidth < 1024) {
const elementA = document.createElement('a');
elementA.setAttribute('href', this.args.href);
elementA.className = 'PlasmaPromotion__wrapperLinkJs PlasmaPromotion__wrapperLink';
elementA.setAttribute('target', this.args.targetBlank ? '_blank' : '');
DomService.prepend(this.bannerWrapper, elementA);
link = DomService.get('.PlasmaPromotion__wrapperLinkJs');
} else {
DomService.attr(this.bannerButton, 'href', this.args.href);
if (this.args.targetBlank) DomService.attr(this.bannerButton, 'target', '_blank');
}
if (link !== null) {
link.addEventListener('click', this.tagManager.onClickBanner);
}
this.showBanner();
const autoHideBanner = setInterval(() => {
const time = new Date().getTime();
if (this.args.endDateMs <= time && this.args.startDateMs >= time) {
this.hideBanner();
clearInterval(autoHideBanner);
}
}, 1000);
};
/**
* @method UiBanner#showBanner
* @memberof Initiators/UI
* @description show banner function
* @example
* const uiBanner = new UiBanner({});
* uiBanner.showBanner();
*/
showBanner = () => {
EventManager.dispatch({
eventName: 'PlasmaBannerScripts.BeforeShowBanner',
});
DomService.removeClass(this.bannerAnimationBlocks, ['PlasmaPromotion--moveUp']);
DomService.addClass(this.bannerAnimationBlocks, ['PlasmaPromotion--moveDown']);
if (this.bannerCloseButton !== null) {
this.bannerCloseButton.addEventListener('click', this.hideBanner.bind(this));
}
this.tagManager.onShowBanner();
EventManager.dispatch({
eventName: 'PlasmaBannerScripts.AfterShowBanner',
});
};
/**
* @method UiBanner#hideBanner
* @memberof Initiators/UI
* @description hide banner function
* @example
* const uiBanner = new UiBanner({});
* uiBanner.hideBanner();
*/
hideBanner = () => {
EventManager.dispatch({
eventName: 'PlasmaBannerScripts.BeforeHideBanner',
});
const expires = this.args.closeCookieLifeTime !== '-1'
? parseInt(this.args.closeCookieLifeTime, 10)
: Math.ceil((this.args.endDateS - this.args.currentDateS) / 3600 / 24);
Cookie.set(`promotionBanner_${this.args.id}_closed`, '1', {
expires,
});
DomService.removeClass(this.bannerAnimationBlocks, ['PlasmaPromotion--moveDown']);
DomService.addClass(this.bannerAnimationBlocks, ['PlasmaPromotion--moveUp']);
EventManager.dispatch({
eventName: 'PlasmaBannerScripts.AfterHideBanner',
});
}
}
</code></pre>
</article>
</section>
</div>
<nav>
<h2><a href="index.html">Home</a></h2><h3>Classes</h3><ul><li><a href="Initiators.Promotion.html">Promotion</a></li><li><a href="Initiators_Analytics.TagManager.html">TagManager</a></li><li><a href="Initiators_FlipClock.FlipClockInitiator.html">FlipClockInitiator</a></li><li><a href="Initiators_UI.UiBanner.html">UiBanner</a></li><li><a href="Initiators_UI.UiPopup.html">UiPopup</a></li><li><a href="Utils.Parameters.html">Parameters</a></li></ul><h3>Namespaces</h3><ul><li><a href="Initiators.html">Initiators</a></li><li><a href="Initiators_Analytics.html">Initiators/Analytics</a></li><li><a href="Initiators_FlipClock.html">Initiators/FlipClock</a></li><li><a href="Initiators_FlipClock_Faces.html">Initiators/FlipClock/Faces</a></li><li><a href="Initiators_FlipClock_Language.html">Initiators/FlipClock/Language</a></li><li><a href="Initiators_UI.html">Initiators/UI</a></li><li><a href="Main.html">Main</a></li><li><a href="Utils.html">Utils</a></li></ul><h3>Global</h3><ul><li><a href="global.html#addClass">addClass</a></li><li><a href="global.html#attr">attr</a></li><li><a href="global.html#data">data</a></li><li><a href="global.html#dispatch">dispatch</a></li><li><a href="global.html#get">get</a></li><li><a href="global.html#getAll">getAll</a></li><li><a href="global.html#hasClass">hasClass</a></li><li><a href="global.html#prepend">prepend</a></li><li><a href="global.html#removeAttribute">removeAttribute</a></li><li><a href="global.html#removeClass">removeClass</a></li></ul>
</nav>
<br class="clear">
<footer>
Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.5.5</a> on Tue Jun 18 2019 11:40:32 GMT+0300 (Eastern European Summer Time)
</footer>
<script> prettyPrint(); </script>
<script src="scripts/linenumber.js"> </script>
</body>
</html>