IF TODAY IS YOUR BIRTHDAY
With Mars in the communications area of your chart on your birthday you will certainly talk the talk this year – but will you walk the walk as well? Make sure the targets you reach for are not so far away that you risk setting yourself up for failure.
ARIES (March 21 – April 20):
Once you get your teeth into something no force on Earth can keep you from devouring it. The danger now though is that you may be undecided about which of your many goals you should go for. Make a choice and then act quickly!
TAURUS (April 21 – May 21):
It won’t take much to set you off this weekend, but the planets warn if you lose your temper now you may regret it later on, so breathe deeply and count slowly to 10. Is it worth getting worked up about this particular issue? Probably not.
GEMINI (May 22 – June 21):
There are times when you have to be blunt, even if it means saying things you know will hurt people’s feelings. At some point this weekend you will be compelled to call it as you see it. Make a joke of it if you can – laughter always helps.
CANCER (June 22 – July 23):
You will have to work hard to stay on top of a situation that is beginning to race away from you. You could, of course, just ignore it and let it play itself out, but if things go badly you will be the one who gets the blame.
LEO (July 24 – Aug. 23):
Try not to get too excitable this weekend. It’s okay to be passionate, of course, but it’s not okay to get carried away and to let your feelings control your life completely. You will get a lot more done if you calm down a little bit.
VIRGO (Aug. 24 – Sept. 23):
Do something this weekend that you would usually avoid like the plague. If it’s something that gets your heart beating faster then overall it should be a good thing. You sometimes need to remind yourself what it feels like to be truly alive!
LIBRA (Sept. 24 – Oct. 23):
Don’t worry if you don’t have the right qualifications for a job that interests you – go for it anyway and impress people in positions of power with your energy and ideas. If you throw yourself in at the deep end you’ll soon learn how to swim.
SCORPIO (Oct. 24 – Nov. 22):
You will be in a forceful mood this weekend, the kind of mood that gets things done. You need to be aware, however, that your abrasive attitude toward those who don’t reach your high standards could turn would-be allies against you. Tone down your act.
SAGITTARIUS (Nov. 23 – Dec. 21):
By all means defend your beliefs over the next 48 hours but don’t declare war on people just because they have a different outlook on life. The world is a big enough place for all shades of opinion, so lighten up and enjoy the diversity.
CAPRICORN (Dec. 22 – Jan. 20):
You may be somewhat aggressive this weekend, which is fine so long as you channel that aggression into creative ends. It might help to do something of a physical nature too, such as a sport or an adventure activity. Challenge yourself on every level.
AQUARIUS (Jan. 21 – Feb. 19):
It’s okay to disagree with what others are doing but unless they are actually breaking the law it’s not okay to try to stop them. Would you be happy if they tried to prevent you from doing what you think is right? Let them get on with it.
PISCES (Feb. 20 – Mar. 20):
It’s important that you maintain a high profile this weekend. Make sure people in positions of authority know who you are and what you are capable of. Be a pushy Pisces for a change – it may not come naturally to you but it will get you noticed.
Discover more about yourself at sallybrompton.com
“
Save time by making it easy to scan all the latest stories on topics you follow in one place.
“,
“
“,
“
”
].join(“”);
var content2 = [
““,
“
“
Adding topics. Click on the + symbol to save the topic to your Following page.
“,
“
“,
“
(Step 1 of 3)
“,
“
“,
““,
““,
“
”
].join(“”);
var content3 = [
““,
“
“
Clicking on the topic’s name will bring you to a page where you can view all the articles that pertain to that topic.
“,
“
“,
“
(Step 2 of 3)
“,
“
“,
““,
““,
“
”
].join(“”);
var content4 = [
““,
“
“
“,“
Access your following topics by clicking on your display name. The number in your display name indicates the number of new articles you haven’t read from your following topics.
“,
“
“,
“
(Step 3 of 3)
“,
“
“,
““,
““,
“
”
].join(“”);
var contentMarkup = [content1, content2, content3, content4];
function createTourtip() {
var relatedTopics = document.querySelector(“#main-content-area .pb-f-topics-article-related .c-topic-group__body ul”);
var topicPageTitle = document.querySelector(“.o-primary-header–section .c-topic”);
// If the following topics buttons are present on the page, set up the tourtips
if (relatedTopics || topicPageTitle) {
var modifier = relatedTopics ? ‘darwin-arc6134–article’ : ‘darwin-arc6134–topic-page’
var dataAnalyticsClick = JSON.stringify({
testId: “arc6134”,
type: “button”,
feature: “topic tour tip”,
label: “show tooltip”
});
var el = relatedTopics ? document.createElement(“li”) : document.createElement(“div”);
el.classList.add(“darwin-arc6134”);
el.classList.add(modifier);
el.innerHTML = “
“+contentMarkup[0] + “
“;
relatedTopics ? relatedTopics.appendChild(el) : topicPageTitle.appendChild(el);
// Remove follow topics onboarding messages and activation tooltips
setTimeout(function() {
var onboardingMessages = document.querySelectorAll(“.c-topic-group__body .c-onboarding-message”);
var tooltips = document.querySelectorAll(“.c-topic-group__body .c-tooltip”);
console.log(“[ARC-6134]: onboardingMessages: “, onboardingMessages);
Array.from(onboardingMessages).forEach(function(el) {
el.parentNode.removeChild(el);
});
Array.from(tooltips).forEach(function(el) {
el.parentNode.removeChild(el);
});
}, 3000);
}
}
function analyticsPush(type, panel, action) {
if (type === “simple”) {
analyticsLayer.push({
“event”: “simpleEvent”,
“simpleEvent”: {
“testId”: “arc6134”,
“action”: “view tour slide”,
“label”: “slide “+panel
}
});
}
if (type === “click”) {
analyticsLayer.push({
“event”:”clickEvent”,
“clickEvent”: {
“testId”: “arc6134”,
“feature”: “topic tour tip”,
“type”: “button”,
“label”: action,
}
});
}
}
function tourtipActions() {
// Open tourtips
var container = document.querySelector(“.darwin-arc6134”);
var activateIcon = document.querySelector(“.js-tourtip-activate”);
var tourtipContainer = document.querySelector(“.darwin-arc6134__tourtip”);
activateIcon.addEventListener(“click”, function() {
if (!container.classList.contains(“darwin-arc6134–open”)) {
container.classList.add(“darwin-arc6134–open”);
tourtipContainer.removeAttribute(“hidden”);
keepInViewport();
localStorage.setItem(“tgam.tourtip_icon_clicked”, true);
analyticsPush(“click”, 1, “show tooltip”);
analyticsPush(“simple”, 1, “”);
}
});
// Advance tourtip panels
tourtipContainer.addEventListener(‘click’, function(e) {
var tourtipPanel = tourtipContainer.getAttribute(“data-panel”);
var activateIcon = document.querySelector(“.js-tourtip-activate”);
var el = e.target || e.srcElement;
var action = el.getAttribute(“data-action”);
if (action === “next”) {
tourtipPanel++;
analyticsPush(“simple”, tourtipPanel, action);
} else if (action === “prev”) {
tourtipPanel–;
analyticsPush(“simple”, tourtipPanel, action);
} else {
tourtipPanel = 1;
tourtipContainer.setAttribute(“hidden”, true);
container.classList.remove(“darwin-arc6134–open”);
tourtipContainer.classList.remove(“darwin-arc6134__tourtip–leftOut”);
tourtipContainer.classList.remove(“darwin-arc6134__tourtip–rightOut”);
activateIcon.classList.remove(“darwin-arc6134__tourtip–leftOut”);
activateIcon.classList.remove(“darwin-arc6134__tourtip–rightOut”);
tourtipContainer.classList.remove(“js-tourtip–centred”);
tourtipContainer.style.removeProperty(“left”);
}
analyticsPush(“click”, tourtipPanel, action);
tourtipPanel === 4 ? tourtipContainer.classList.add(“darwin-arc6134__tourtip–last-panel”) : tourtipContainer.classList.remove(“darwin-arc6134__tourtip–last-panel”);
tourtipContainer.innerHTML = contentMarkup[tourtipPanel-1];
tourtipContainer.dataset.panel = tourtipPanel;
});
}
function init() {
console.log(“[ARC-6134] init”);
var testIsEnabled = /token=arc6134/.test(window.location.search);
console.log(“ARC-6134 testIsEnabled: “, testIsEnabled);
var testGroup = userTestGroup();
if (testGroup === “variant” || testIsEnabled) {
setUnitState(“arc6134”, “variant”);
console.log(“[ARC-6134] test group: variant”);
createTourtip();
tourtipActions();
intersectTourtip();
}
if (testGroup === “control”) {
console.log(“[ARC-6134] test group: control”);
setUnitState(“arc6134”, “control”);
}
}
init();
}]);
}
window.tgam.darwin.tests.after.push(dwExecute_UXTestARC6134);
})();
Catch up on today’s news in one email
if (section !== ”) {
document.getElementsByClassName(‘c-article-body’)[0].className += ‘ newsletterpromo’;
var newNode = document.createElement(‘div’);
newNode.setAttribute(“id”, “newsletterpromo”);
var count = -1;
for (i = 0; i
‘ +
newsletterSection[section][i].name + ‘
‘ +
newsletterSection[section][i].duration + ‘
‘ +
newsletterSection[section][i].body +
‘
Signed up
‘;
count++;
}
}
newsletterContainer +=
‘
‘;
newsletterContainer = newsletterContainer.replace(/newslettercards/g, newsletterClass[count]);
newNode.innerHTML = newsletterContainer;
var relatedArticles = document.getElementsByClassName(“pb-f-related-articles”)[0];
relatedArticles.insertBefore(newNode, relatedArticles.childNodes[0]);
pushNewsletterPromoAnalytics(‘display’);
}
}
// Signup to newsletter
function newsletterSignup(newsletterKey, elementId) {
var darwinState = getDarwinState() || {};
var email = darwinState.cem1504.email || ”;
var endpoint = “https://gamservices” + (!window.tgam.env.isProd ? “.stg2” : “”) +
“.theglobeandmail.com/usermanagement/api/v3/user/newsletters/” + newsletterKey + “?email=” + encodeURIComponent(
email);
fetch(endpoint, {
method: “POST”,
credentials: “include”,
headers: {
“Content-Type”: “application/json;charset=UTF-8”,
Accept: “application/json”
}
})
.then(function (response) {
return response.json()
})
.then(function (responseData) {
//show signup success and hide signupbtn
document.getElementById(“newsletterpromo-success” + elementId).removeAttribute(“hidden”);
document.getElementById(“newsletterpromo-btn” + elementId).setAttribute(“hidden”, “hidden”);
pushNewsletterPromoAnalytics(‘signup’);
})
}
// get user’s email address
function getUserEmail() {
var endpoint = “https://gamservices” + (!window.tgam.env.isProd ? “.stg2” : “”) +
“.theglobeandmail.com/usermanagement/api/v3/user”;
fetch(endpoint, {
method: “GET”,
credentials: “include”,
})
.then(function (resp) {
return resp.json();
})
.then(function (data) {
setDarwinState(‘cem1504′, ’email’, data.user.email);
})
.catch(function (err) {
console.warn(“fetch error”);
})
}
// push analytics
function pushNewsletterPromoAnalytics(action) {
analyticsLayer.push({
“event”: “clickEvent”,
“clickEvent”: {
“testId”: “cem1504”,
“feature”: “newsletterpromo”,
“action”: action,
“type”: “test”,
“label”: action,
“variantName”: “experience”,
“segmentName”: “sub”
}
});
}
// render captcha
// function observeCaptcha() {
// // load site Recaptcha:
// var TEMP_SUBS_KEY = window.tgam.env.isProd ? ‘6Ldg98QUAAAAAGpmQUudHXpFoU7WiSPKU9HbntVX’ :
// ‘6LdcJ8IUAAAAAEf6RdHPe6PaIoGds9IbvsvTWmLO’;
// window.tgam.api.loadRecaptcha()
// .then(function () {
// window.tgam.api.executeCaptcha(“newsletter_signUp”)
// .then(function (response) {
// if (response === “invalid”) {
// console.log(“Fail”)
// } else if (response === “valid”) {
// getUserEmail();
// showArticleNewsletters();
// }
// });
// });
// // load subs domain Recaptcha:
// window.tgam.api.loadRecaptcha(TEMP_SUBS_KEY);
// }
”
].join(“”);
}
return template;
}
/**
* Generate a template for the label
* @param {String} label – the label text
* @returns {String}
*/
function displayLabel(label) {
var template = “”;
if (label === “opinion”) {
template = [
“
“,
” “, label, ““,
“
“,
].join(“”);
}
return template;
}
/**
* Display “Follow”, “Following” buttons
* @param {Object} tData
* @returns {String}
*/
function displayFollowingButton(tData) {
var topicName = tData.topicName;
var topicSlug = tData.topicSlug;
var topicType = tData.topicType;
var topicImg = tData.topicImg;
var isAuthor = topicType === “author”;
var authorImg = isAuthor && topicImg
? “”
: “”;
var template = isAuthor ? “/authors/” : “/topics/”;
var href = window.tgam.env.baseRootAbsoluteUrl + template + topicSlug;
var linkClasses = isAuthor ? “c-topic-link c-topic-link–author” : “c-topic-link”;
return [
” “,
].join(“”);
}
/**
* Generates story card markup
* @param {Object} article – to display
* @param {Object} topicData – (topicName, topicSlug, topicType, topicVariation, topicImg)
* @param {Boolean} addFollowButton
* @returns {String} story card markup
*/
function storyCard(article, topicData, addFollowButton) {
// console.info(“[ARC-7231] storyCard”, { article: article, topic: topicData });
if (!article || !topicData) {
return “”;
}
var tName = topicData.topicName;
var tType = topicData.topicType;
var tVariation = topicData.topicVariation;
var followingTopic;
var timeTemplate;
var analyticsModifier = tType + “: “;
if (addFollowButton) {
// Display a follow button beside the topic name
followingTopic = displayFollowingButton(topicData);
timeTemplate = displayDateTag(article);
}
var label = getLabel(article);
var image = getImage(article, label);
var labelTemplate = displayLabel(label);
var imageTemplate = displayImage(image);
var headline = article.headlines.basic;
var href = window.tgam.env.baseUrl + article.canonical_url;
var sophiId = article._id;
var dataAnalyticsClick = JSON.stringify({
type: “link”,
feature: “following feed”,
contentId: sophiId,
label: analyticsModifier + tName.toLowerCase() + “: ” + headline.toLowerCase(),
page: “sec:homepage:personalized feed:” + tVariation,
hierarchy: 1
});
var cardMarkup = “”;
if (!followingTopic) {
cardMarkup = [
““,
”
”
“,
” “, tName, ““,
”
“,
”
“,
” “, headline, ““,
”
“,
labelTemplate,
”
“,
”
“, imageTemplate, “
“,
“”
].join(“”);
} else {
cardMarkup = [
”
“,
followingTopic,
”
“,
” “,
”
”
“,
” “, headline, ““,
”
“,
” “,
”
“,
”
“, imageTemplate, “
“,
” “,
].join(“”);
}
return [
”
“,
cardMarkup,
”
“,
].join(“”);
}
/**
* Adds the overlay trigger dot class
* @param {String} type – “unread” or “no-follow”
*/
function addOverlayTriggerDot(type) {
overlayTriggerDotClasses.forEach(function fn(dotClass) {
if (dotClass === “c-your-globe__trigger–dot–” + type) {
overlayTrigger.classList.add(dotClass);
} else {
overlayTrigger.classList.remove(dotClass);
}
});
overlayTrigger.classList.add(“c-your-globe__trigger–dot”);
}
/**
* Removes the overlay trigger dot class
*/
function removeOverlayTriggerDot() {
overlayTriggerDotClasses.forEach(function fn(dotClass) {
overlayTrigger.classList.remove(dotClass);
});
overlayTrigger.classList.remove(“c-your-globe__trigger–dot”);
}
/**
* Returns a heading element to be displayed inside the overlay
* @param {String} text
* @returns {String}
*/
function overlayLabel(text) {
return “
” + text + “
“;
}
var overlayHeadingHasFollowed = (
overlayLabel(“The latest in topics and authors you follow”) +
“
”
);
var overlayHeadingNoFollowed = (
overlayLabel(“Get started: build your personal news feed”) +
“
”
);
var upToDateMessage = “
You’re up to date on your Following feed. Check again later for new stories.
“;
// ************************************************
// Parse API response and inject markup into overlay
// ************************************************
// Story card markup
/**
* Stories originally came from the following locations in the API response:
* – data.articles[i].items[i].topics
* – data.articles[i].items[i].authors
* @param {Array} stories
* @returns {String} story card markup
*/
function latestStoryCards(stories) {
console.info(“[ARC-7231] Display latest stories based on these stories:”, stories);
var storyCards = stories.map(function fn(story) {
// The “topics” and “authors” arrays will only contain one item
// (i.e. the topic or author that the user is following)
var topic;
var topicData;
if (story.topics && story.topics.length) {
// Normal topic
topic = story.topics[0];
topicData = {
topicName: topic.name,
topicSlug: topic.slug,
topicType: “topic”,
topicVariation: “following”
};
} else if (story.authors && story.authors.length) {
// Author topic
topic = story.authors[0];
// Only authors have images associated with them – normal topics do not
var authorImg = topic.metadata && topic.metadata.image ? topic.metadata.image : null;
topicData = {
topicName: topic.byline,
topicSlug: topic.slug,
topicType: “author”,
topicVariation: “following”,
topicImg: authorImg
};
}
// Don’t display a follow button beside the topic because the user is already following it
return storyCard(story, topicData, false);
}).join(“”);
return storyCards;
}
/**
* @param {Array} topics
* @param {String} variation – “recommended” or “trending” (used for the click tracking analytics)
* @returns {String} story card markup
*/
function recommendedTrendingStoryCards(topics, variation) {
var uniqueStories = generateUniqueStory(topics);
var storyCards = uniqueStories.map(function fn(topic) {
// Grab one article
var story = topic.items[0];
// Only authors have images associated with them – normal topics do not
var authorImg = topic.authorTopic && topic.authorMetadata && topic.authorMetadata.image
? topic.authorMetadata.image
: null;
// Normally we’d display all of the topics that are assigned to an article, but
// this API groups articles by topic, so we only have access to that one topic.
// Even if we could display additional topics, we wouldn’t want to becuase having
// multiple follow buttons would junk up the UI.
var topicData = {
topicName: topic.name,
topicSlug: topic.slug,
topicType: topic.authorTopic ? “author” : “topic”,
topicVariation: variation,
topicImg: authorImg
};
// Display the follow button beside the topic because we’re suggesting new topics to follow
return storyCard(story, topicData, true);
}).join(“”);
return storyCards;
}
/**
* Topics originally came from the following locations in the API response:
* – data.recommendedAuthors
* – data.recommendedTopics
* @param {Array} topics
* @returns {String} story card markup
*/
function recommendedStoryCards(topics) {
console.info(“[ARC-7231] Display recommended stories based on these topics:”, topics);
return recommendedTrendingStoryCards(topics, “recommended”);
}
/**
* Topics originally came from the following location in the API response:
* – data.trendingTopics
* @param {Array} topics
* @returns {String} story card markup
*/
function trendingStoryCards(topics) {
console.info(“[ARC-7231] Display trending stories based on these topics:”, topics);
return recommendedTrendingStoryCards(topics, “trending”);
}
// Markup inside the overlay
/**
* @param {Array} stories
* @returns {Object} markup for the overlay’s header and body content areas
*/
function showLatestStories(stories) {
console.info(“[ARC-7231] Scenario: latest stories”);
var storyCardsMarkup = latestStoryCards(stories);
return {
header: overlayHeadingHasFollowed,
body: storyCardsMarkup
};
}
/**
* @param {Array} topics
* @returns {Object} markup for the overlay’s header and body content areas
*/
function upToDateShowRecommended(topics) {
console.info(“[ARC-7231] Scenario: up to date, show recommended”);
var storyCardsMarkup = recommendedStoryCards(topics);
return {
header: overlayHeadingHasFollowed,
body: (
upToDateMessage +
overlayLabel(“Recommended for you”) +
storyCardsMarkup
)
};
}
/**
* @param {Array} topics
* @returns {Object} markup for the overlay’s header and body content areas
*/
function upToDateShowTrending(topics) {
console.info(“[ARC-7231] Scenario: up to date, show trending”);
var storyCardsMarkup = trendingStoryCards(topics);
return {
header: overlayHeadingHasFollowed,
body: (
upToDateMessage +
overlayLabel(“Trending topics to follow”) +
storyCardsMarkup
)
};
}
/**
* @param {Array} topics
* @returns {Object} markup for the overlay’s header and body content areas
*/
function notFollowingShowRecommended(topics) {
console.info(“[ARC-7231] Scenario: not following, show recommended”);
var storyCardsMarkup = recommendedStoryCards(topics);
return {
header: overlayHeadingNoFollowed,
body: (
overlayLabel(“Recommended for you”) +
storyCardsMarkup
)
};
}
/**
* @param {Array} topics
* @returns {Object} markup for the overlay’s header and body content areas
*/
function notFollowingShowTrending(topics) {
console.info(“[ARC-7231] Scenario: not following, show trending”);
var storyCardsMarkup = trendingStoryCards(topics);
return {
header: overlayHeadingNoFollowed,
body: (
overlayLabel(“Trending topics to follow”) +
storyCardsMarkup
)
};
}
/**
* Parse data from the personalized API and inject markup into the overlay
* @see https://confluence.theglobeandmail.com/display/ARC/Logic+for+Embedded+on+Homepage++and+Your+Globe+Overlay
* @param {Object} data – topic and story data provided by the API
* @param {String} hashId – user’s hash id
*/
function parsePerzonalizedTopicsData(data, hashId) {
console.info(“[ARC-7231] parsePerzonalizedTopicsData”, data);
var totalTopicsFollowed = data.totalTopicsFollowed || 0;
var totalAuthorsFollowed = data.totalAuthorsFollowed || 0;
var recommendedTopics = data.recommendedTopics || [];
var recommendedAuthors = data.recommendedAuthors || [];
var latestStories = data.articles || [];
var topics = [];
var stories = [];
var markup = “”;
if (totalTopicsFollowed || totalAuthorsFollowed) {
if (latestStories.length) {
// Scenario 1: “Latest stories”
// Count the number of stories returned (for logging/debugging purposes only)
var latestStoriesCount = latestStories.reduce(function _reduceStories(accumulator, date) {
var urls = date.items.map(function _mapStories(article) {
return article.canonical_url;
});
return accumulator.concat(urls);
}, []).length;
console.info(“[ARC-7231] latestStoryUrls (” + latestStoriesCount + “)”);
// Fetch the user’s reading history
// TODO: this API request will no longer be necessary when Data Science makes
// the “isRead” property functional (it’s currently “false” 100% of the time)
getReadingHistory(hashId).then(function _historyFetched(historyData) {
var readingHistoryUrls = historyData.map(function _mapHistory(item) {
return item.url;
});
console.info(“[ARC-7231] readingHistoryUrls (” + readingHistoryUrls.length + “)”);
var currentArticleUrl = window.tgam.meta.pagetype === “story” ? window.tgam.meta.urlRelative : null;
// Filter out stories that exist in the user’s reading history
var filteredStories = latestStories.map(function _mapDates(dateObj) {
var items = dateObj.items.filter(function _filterStories(article) {
var articleUrl = article.canonical_url;
var shouldRemove = readingHistoryUrls.includes(articleUrl) || article.isRead || articleUrl === currentArticleUrl;
if (shouldRemove) {
if (articleUrl === currentArticleUrl) {
console.info(“[ARC-7231] Currently reading this article, so removing: ” + articleUrl);
} else {
console.info(“[ARC-7231] Has already been read, so removing: ” + articleUrl);
}
}
return !shouldRemove;
});
return {
date: dateObj.date,
items: items
};
}, []);
stories = generateLatestStories(filteredStories);
markup = showLatestStories(stories);
var atLeastOneStoryIsNew = isLocalStorageSupported() ? checkNewStories(stories) : true;
if (atLeastOneStoryIsNew) {
// Display indicator only when there is a new story since the last time the user checked the feed
addOverlayTriggerDot(“unread”);
}
populateOverlay(markup, true);
});
} else {
if (recommendedTopics.length || recommendedAuthors.length) {
// Scenario 2: “Up to date, show recommended”
topics = recommendedAuthors.concat(recommendedTopics);
markup = upToDateShowRecommended(topics);
} else {
// Scenario 3: “Up to date, show trending”
topics = data.trendingTopics || [];
markup = upToDateShowTrending(topics);
}
populateOverlay(markup, true);
}
} else {
topics = recommendedAuthors.concat(recommendedTopics);
if (topics.length) {
// Scenario 4: “Not following, show recommended”
markup = notFollowingShowRecommended(topics);
} else {
// Scenario 5: “Not following, show trending”
topics = data.trendingTopics || [];
markup = notFollowingShowTrending(topics);
}
addOverlayTriggerDot(“no-follow”);
populateOverlay(markup, false);
}
}
/**
* Populate the overlay with content and activate the “following” functionality
* @param {String} markup – HTML markup
* @param {Boolean} headerBorder – whether to include a header border
*/
function populateOverlay(markup, headerBorder) {
var overlayHeader = qs(“.c-your-globe__overlay-header”);
var overlayHeaderText = qs(“.c-your-globe__overlay-header-text”);
var overlayBody = qs(“.c-your-globe__overlay-body”);
if (!overlayHeader || !overlayHeaderText || !overlayBody) {
return;
}
console.info(“[ARC-7231] Append markup”);
var spinner = qs(“.c-spinner”);
spinner && spinner.parentElement.removeChild(spinner);
overlayHeaderText.insertAdjacentHTML(“afterbegin”, markup.header);
overlayBody.insertAdjacentHTML(“afterbegin”, markup.body);
if (!headerBorder) {
overlayHeader.classList.add(“c-your-globe__overlay-header–no-border”);
}
addFollowingFunctionality();
}
// ************************************************
// API calls
// ************************************************
// Reading History API
/**
* Validate a response has an “ok” status, and is in the range 200-299 inclusive.
* @param {Response} response – to validate
* @returns {Promise