// ==== Data ==== var mainCards = [{ url: "/docs", imageUrl: "https://storage.googleapis.com/readme-docs-prod/user-guide.svg", title: "User Guide", desc: "Find step-by-step guides to using the Leanplum dashboard." }, { url: "/reference", imageUrl: "https://storage.googleapis.com/readme-docs-prod/developer-guide.svg", title: "Developer Guide", desc: "Guides to integrating Leanplum with your app using Cocoapods (iOS), Gradle (Android), or manual setup." }]; var listCards = [{ allUrl: "/docs/re-engage-dormant-users", imageUrl: "https://storage.googleapis.com/readme-docs-prod/how-to.svg", title: "How to", links: [{ title: "How to re-engage dormant users", url: "/docs/re-engage-dormant-users" }, { title: "How to get more five-star app ratings", url: "/docs/get-more-five-star-app-ratings" }, { title: "How to reward your loyal customers", url: "/docs/how-to-reward-your-loyal-customers" }, { title: "How to delight users by recognizing achievements", url: "/docs/how-to-delight-users-by-recognizing-achievements" }, { title: "How to increase push notification opt-ins", url: "/docs/how-to-increase-push-notification-opt-ins" }] }, { allUrl: "/docs/campaigns-overview", imageUrl: "https://storage.googleapis.com/readme-docs-prod/technical-tutorials.svg", title: "Campaigns", links: [{ title: "Create a campaign", url: "/docs/create-a-campaign" }, { title: "Audience", url: "/docs/audience" }, { title: "Delivery Settings", url: "/docs/delivery" }, { title: "Personalization and Localization", url: "/docs/personalization-and-localization" }, { title: "Campaign Results", url: "/docs/results" }] }]; // ==== Helpers ==== function safeHas(obj, key) { return obj && Object.prototype.hasOwnProperty.call(obj, key); } function moveSearchHome() { if (typeof $ === "undefined") return; var $headerBottom = $('div[class*=Header-bottom]'); if ($headerBottom.length === 0) return; var hubSearch = $headerBottom.find('div[class*=Header-search]')[0]; if (!hubSearch) return; // hide original bottom bar $headerBottom.css('display', 'none'); // clone and append into landing header var clone = $(hubSearch).clone()[0]; if (!clone) return; clone.classList.add("search-main"); var $headerP = $('.rm-LandingPageHeader p'); if ($headerP.length === 0) return; var hubHeaderDescParent = $headerP.parent()[0]; if (!hubHeaderDescParent) return; hubHeaderDescParent.append(clone); // proxy clicks to original search toggle $(document).off('click.rmSearchProxy') .on('click.rmSearchProxy', '.rm-LandingPageHeader div[class*=Header-search]', function (e) { e.preventDefault(); e.stopPropagation(); var original = $('div[class*=Header-bottom] div[class*=Header-search]'); if (original.length) original.trigger('click'); }); $('.rm-SearchToggle-placeholder').attr('placeholder', 'Search Leanplum Docs'); } function setupPopularTopics() { if (typeof $ === "undefined") return; var $hdr = $('.rm-LandingPageHeader'); if ($hdr.length === 0) return; // prevent duplicates on repeated mounts if ($hdr.find('#popular-search').length) return; $hdr.append( '

' ); } function renderHomeCards() { if (typeof $ === "undefined") return; var $landing = $('.rm-LandingPage'); if ($landing.length === 0) return; var $tplMain = $('#card-main'); var $tplList = $('#card-list'); if ($tplMain.length === 0 || $tplList.length === 0) return; var templateCardMain = $tplMain.html(); var templateCardList = $tplList.html(); var row = $('

'); var secondRow = $('

'); // Mustache may not be present on every project var canRender = (typeof Mustache !== 'undefined' && Mustache && typeof Mustache.render === 'function'); if (canRender) { for (var i = 0; i < mainCards.length; i++) { var htmlA = Mustache.render(templateCardMain, mainCards[i]); row.append(htmlA); } for (var j = 0; j < listCards.length; j++) { var htmlB = Mustache.render(templateCardList, listCards[j]); secondRow.append(htmlB); } } // prevent duplicates if handler fires multiple times if ($landing.find('.row').length === 0) { $landing.append(row); $landing.append(secondRow); } } function applyBodyStateClasses() { var path = (typeof location !== 'undefined' && location.pathname) ? location.pathname : ''; if (typeof document === 'undefined' || !document.body) return; // clear all states first to avoid accumulation document.body.classList.remove('state-home', 'state-docs', 'state-reference', 'state-changelog'); if (path.indexOf('/reference') > -1) { document.body.classList.add('state-reference'); } else if (path.indexOf('/changelog') > -1) { document.body.classList.add('state-changelog'); } else if (path.indexOf('/docs') > -1 || path.indexOf('/search') > -1 || path.indexOf('/blog') > -1) { document.body.classList.add('state-docs'); } else { document.body.classList.add('state-home'); } } // ==== Page event handlers ==== // Upper handler that builds landing content $(window).on('pageLoad', function (e, state) { // guard against missing state if (!state || typeof state !== 'object') { // still ensure header bottom visible on non home states $('div[class*=Header-bottom]').css('display', 'block'); return; } try { var stateName = safeHas(state, 'name') ? state.name : null; if (stateName === 'home') { moveSearchHome(); setupPopularTopics(); renderHomeCards(); } else { $('div[class*=Header-bottom]').css('display', 'block'); } } catch (err) { console.warn('Landing blocks error', err); } }); // Lower handler that runs tracking and theme states (function (Leanplum, $) { $(window).on('pageLoad', function (e, state) { // Tracking with guards so it never breaks render try { if (typeof Utilities !== 'undefined' && Utilities) { if (typeof Utilities.lpInit === 'function') Utilities.lpInit(); if (state && typeof Utilities.lpTrackPageViews === 'function') Utilities.lpTrackPageViews(state); if (state && typeof Utilities.lpTrackViewsFromSidebar === 'function') Utilities.lpTrackViewsFromSidebar(state); if (typeof Utilities.lpTrackActiveSearch === 'function') Utilities.lpTrackActiveSearch(); if (typeof Utilities.lpTrackFullSearch === 'function') Utilities.lpTrackFullSearch(); if (typeof Utilities.setLoggedInUser === 'function') Utilities.setLoggedInUser(); } } catch (err) { console.warn('Leanplum tracking skipped', err); } // Theme state classes independent of tracking try { applyBodyStateClasses(); } catch (err2) { console.warn('applyBodyStateClasses error', err2); } }); }(typeof Leanplum !== 'undefined' ? Leanplum : {}, typeof jQuery !== 'undefined' ? jQuery : undefined));