// https://www.npmjs.com/package/autosize/v/5.0.1, with the global renamed to `textarea_autosize`.
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t():"function"==typeof define&&define.amd?define(t):(e||self).textarea_autosize=t()}(this,function(){var e,t,n="function"==typeof Map?new Map:(e=[],t=[],{has:function(t){return e.indexOf(t)>-1},get:function(n){return t[e.indexOf(n)]},set:function(n,o){-1===e.indexOf(n)&&(e.push(n),t.push(o))},delete:function(n){var o=e.indexOf(n);o>-1&&(e.splice(o,1),t.splice(o,1))}}),o=function(e){return new Event(e,{bubbles:!0})};try{new Event("test")}catch(e){o=function(e){var t=document.createEvent("Event");return t.initEvent(e,!0,!1),t}}function r(e){var t=n.get(e);t&&t.destroy()}function i(e){var t=n.get(e);t&&t.update()}var l=null;return"undefined"==typeof window||"function"!=typeof window.getComputedStyle?((l=function(e){return e}).destroy=function(e){return e},l.update=function(e){return e}):((l=function(e,t){return e&&Array.prototype.forEach.call(e.length?e:[e],function(e){return function(e){if(e&&e.nodeName&&"TEXTAREA"===e.nodeName&&!n.has(e)){var t,r=null,i=null,l=null,d=function(){e.clientWidth!==i&&c()},u=function(t){window.removeEventListener("resize",d,!1),e.removeEventListener("input",c,!1),e.removeEventListener("keyup",c,!1),e.removeEventListener("autosize:destroy",u,!1),e.removeEventListener("autosize:update",c,!1),Object.keys(t).forEach(function(n){e.style[n]=t[n]}),n.delete(e)}.bind(e,{height:e.style.height,resize:e.style.resize,overflowY:e.style.overflowY,overflowX:e.style.overflowX,wordWrap:e.style.wordWrap});e.addEventListener("autosize:destroy",u,!1),"onpropertychange"in e&&"oninput"in e&&e.addEventListener("keyup",c,!1),window.addEventListener("resize",d,!1),e.addEventListener("input",c,!1),e.addEventListener("autosize:update",c,!1),e.style.overflowX="hidden",e.style.wordWrap="break-word",n.set(e,{destroy:u,update:c}),"vertical"===(t=window.getComputedStyle(e,null)).resize?e.style.resize="none":"both"===t.resize&&(e.style.resize="horizontal"),r="content-box"===t.boxSizing?-(parseFloat(t.paddingTop)+parseFloat(t.paddingBottom)):parseFloat(t.borderTopWidth)+parseFloat(t.borderBottomWidth),isNaN(r)&&(r=0),c()}function a(t){var n=e.style.width;e.style.width="0px",e.style.width=n,e.style.overflowY=t}function s(){if(0!==e.scrollHeight){var t=function(e){for(var t=[];e&&e.parentNode&&e.parentNode instanceof Element;)e.parentNode.scrollTop&&t.push({node:e.parentNode,scrollTop:e.parentNode.scrollTop}),e=e.parentNode;return t}(e),n=document.documentElement&&document.documentElement.scrollTop;e.style.height="",e.style.height=e.scrollHeight+r+"px",i=e.clientWidth,t.forEach(function(e){e.node.scrollTop=e.scrollTop}),n&&(document.documentElement.scrollTop=n)}}function c(){s();var t=Math.round(parseFloat(e.style.height)),n=window.getComputedStyle(e,null),r="content-box"===n.boxSizing?Math.round(parseFloat(n.height)):e.offsetHeight;if(r (el.style[prop] = styles[prop]));
}
function getElementOffset(el) {
if (!el) {
return;
}
const rect = el.getBoundingClientRect();
return {
top: rect.top + window.pageYOffset,
left: rect.left + window.pageXOffset,
};
}
function getHeightWithMargins(el) {
if (!el) {
return 0;
}
const style = getComputedStyle(el);
return (
el.offsetHeight +
(parseInt(style.marginTop, 10) || 0) +
(parseInt(style.marginBottom, 10) || 0)
);
}
function getWidthWithMargins(el) {
if (!el) {
return 0;
}
const style = getComputedStyle(el);
return (
el.offsetWidth +
(parseInt(style.marginLeft, 10) || 0) +
(parseInt(style.marginRight, 10) || 0)
);
}
const prefersReducedMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches;
function animate({ el, props = {}, duration = 100, cb = () => {} } = {}) {
if (!el) {
return;
}
// Convert property names to kebab case.
props = Object.fromEntries(
Object.entries(props).map(([prop, val]) => [
prop.replace(/[A-Z]/g, l => `-${l.toLowerCase()}`),
val,
])
);
const currentStyles = getComputedStyle(el);
const transitioningProperties = Object.keys(props);
const currentProps = Object.fromEntries(
Object.entries(props).map(([key]) => [key, currentStyles[key]])
);
let willAnythingChange = false;
Object.keys(props).forEach(key => {
willAnythingChange = willAnythingChange || currentProps[key] !== props[key];
});
if (prefersReducedMotion || !willAnythingChange) {
applyStyles(el, props);
cb();
return;
}
applyStyles(el, {
...currentProps,
transitionProperty: transitioningProperties.join(', '),
transitionDuration: `${duration}ms`,
});
let timeout;
// Double rAF after setting styles, for browser compatibility.
requestAnimationFrame(() => {
requestAnimationFrame(() => {
applyStyles(el, props);
const handler = e => {
if (!e || (e.target === el && transitioningProperties.includes(e.propertyName))) {
el.style.removeProperty('transition-property');
el.style.removeProperty('transition-duration');
el.removeEventListener('transitionend', handler);
el.removeEventListener('transitioncancel', handler);
clearTimeout(timeout);
cb();
}
};
el.addEventListener('transitionend', handler);
el.addEventListener('transitioncancel', handler);
timeout = setTimeout(handler, duration + 50); // Fail-safe, in case there is no transition.
});
});
}
function fadeIn({ el, duration, cb = () => {} } = {}) {
if (!el) {
return;
}
el.style.removeProperty('display');
el.style.opacity = '0';
animate({
el,
props: { opacity: '1' },
duration,
cb: () => {
el.style.removeProperty('opacity');
cb();
},
});
}
function fadeOut({ el, duration, cb = () => {} } = {}) {
if (!el) {
return;
}
el.style.removeProperty('display');
el.style.opacity = '1';
animate({
el,
props: { opacity: '0' },
duration,
cb: () => {
el.style.display = 'none';
el.style.removeProperty('opacity');
cb();
},
});
}
function slideDown({ el, duration, cb = () => {} } = {}) {
if (!el) {
return;
}
el.style.removeProperty('display');
const finalHeight = getComputedStyle(el).height;
el.style.height = '0';
animate({
el,
props: { height: finalHeight },
duration,
cb: () => {
el.style.removeProperty('height');
cb();
},
});
}
function slideUp({ el, duration, initialDisplay, cb = () => {} } = {}) {
if (!el) {
return;
}
if (initialDisplay !== undefined) {
el.style.display = initialDisplay;
} else {
el.style.removeProperty('display');
}
animate({
el,
props: { height: 0 },
duration,
cb: () => {
el.style.display = 'none';
el.style.removeProperty('height');
cb();
},
});
}
function createTooltip(
anchor,
tooltipId,
contents,
offset = { top: 0, left: 0 },
rtlOffset = { top: 0, left: 0 }
) {
if (anchor) {
anchor.addEventListener('mouseenter', () => {
const pos = getElementOffset(anchor);
let style;
if (HighlanderComments.text_direction === 'rtl') {
style = `top:${pos.top + rtlOffset.top}px; left:${pos.left + rtlOffset.left}px;`;
} else {
style = `top:${pos.top + offset.top}px; left:${pos.left + offset.left}px;`;
}
const popup = document.createElement('div');
popup.id = tooltipId;
popup.classList.add('highlander-tooltip');
document.body.appendChild(popup);
popup.innerHTML = contents;
popup.style = style;
});
anchor.addEventListener('mouseleave', () => {
const popup = document.querySelector(`#${tooltipId}`);
fadeOut({
el: popup,
cb: () => {
popup.remove();
document.querySelectorAll('.highlander-tooltip').forEach(el => el.remove);
},
});
});
}
}
function addIframe({ classes = [], src } = {}) {
const iframe = document.createElement('iframe');
if (classes.length) {
iframe.classList.add(...classes);
}
iframe.height = '1';
iframe.width = '1';
iframe.style.display = 'none';
iframe.src = src;
document.body.appendChild(iframe);
}
function getCommentList() {
const list = document.querySelectorAll(
'#thecomments, .thecomments, #commentlist, #comment-list, #comments-list, .commentlist, .comment-list, .comments-list, .com-list, #comments'
);
return list.length ? list[list.length - 1] : null;
}
const HighlanderComments = {
...(window.HighlanderComments || {}),
commentList: null,
initialHeight: 70,
cookies: {
facebook: 'wpc_fbc',
twitter: 'wpc_tc',
wordpress: 'wpc_wpc',
},
popups: {
facebook: ',height=400,width=600',
twitter: ',height=515,width=600',
wordpress: ',height=500,width=500',
},
temp_cookie_data: '',
currentParent: false,
currentParentId: false,
currentParentMargins: {},
keyCodeReturn: 13,
resizeCallback: function () {},
init: function () {
// Firefox saves form data across reloads and this breaks
// the dynamic labels when tabbing around the form
document.getElementById("commentform")?.reset()
document.querySelectorAll('#respond').forEach(el => el.classList.add('js'));
HighlanderComments.commentList = getCommentList();
document
.querySelectorAll('#comment-form-nascar a')
.forEach(el => el.addEventListener('click', HighlanderComments.clickService));
document
.querySelectorAll('#postas-wordpress, #postas-facebook, #postas-twitter')
.forEach(el => el.addEventListener('click', HighlanderComments.clickExternalTab));
window.addEventListener('message', e => {
if (e.origin !== 'https://public-api.wordpress.com') {
return;
}
let message = e && e.data;
if (typeof message === 'string') {
try {
message = JSON.parse(message);
} catch (err) {
return;
}
}
});
document.querySelectorAll('.comment-form-field input, textarea#comment').forEach(el => {
if (el.value !== '') {
HighlanderComments.hideLabels(el);
}
});
document.querySelectorAll('div.comment-form-fields input').forEach(el => {
el.addEventListener('change', () => HighlanderComments.toggleLabel(el));
el.addEventListener('focus', () => HighlanderComments.hideLabels(el));
el.addEventListener('blur', () => HighlanderComments.showLabels(el));
});
document.querySelectorAll('div.comment-form-fields label').forEach(el =>
el.addEventListener('click', () => {
HighlanderComments.hideLabels(
el.parentElement && el.parentElement.querySelectorAll('.comment-form-input input')
);
})
);
document.querySelectorAll('#email').forEach(el =>
el.addEventListener('blur', () => {
HighlanderComments.updateAvatarWithGravatar( el.value );
const author = document.querySelector('#author');
if (window.Gravatar && author && !author.value) {
Gravatar.autofill(el.value, {
displayName: 'author',
url: 'url', // Their first available link, or profile URL if none
});
const afd = Gravatar.autofill_data;
Gravatar.autofill_data = function (hash) {
afd.call(Gravatar, hash);
document
.querySelectorAll('input#url')
.forEach(el => el.dispatchEvent(new Event('change')));
author.dispatchEvent(new Event('change'));
author.dispatchEvent(new MouseEvent('click'));
};
}
})
);
const textArea = document.querySelector('textarea#comment');
if (!textArea) {
return;
}
if (window.textarea_autosize) {
textArea.addEventListener('autosize:resized', HighlanderComments.resizeCallback);
window.textarea_autosize(textArea);
}
textArea.style.resize = 'none';
textArea.dispatchEvent(new Event('change'));
textArea.addEventListener('focus', () => HighlanderComments.hideLabels(textArea));
textArea.addEventListener('blur', () => HighlanderComments.showLabels(textArea));
textArea.addEventListener('keydown', e => {
if (e.code === 'Tab') {
e.preventDefault();
let focusSel = '#comment-submit';
if (isGuest()) {
focusSel =
HighlanderComments.comment_registration === '1' ? '#postas-wordpress' : '#email';
}
document.querySelectorAll(focusSel).forEach(el => el.focus());
}
if (HighlanderComments.isCommandOrControlKeyDown(e) && e.code === 'Enter') {
document
.querySelectorAll('#comment-submit')
.forEach(el => el.dispatchEvent(new MouseEvent('click')));
}
});
// Client-side form validation
const form = document.querySelector('#commentform');
form.addEventListener('submit', e => {
let verified = true;
// Comment text required
if (textArea.value === '') {
document.querySelectorAll('label[for="comment"]').forEach(el => {
fadeOut({
el,
cb: () => {
el.textContent = HighlanderComments.enterACommentError;
fadeIn({
el,
cb: () => {
el.classList.add('error');
},
});
},
});
});
document.querySelectorAll('#comment-form-comment').forEach(el => {
el.classList.add('error');
textArea.addEventListener('focus', () => el.classList.remove('error'), {
once: true,
});
});
verified = false;
}
// Only exists if email/name are required
if (
isGuest() &&
(document.querySelector('#comment-form-guest label span[class="required"]') ||
document.querySelector('#comment-form-guest label[class="error"]'))
) {
function handleMissingField(name, error) {
document.querySelectorAll(`label[for="${name}"]`).forEach(el => {
fadeOut({
el,
cb: () => {
el.innerHTML = error;
fadeIn({ el, cb: () => el.classList.add('error') });
},
});
});
document
.querySelectorAll(`div.comment-form-${name} .comment-form-input`)
.forEach(el => el.classList.add('error'));
document
.querySelectorAll(`input#${name}`)
.forEach(el =>
el.addEventListener(
'focus',
() => el.parentElement && el.parentElement.classList.remove('error'),
{ once: true }
)
);
verified = false;
}
const email = document.querySelector('#email') && document.querySelector('#email').value;
if (email === '' || !email.match(/^.*@.*\..*$/)) {
let error;
if (email === '') {
error = HighlanderComments.enterEmailError;
} else {
error = '' + HighlanderComments.invalidEmailError + '';
}
handleMissingField('email', error);
}
const author =
document.querySelector('#author') && document.querySelector('#author').value;
if (author === '') {
const error = HighlanderComments.enterAuthorError;
handleMissingField('author', error);
}
}
// Don't allow "guest" comments if auth is required
if (HighlanderComments.comment_registration === '1' && isGuest()) {
document.querySelectorAll('#comment-form-nascar > p').forEach(el => {
el.classList.add('error');
fadeOut({ el, cb: () => fadeIn(el) });
});
verified = false;
}
// Set a cookie to remember which was the last used tab
HighlanderComments.writeCookie('hc_post_as', getPostAs(), 7, '.wordpress.com');
if (!verified) {
e.preventDefault();
return;
}
HighlanderComments.clickSubmit();
});
// Set up the identity block based on WP options, logged in state, etc
if (HighlanderComments.comment_registration === '1') {
// Must be logged in to comment (guest commenting not allowed)
document.querySelectorAll('#comment-form-guest').forEach(el => hide(el));
if (!HighlanderComments.isJetpack && !HighlanderComments.userIsLoggedIn) {
// Force to guest posting if they're not logged in, which should actually not allow itself
HighlanderComments.clickGuestTab();
document
.querySelectorAll('#comment-form-wordpress')
.forEach(el => el.classList.remove('selected'));
setPostAs('guest');
}
} else {
// Guest commenting is allowed
if (
HighlanderComments.userIsLoggedIn &&
document.querySelector('#comment-form-wordpress.selected')
) {
// User is logged in and we're looking at the WP UI already, get rid of guest commenting
hide(document.querySelector('#comment-form-guest'));
}
}
const selected = document.querySelector('.comment-form-service.selected');
if (selected && !selected.matches('#comment-form-guest')) {
// Something other than Guest is selected, hide the auth strip
hide(document.querySelector('#comment-form-nascar'));
}
if (typeof addComment !== 'undefined') {
HighlanderComments._moveForm = addComment.moveForm;
addComment.moveForm = HighlanderComments.moveForm;
}
// Hover Tooltips
// Don't show our tooltip if we're going to show a Gravatar hovercard
if ( ! window.Gravatar || window.Gravatar.disabled ) {
createTooltip(
document.querySelector('#comment-form-guest .comment-form-avatar'),
'hltt-grav',
HighlanderComments.gravatarFromEmail,
{ top: -10, left: 35 },
{ top: -10, left: -130 }
);
}
createTooltip(
document.querySelector('#comment-form-nascar ul'),
'hltt-auth',
HighlanderComments.logInToExternalAccount,
{ top: -12, left: -155 },
{ top: -12, left: 155 }
);
},
isCommandOrControlKeyDown: function (event) {
// event.metaKey will be true if Command key (⌘) or Windows key is down.
return event.ctrlKey || event.metaKey;
},
_moveForm: null,
moveForm: function (commId, parentId, respondId, postId) {
if (HighlanderComments._moveForm === null) {
return;
}
const respond = document.querySelector(`#${respondId}`);
if (!respond) {
return;
}
respond.style.marginLeft = 0;
respond.style.marginRight = 0;
const t = this;
let r = false;
let rHeight;
if (HighlanderComments.currentParent) {
if (parentId === HighlanderComments.currentParentId) {
return false;
}
const wTop = window.scrollY;
const commElOffset = getElementOffset(document.querySelector(`#${commId}`));
const cTop = commElOffset && commElOffset.top;
const rTop = getElementOffset(respond).top;
if (rTop <= cTop) {
rHeight = getHeightWithMargins(respond);
const placeholder = document.createElement('div');
placeholder.id = 'highlander-placeholder';
applyStyles(placeholder, {
margin: 0,
padding: 0,
border: 0,
height: `${rHeight}px`,
visibility: 'hidden',
position: getComputedStyle(respond).position,
});
respond.before(placeholder);
}
r = HighlanderComments._moveForm.call(t, commId, parentId, respondId, postId);
if (r !== false) {
return r;
}
applyStyles(HighlanderComments.currentParent, HighlanderComments.currentParentMargins);
document.querySelectorAll('#highlander-placeholder').forEach(el => el.remove());
if (rTop <= cTop) {
try {
window.scrollTo({ left: window.scrollX, top: wTop - rHeight, behavior: 'smooth' });
} catch (err) {
window.scrollTo(window.scrollX, wTop - rHeight);
}
}
HighlanderComments.moveFormNow.call(t, commId, parentId, respondId);
} else {
r = HighlanderComments._moveForm.call(t, commId, parentId, respondId, postId);
if (r === false) {
HighlanderComments.moveFormNow.call(t, commId, parentId, respondId);
}
}
return r;
},
moveFormNow: function (commId, parentId, respondId) {
const comment = document.querySelector(`#comment-${parentId}`);
let currentParent = comment && comment.closest('.highlander-comment');
if (!currentParent) {
currentParent = comment && comment.closest('.comment');
}
HighlanderComments.currentParentId = parentId;
const respond = document.querySelector(`#${respondId}`);
if (!currentParent || !respond) {
return;
}
if (!currentParent.querySelector(`#${respondId}`)) {
const el = currentParent.parentElement;
let betterParent = el.closest('.children');
if (!betterParent) {
betterParent = el.closest('.highlander-comment');
if (!betterParent) {
betterParent = el.closest('.comment');
}
}
if (betterParent) {
currentParent = betterParent;
}
}
const style = getComputedStyle(currentParent);
const currentParentMargins = {
backgroundColor: style.backgroundColor,
marginLeft: style.marginLeft,
marginRight: style.marginRight,
};
// Register the new values.
HighlanderComments.currentParent = currentParent;
HighlanderComments.currentParentMargins = currentParentMargins;
let autoWidth = false;
const offOrder =
HighlanderComments.text_direction === 'rtl' ? ['Left', 'Right'] : ['Right', 'Left'];
const parentOffset = getElementOffset(currentParent);
offOrder.forEach(v => {
const outerWidth = getWidthWithMargins(currentParent);
if (currentParentMargins[`margin${v}`] === '0px') {
const oldOff = parentOffset.left + v === 'Right' ? outerWidth : 0;
currentParent.style[`margin${v}`] = '0px';
let newOff = parentOffset.left + v === 'Right' ? outerWidth : 0;
if (oldOff !== newOff) {
newOff = v === 'Right' ? newOff - oldOff : oldOff - newOff;
currentParent.style[`margin${v}`] = newOff;
currentParentMargins[`margin${v}`] = newOff;
autoWidth = true;
}
}
});
if (autoWidth) {
currentParent.width = 'auto';
currentParentMargins.width = 'auto';
}
const rgbaTransparent = /rgba.*,\s*0\s*\)/;
if (
currentParentMargins.backgroundColor === 'transparent' ||
currentParentMargins.backgroundColor.match(rgbaTransparent)
) {
let el = currentParent;
let bg = 'transparent';
let bgi = getComputedStyle(el).backgroundImage;
while (
bgi === 'none' &&
el.parentNode &&
el.parentNode !== document &&
(bg === 'transparent' || bg.match(rgbaTransparent))
) {
el = el.parentNode;
bgi = getComputedStyle(el).backgroundImage;
bg = getComputedStyle(el).backgroundColor;
}
currentParent.style.backgroundColor = bg;
}
const cancel = document.getElementById('cancel-comment-reply-link');
let listOffsetSource = HighlanderComments.commentList;
let redoMargins = false;
let grandWidth;
// Re-initialize the commentList if it was not found during init
if (!listOffsetSource) {
listOffsetSource = HighlanderComments.commentList = getCommentList();
}
let cp = HighlanderComments.currentParent;
while (cp !== HighlanderComments.commentList && cp !== document) {
const style = getComputedStyle(cp);
if (style.overflow === 'hidden' || style.overflowX === 'hidden') {
listOffsetSource = cp;
break;
}
cp = cp.parentElement;
}
const listOffset = getElementOffset(listOffsetSource);
HighlanderComments._unmoveForm = cancel.onclick;
cancel.onclick = function () {
return HighlanderComments.unmoveForm.call(this);
};
if (currentParentMargins.marginLeft.toString().includes('%')) {
grandWidth = currentParent.parentElement.offsetWidth;
currentParentMargins.marginLeft =
(parseFloat(currentParentMargins.marginLeft) / 100) * grandWidth;
redoMargins = true;
}
if (currentParentMargins.marginRight.toString().includes('%')) {
grandWidth = currentParent.parentElement.offsetWidth;
currentParentMargins.marginRight =
(parseFloat(currentParentMargins.marginRight) / 100) * grandWidth;
redoMargins = true;
}
if (redoMargins) {
applyStyles(currentParent, currentParentMargins);
}
const currentMargins = {
left: parseInt(getComputedStyle(currentParent).marginLeft, 10),
right: parseInt(getComputedStyle(currentParent).marginRight, 10),
};
listOffset.right = listOffset.left + getWidthWithMargins(listOffsetSource);
parentOffset.left -= currentMargins.left;
parentOffset.right = parentOffset.left + getWidthWithMargins(currentParent);
hide(respond);
animate({
el: currentParent,
props: {
marginLeft: `${currentMargins.left - (parentOffset.left - listOffset.left)}px`,
marginRight: `${currentMargins.right - (listOffset.right - parentOffset.right)}px`,
},
duration: 300,
cb: () => {
slideDown({
el: respond,
duration: 300,
cb: () => {
document.querySelectorAll(`#${commId} .comment-reply-link`).forEach(el => el.focus());
document.querySelectorAll('#comment').forEach(el => el.focus());
HighlanderComments.resizeCallback();
const clearDiv = document.createElement('div');
clearDiv.classList.add('clear');
clearDiv.id = 'threaded-clear';
respond.querySelector('form').after(clearDiv);
},
});
},
});
},
_unmoveForm: null,
unmoveForm: function () {
const r = HighlanderComments._unmoveForm.call(this);
if (r !== false) {
return r;
}
animate({
el: HighlanderComments.currentParent,
props: HighlanderComments.currentParentMargins,
duration: 300,
cb: () => {
applyStyles(HighlanderComments.currentParent, HighlanderComments.currentParentMargins);
HighlanderComments.currentParent = false;
HighlanderComments.currentParentId = false;
},
});
show(document.querySelector('#respond'));
document.querySelectorAll('#respond div#threaded-clear').forEach(el => el.remove());
HighlanderComments.resizeCallback();
return r;
},
// Escape an input string.
HTMLToText: function (string) {
const temp = document.createElement('span');
temp.textContent = string;
return `${temp.innerHTML}`;
},
switchAccount: function () {
document.querySelectorAll('.comment-form-service').forEach(el => {
el.classList.remove('selected');
hide(el);
});
setPostAs('guest');
document
.querySelectorAll('#comment-form-nascar > p')
.forEach(el => el.classList.remove('error'));
show(document.querySelector('#comment-form-nascar'));
if (HighlanderComments.comment_registration === '1') {
hide(document.querySelector('#comment-form-guest')); // Guest commenting not allowed
HighlanderComments.resizeCallback();
} else {
slideDown({
el: document.querySelector('#comment-form-guest'),
cb: HighlanderComments.resizeCallback,
});
HighlanderComments.clickGuestTab();
}
},
setConnectingToText: function (serviceFriendlyName) {
document
.querySelectorAll('#comment-form-load-service p')
.forEach(
el =>
(el.textContent = HighlanderComments.connectingToText.replace(
'%s',
serviceFriendlyName
))
);
},
updateLoadServiceVisibility: function (tab) {
document.querySelectorAll('.comment-form-service').forEach(el => {
el.style.visibility = 'visible';
el.classList.remove('selected');
if (el.matches(tab)) {
show(el, 'block');
} else {
hide(el);
}
});
},
clickService: function (e) {
e.preventDefault();
const tab = this.href.replace(/^.*#/, '#').split(':');
if (tab[0] === '#comment-form-load-service' && tab[1]) {
HighlanderComments.setConnectingToText(tab[1]);
} else {
setPostAs(tab[0].split('-').pop());
}
HighlanderComments.updateLoadServiceVisibility('#comment-form-load-service');
document
.querySelectorAll('#comment-form-nascar li.selected')
.forEach(el => el.classList.remove('selected'));
e.target.closest('li').classList.add('selected');
HighlanderComments.resizeCallback();
},
setServiceSelected: function (service) {
HighlanderComments.updateLoadServiceVisibility('#comment-form-load-service');
document
.querySelectorAll('#comment-form-nascar li.selected')
.forEach(el => el.classList.remove('selected'));
document.querySelectorAll(`#postas-${service}`).forEach(el => el.parentElement.classList.add('selected'));
hide(document.querySelector('#comment-form-nascar'));
HighlanderComments.resizeCallback();
},
clickGuestTab: function (e) {
const guest = document.querySelector('#comment-form-guest');
if (HighlanderComments.comment_registration === '1') {
hide(guest);
} else {
guest.classList.add('selected');
}
const email = document.querySelector('#email');
if (email && email.value.includes('@twitter.example.com')) {
email.value = '';
email.blur();
}
HighlanderComments.updateAvatarWithGravatar( email && email.value );
// Reenable subscription options
document.querySelectorAll('#comment-form-subscribe').forEach(el => {
el.style.opacity = 1;
el.querySelectorAll('input').forEach(input => input.removeAttribute('disabled'));
});
HighlanderComments.resizeCallback();
},
updateAvatarWithGravatar: function ( emailValue ) {
const gravBase =
('https:' === location.protocol ? 'https://secure' : 'http://www') +
'.gravatar.com/avatar/';
// When Avatars are disabled, Gravatar can be undefined, so we check against that first
// and fall back to an unknown gravatar if it isn't
let gravSource = gravBase + 'ad516503a11cd5ca435acc9bb6523536?s=54&forcedefault=1';
if ( typeof Gravatar !== 'undefined' && emailValue ) {
gravSource = gravBase + Gravatar.md5( emailValue.toLowerCase().trim() ) + '?s=25';
}
if (HighlanderComments.gravDefault !== 'gravatar_default') {
gravSource += '&d=' + encodeURIComponent(HighlanderComments.gravDefault);
}
document
.querySelectorAll('#comment-form-guest .comment-form-avatar img')
.forEach(el => el.setAttribute('src', gravSource));
},
getServiceData: function (service) {
const data = HighlanderComments.readCookie(HighlanderComments.cookies[service]);
if (data === null || typeof data.email === 'undefined' || ! data.email ) {
return false;
}
return data;
},
ext_win: false,
ext_win_check: false,
pollExternalWindow: function (service, from_tab) {
if (!HighlanderComments.ext_win || HighlanderComments.ext_win.closed) {
// If the cookie is available, then we must have auth'd successfully
const foo = HighlanderComments.getServiceData(service);
if (HighlanderComments.getServiceData(service)) {
HighlanderComments.doExternalLoggedIn(service);
return;
}
HighlanderComments.doExternalCanceled(service, from_tab);
HighlanderComments.ext_win = false;
clearInterval(HighlanderComments.ext_win_check);
}
},
cancelExternalWindow: function () {
if (HighlanderComments.ext_win) {
HighlanderComments.ext_win.close();
}
HighlanderComments.doExternalCanceled(getPostAs(), true);
},
clickExternalTab: function (e) {
if (typeof e === 'undefined') {
return;
}
let fromTab = 1;
let service;
if (typeof e === 'string') {
service = e;
} else {
service = e.currentTarget.id.split('-')[1];
if (!e.currentTarget.matches('a')) {
fromTab = 0;
}
}
slideUp({
el: document.querySelector('#comment-form-guest'),
initialDisplay: 'block',
cb: () => {
hide(document.querySelector('#comment-form-nascar'));
HighlanderComments.resizeCallback();
clearInterval(HighlanderComments.ext_win_check);
document.querySelectorAll('.highlander-tooltip').forEach(el => el.remove());
if (
// Found commenting cookies
HighlanderComments.readCookie(HighlanderComments.cookies[service]) !== null &&
// WordPress tab, and we're logged in
((service === 'wordpress' && HighlanderComments.userIsLoggedIn) ||
// Not WordPress tab
service !== 'wordpress')
) {
if (fromTab) {
HighlanderComments.doExternalLoggedIn(service);
}
} else {
HighlanderComments.ext_win = window.open(
`${HighlanderComments.connectURL}&service=${service}`,
'highconn',
`status=0,toolbar=0,location=1,menubar=0,directories=0,resizable=1,scrollbars=0${HighlanderComments.popups[service]}`
);
HighlanderComments.ext_win_check = setInterval(
() => HighlanderComments.pollExternalWindow(service, fromTab),
100
);
}
},
});
},
doExternalLoggedIn: function (service, postedData ) {
clearInterval(HighlanderComments.ext_win_check);
const data = typeof postedData === 'object' && postedData.email
? postedData
: HighlanderComments.getServiceData(service);
if (typeof data !== 'object') {
return;
}
if (service === 'wordpress') {
// Allow subscription options
document.querySelectorAll('#comment-form-subscribe').forEach(el => {
el.style.opacity = '1';
el.querySelectorAll('input').forEach(input => input.removeAttribute('disabled'));
});
// Set up Gravatar and flag as logged in. Load a page to trigger cookies etc
document
.querySelectorAll(`#comment-form-${service} .comment-form-avatar img`)
.forEach(el => el.setAttribute('src', data.avatar));
HighlanderComments.userIsLoggedIn = true;
if (!HighlanderComments.isJetpack) {
addIframe({
src: `${HighlanderComments.homeURL}highlander.login/`,
classes: ['highlander-auth-init'],
});
}
} else if (service === 'facebook') {
document
.querySelectorAll(`#comment-form-${service} .comment-form-avatar img`)
.forEach(el => el.setAttribute('src', data.avatar));
} else {
if (service === 'twitter') {
// Disable subscription options for Twitter since we don't have an email
document.querySelectorAll('#comment-form-subscribe').forEach(el => {
el.style.opacity = '0.5';
el.querySelectorAll('input').forEach(input => {
input.disabled = true;
input.removeAttribute('checked');
});
});
}
// Run all external avatars through ImgPress to resize them
let url = data.avatar;
try {
if (data.avatar.match(/^(https?:)?\/\/i[012]\.wp\.com\//)) {
url = data.avatar.replace(/^https?:/, location.protocol);
} else if (data.avatar.match(/^(https?:)?\/\/(.*?\.)gravatar\.com\//)) {
url = data.avatar.replace(/^https?:/, location.protocol);
} else {
const avatarURL = new URL(data.avatar, location);
url = `${location.protocol}//i0.wp.com/${avatarURL.host}${avatarURL.pathname}?`;
if (host === 'graph.facebook.com' && query.length) {
url += 'q=' + encodeURIComponent(query) + '&';
}
url += 'resize=25%2C25';
}
} catch (error) {
url = data.avatar;
}
document
.querySelectorAll(`#comment-form-${service} .comment-form-avatar img`)
.forEach(el => el.setAttribute('src', url));
}
document.querySelectorAll('#email').forEach(el => {
el.value = data.email;
el.dispatchEvent(new Event('change'));
});
document.querySelectorAll('#author').forEach(el => {
el.value = data.name;
el.dispatchEvent(new Event('change'));
});
document.querySelectorAll('#url').forEach(el => {
el.value = data.link;
el.dispatchEvent(new Event('change'));
el.dispatchEvent(new MouseEvent('click'));
});
document.querySelectorAll(`#${service}-avatar`).forEach(el => (el.value = data.avatar));
document.querySelectorAll(`#${service}-user_id`).forEach(el => (el.value = data.uid));
setPostAs(service);
// The child of the li.selected can be a (WP, FB, Twitter) or an