User:Gary/comments in local time.js: Difference between revisions

Revision as of 03:38, 17 April 2019

Latest revision as of 23:59, 9 August 2022

(5 intermediate revisions by 2 users not shown)

Line 131:

const minute = addLeadingZero(time.getMinutes());

const finalTime = `${hour}:${minute}${ampm}`;

let returnDate;

// Determine the time offset.

Line 138 ⟶ 137:

utcValue >= 0 ? `+${utcValue}` : `−${Math.abs(utcValue.toFixed(1))}`;

const returnDateutcPart = `${finalTime}, ${date} (UTC${utcOffset})`;

if (this.LocalComments.timeFirst) {

returnDate = `${finalTime}, ${date} (UTC${utcOffset})`;

ifconst returnDate = (this.LocalComments.timeFirst) {

} else {

returnDate =? `${datefinalTime}, ${finalTimedate} (UTC${utcOffsetutcPart})`;

: `${date}, ${finalTime} ${utcPart}`;

}

return { returnDate, time };

}

Line 165 ⟶ 164:

createDateText({ day, month, time, today, year }) {

// calculateCalculate day of week

const dayNames = [

this.language.Sunday,

Line 189 ⟶ 188:

const monthName = this.convertNumberToMonth(time.getMonth());

// formatFormat the date according to user preferences

let formattedDate = '';

Line 205 ⟶ 204:

}

letconst formattedDayOfTheWeek = '';this.LocalComments.dayOfWeek

formattedDayOfTheWeek =? `, ${last}${dayOfTheWeek}`;

: )'';

return `${formattedDate + }${formattedDayOfTheWeek + }${descriptiveDifference}`;

if (this.LocalComments.dayOfWeek) {

formattedDayOfTheWeek = `, ${last}${dayOfTheWeek}`;

}

return formattedDate + formattedDayOfTheWeek + descriptiveDifference;

}

Line 221 ⟶ 218:

* @returns {Object.<string, *>} Relative date data

*/

// eslint-disable-next-line max-statements

createRelativeDate(today, time) {

/**

Line 337 ⟶ 333:

const day = time.getDate();

// returnReturn 'today' or 'yesterday' if that is the case

if (

year === today.getFullYear() &&

Line 367 ⟶ 363:

getHour(time) {

let ampm;

let hour = Number.parseInt(time.getHours(), 10);

if (this.LocalComments.twentyFourHours) {

Line 410 ⟶ 406:

}

// eslint-disable-next-line max-statements

replaceText(node, search) {

if (!node) {

Line 418 ⟶ 413:

// Check if this is a text node.

if (node.nodeType === 3) {

// Don't continue if this text node's parent tag is one of these.

let parent = node.parentNode;

if (['CODE', 'PRE'].includes(parentNodeNamenode.parentNode.nodeName)) {

const parentNodeName = parent.nodeName;

if (['CODE', 'PRE'].includes(parentNodeName)) {

return;

}

Line 429 ⟶ 421:

const matches = value.match(search);

// Stick with manipulating the DOM directly rather than using jQuery.

// I've got more than a 100% speed improvement afterward.

if (matches) {

// Only act on the first timestamp we found in this node. This is for

// reallythe arare temporaryoccassion fixthat forthere theis situationmore inthan whichone theretimestamp arein two orthe

// moresame timestamps in the sametext node.

const [match] = matches;

const position = value.search(search);

const stringLength = match.toString().length;

const beforeMatch = value.substring(0, position);

const afterMatch = value.substring(position + stringLength);

const { returnDate, time } = this.adjustTime(

match.toString(),

search

);

const timestamp = time ? time.getTime() : '';

// IsGrab the "timestamp"text attributecontent usedbefore forand microformats?after the matching timestamp,

// which we'll then wrap in their own SPAN nodes.

const span = document.createElement('span');

const beforeMatch = value.substringslice(0, position);

const afterMatch = value.substringslice(position + stringLength);

const { returnDate, time } = this.adjustTime(match.toString(), search);

// Create the code to display the new local comments content.

span.className = 'localcomments';

const $span.style.fontSize = '95%';$(

`<span class="localcomments" style="font-size: 95%;" title="${match}">${returnDate}</span>`

span.style.whiteSpace = 'nowrap';

span.setAttribute('timestamp', timestamp);

span.title = match;

span.append(document.createTextNode(returnDate));

parent = node.parentNode;

parent.replaceChild(span, node);

const before = document.createElement('span');

before.className = 'before-localcomments';

before.append(document.createTextNode(beforeMatch));

// Replace the existing text node in the page with our new local

const after = document.createElement('span');

parent// =comments node.parentNode;

parent$(node).replaceChildreplaceWith($span, node);

// Replace the text content that appears before the timestamp.

after.className = 'after-localcomments';

if (beforeMatch) {

after.append(document.createTextNode(afterMatch));

match$span.toStringbefore(),

`<span class="before-localcomments">${beforeMatch}</span>`

search);

} else { }

// Replace the text content that appears after the timestamp.

parent.insertBefore(before, span);

parent.insertBefore(after,if span.nextSibling(afterMatch); {

span.title = match;$span.after(

`<span class="after-localcomments">${afterMatch}</span>`

);

}

}

} else {

Line 509 ⟶ 495:

this.replaceText(

document.querySelector('.mw-body-content .mw-parser-output'),

/(\d{1,2}):(\d{2}), (\d{1,2}) ([A-Z][a-z]+) (\d{4}) \(UTC\)/

);