46 lines
1.3 KiB
JavaScript
46 lines
1.3 KiB
JavaScript
|
import { Controller } from "/vendor/hotwired/stimulus.js";
|
||
|
|
|
||
|
|
export default class extends Controller {
|
||
|
|
static targets = ["time"];
|
||
|
|
|
||
|
|
connect() {
|
||
|
|
this.updateTimes();
|
||
|
|
this.clock = window.setInterval(() => this.updateTimes(), 30_000);
|
||
|
|
}
|
||
|
|
|
||
|
|
disconnect() {
|
||
|
|
window.clearInterval(this.clock);
|
||
|
|
}
|
||
|
|
|
||
|
|
confirm(event) {
|
||
|
|
const message = event.currentTarget.dataset.confirmMessage;
|
||
|
|
if (message && !window.confirm(message)) {
|
||
|
|
event.preventDefault();
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
updateTimes() {
|
||
|
|
const now = Math.floor(Date.now() / 1000);
|
||
|
|
for (const element of this.timeTargets) {
|
||
|
|
const timestamp = Number(element.dataset.timestamp);
|
||
|
|
if (!Number.isFinite(timestamp) || timestamp <= 0) {
|
||
|
|
element.textContent = "—";
|
||
|
|
continue;
|
||
|
|
}
|
||
|
|
|
||
|
|
if (element.dataset.format === "relative") {
|
||
|
|
const difference = Math.max(0, now - timestamp);
|
||
|
|
element.textContent = difference < 60
|
||
|
|
? "Just now"
|
||
|
|
: difference < 3_600
|
||
|
|
? `${Math.floor(difference / 60)}m ago`
|
||
|
|
: difference < 86_400
|
||
|
|
? `${Math.floor(difference / 3_600)}h ago`
|
||
|
|
: `${Math.floor(difference / 86_400)}d ago`;
|
||
|
|
} else {
|
||
|
|
element.textContent = new Date(timestamp * 1_000).toLocaleString();
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|