FileMaster
Search
Toggle Dark Mode
Home
/
.
/
kiara
/
wp-content
/
plugins
/
premium-addons-for-elementor
/
assets
/
frontend
/
js
Edit File: premium-notifications.js
(function ($) { $(window).on('elementor/frontend/init', function () { var PremiumNotifications = elementorModules.frontend.handlers.Base.extend({ getDefaultSettings: function () { return { selectors: { user: '.fa-user', outerWrap: '.pa-recent-notification', iconWrap: '.pa-rec-not-icon-wrap', postsContainer: '.pa-rec-posts-container', number: '.pa-rec-not-number', closeButton: '.pa-rec-posts-close', metaSeparators: '.premium-blog-meta-separator', }, isHidden: true } }, getDefaultElements: function () { var selectors = this.getSettings('selectors'); return { $outerWrap: this.$element.find(selectors.outerWrap), $iconWrap: this.$element.find(selectors.iconWrap), $postsContainer: this.$element.find(selectors.postsContainer), $number: this.$element.find(selectors.number), $closeButton: this.$element.find(selectors.closeButton) } }, bindEvents: function () { this.removeMetaSeparators(); this.run(); }, removeMetaSeparators: function () { var selectors = this.getSettings('selectors'), $blogPost = this.$element.find('.premium-blog-post-outer-container'); var $metaSeparators = $blogPost.first().find(selectors.metaSeparators), $user = $blogPost.find(selectors.user); if (1 === $metaSeparators.length) { //If two meta only are enabled. One of them is author meta. if (!$user.length) { $blogPost.find(selectors.metaSeparators).remove(); } } else { if (!$user.length) { $blogPost.each(function (index, post) { $(post).find(selectors.metaSeparators).first().remove(); }); } } }, addIconForNoPosts: function () { var settings = this.getElementSettings(), iconWithNoPosts = settings.add_icon_with_no_posts, iconType = settings.icon_type, $iconWrap = this.elements.$iconWrap; if ('yes' === iconWithNoPosts) { if (iconType === 'image') { $($iconWrap[0].children[1]).css('display', 'block'); $($iconWrap[0].children[0]).css('display', 'none'); } else { $('.premium-notification-icon').css('display', 'none'); $('.premium-icon-with-no-post').css('display', 'block'); } } }, run: function () { var $iconWrap = this.elements.$iconWrap, $postsContainer = this.elements.$postsContainer, $closeButton = this.elements.$closeButton, $number = this.elements.$number, settings = this.getElementSettings(), isHidden = this.getSettings('isHidden'), _this = this, widgetID = this.$element.data('id'), computedStyle = getComputedStyle(this.$element[0]); var boxWidth = computedStyle.getPropertyValue('--pa-recent-posts-width'), direction = settings.posts_box_position, cookies = settings.cookies; if ('yes' === settings.add_icon_with_no_posts && $number.length === 0) { $($iconWrap[0].children[1]).css('display', 'none'); this.addIconForNoPosts(); } this.hideAnimationElements(); if (!boxWidth) boxWidth = '30vw' $postsContainer.css(direction, '-' + boxWidth); $postsContainer.removeClass('elementor-invisible'); $iconWrap.on('click', function () { if (isHidden) { _this.addIconForNoPosts(); if ('yes' === cookies) { var isSecured = (document.location.protocol === 'https:') ? 'secure' : '', recentPosts = _this.elements.$outerWrap.data('recent'); document.cookie = "cookieName=paRecentPosts" + widgetID + ";expires=Thu, 01 Jan 1970 00:00:00 UTC;"; document.cookie = "paRecentPosts" + widgetID + "=" + recentPosts + ";SameSite=Strict;" + isSecured; } //If other box is open, close it. var currentBoxID = widgetID; if (window.OpenedpostsBox && currentBoxID !== window.OpenedpostsBox) _this.$element.trigger('click'); $number.remove(); $('.pa-rec-posts-overlay').css('display', 'block').animate({ opacity: 1 }, 500); $postsContainer.animate({ [direction]: 0 }, 500, "swing", function () { _this.triggerAnimations(); _this.setSettings({ isHidden: false }); window.OpenedpostsBox = widgetID; }); } }); $closeButton.on('click', function () { _this.hideBox(boxWidth, direction); }) //When click outside, close all boxes. $("body").on("click", function (event) { var postsContent = ".pa-rec-posts-container, .pa-rec-posts-container *, .pa-rec-not-icon-wrap, .pa-rec-not-icon-wrap *, .premium-tabs-nav-list-item"; if (!$(event.target).is($(postsContent))) { _this.hideBox(boxWidth, direction); } }); }, hideBox: function (width, dir) { var $postsContainer = this.elements.$postsContainer, _this = this; $('.pa-rec-posts-overlay').animate({ opacity: 0 }, 500, function () { $('.pa-rec-posts-overlay').css('display', 'none') }); $postsContainer.animate({ [dir]: '-' + width }, 500, "swing", function () { _this.setSettings({ isHidden: true }); _this.removeAnimations(); }); }, triggerAnimations: function () { var $headerTitle = this.$element.find('.pa-rec-title'), $postsBox = this.$element.find('.pa-rec-posts-body'), settings = this.getElementSettings(); if (settings.header_animation) { $headerTitle.removeClass('elementor-invisible').addClass('animated ' + settings.header_animation).attr('data-e-animation', settings.header_animation); } if (settings.posts_animation && $postsBox.find('.premium-blog-post-outer-container').length > 0) { if ('yes' !== settings.posts_animation_individial) { $postsBox.removeClass('elementor-invisible').addClass('animated ' + settings.posts_animation).attr('data-e-animation', settings.posts_animation); } else { $postsBox = $postsBox.find('.premium-blog-post-outer-container'); var timeOut = 250; $postsBox.map(function (index, elem) { setTimeout(function () { $(elem).removeClass('elementor-invisible').addClass('animated ' + settings.posts_animation).attr('data-e-animation', settings.posts_animation); }, 0 == index ? 0 : timeOut); }) } } }, removeAnimations: function () { var $postsContainer = this.elements.$postsContainer; $postsContainer.find(".animated").each(function (index, elem) { var animation = $(elem).data('e-animation'); $(elem).removeClass("animated " + animation).addClass("elementor-invisible"); }); }, hideAnimationElements: function () { var $headerTitle = this.$element.find('.pa-rec-title'), $postsBox = this.$element.find('.pa-rec-posts-body'), settings = this.getElementSettings(); if ('yes' === settings.posts_animation_individial) { $postsBox = $postsBox.find('.premium-blog-post-outer-container'); } if (settings.header_animation) { $headerTitle.addClass('elementor-invisible'); } if (settings.posts_animation && this.$element.find('.premium-blog-post-outer-container').length > 0) { $postsBox.addClass('elementor-invisible'); } } }); elementorFrontend.elementsHandler.attachHandler('premium-notifications', PremiumNotifications); }); })(jQuery);
Save
Back