2021-11-23 21:57:43 +09:00

150 lines
3.6 KiB
TypeScript

import plural from "./Utils/plural"
const oneSecond = 1000
const oneMinute = 60 * oneSecond
const oneHour = 60 * oneMinute
const oneDay = 24 * oneHour
const oneWeek = 7 * oneDay
const oneMonth = 30 * oneDay
const oneYear = 365.25 * oneDay
export let monthNames = [
"January", "February", "March",
"April", "May", "June", "July",
"August", "September", "October",
"November", "December"
]
export let dayNames = [
"Sunday",
"Monday",
"Tuesday",
"Wednesday",
"Thursday",
"Friday",
"Saturday"
]
function getRemainingTime(remaining: number): string {
const remainingAbs = Math.abs(remaining)
if(remainingAbs >= oneYear) {
return plural(Math.round(remaining / oneYear), "year")
}
if(remainingAbs >= oneMonth) {
return plural(Math.round(remaining / oneMonth), "month")
}
if(remainingAbs >= oneWeek) {
return plural(Math.round(remaining / oneWeek), "week")
}
if(remainingAbs >= oneDay) {
return plural(Math.round(remaining / oneDay), "day")
}
if(remainingAbs >= oneHour) {
return plural(Math.round(remaining / oneHour), " hour")
}
if(remainingAbs >= oneMinute) {
return plural(Math.round(remaining / oneMinute), " minute")
}
if(remainingAbs >= oneSecond) {
return plural(Math.round(remaining / oneSecond), " second")
}
return "Just now"
}
export function displayAiringDate(element: HTMLTimeElement, now: Date) {
if(!element.dateTime || !element.dataset.endDate) {
element.textContent = ""
return
}
const startDate = new Date(element.dateTime)
const endDate = new Date(element.dataset.endDate)
let h = startDate.getHours()
let m = startDate.getMinutes()
const startTime = (h <= 9 ? "0" + h : h) + ":" + (m <= 9 ? "0" + m : m)
h = endDate.getHours()
m = endDate.getMinutes()
const endTime = (h <= 9 ? "0" + h : h) + ":" + (m <= 9 ? "0" + m : m)
let airingVerb = "will be airing"
const remaining = startDate.getTime() - now.getTime()
let remainingString = getRemainingTime(remaining)
// Add "ago" if the date is in the past
if(remainingString.startsWith("-")) {
remainingString = remainingString.substring(1) + " ago"
}
element.textContent = remainingString
if(remaining < 0) {
airingVerb = "aired"
}
const tooltip = "Episode " + element.dataset.episodeNumber + " " + airingVerb + " " + dayNames[startDate.getDay()] + " from " + startTime + " - " + endTime
if(element.classList.contains("no-tip")) {
element.title = tooltip
} else {
element.setAttribute("aria-label", tooltip)
element.classList.add("tip")
}
}
export function displayDate(element: HTMLTimeElement, now: Date) {
if(!element.dateTime) {
element.textContent = ""
return
}
const startDate = new Date(element.dateTime)
const h = startDate.getHours()
const m = startDate.getMinutes()
const startTime = (h <= 9 ? "0" + h : h) + ":" + (m <= 9 ? "0" + m : m)
const remaining = startDate.getTime() - now.getTime()
let remainingString = getRemainingTime(remaining)
// Add "ago" if the date is in the past
if(remainingString.startsWith("-")) {
remainingString = remainingString.substring(1) + " ago"
}
element.textContent = remainingString
const tooltip = dayNames[startDate.getDay()] + " " + startTime
if(element.classList.contains("no-tip")) {
element.title = tooltip
} else {
element.setAttribute("aria-label", tooltip)
element.classList.add("tip")
}
}
export function displayTime(element: HTMLTimeElement) {
if(!element.dateTime) {
element.textContent = ""
return
}
const startDate = new Date(element.dateTime)
const h = startDate.getHours()
const m = startDate.getMinutes()
const startTime = (h <= 9 ? "0" + h : h) + ":" + (m <= 9 ? "0" + m : m)
element.textContent = startTime
}