66 lines
3.0 KiB
JavaScript
66 lines
3.0 KiB
JavaScript
// #53/#139: paste viewer page logic. Paste id arrives via <body data-paste-id>.
|
|
function toast(msg) {
|
|
let t = document.querySelector('.toast');
|
|
if (!t) { t = document.createElement('div'); t.className = 'toast'; document.body.appendChild(t); }
|
|
t.textContent = msg;
|
|
t.classList.add('show');
|
|
clearTimeout(t._h);
|
|
t._h = setTimeout(() => t.classList.remove('show'), 2000);
|
|
}
|
|
function toggleStats() {
|
|
const body = document.getElementById('stats-body');
|
|
const pill = document.getElementById('stats-pill');
|
|
const btn = document.getElementById('stats-toggle');
|
|
const open = body.hidden;
|
|
body.hidden = !open;
|
|
pill.classList.toggle('open', open);
|
|
btn.setAttribute('aria-expanded', open ? 'true' : 'false');
|
|
}
|
|
function copyFeedback(btn) {
|
|
if (!btn) return;
|
|
// #260 attempt 2: .swapbtn stacks the label and checkmark in the same grid
|
|
// cell, so the button width is always the wider of the two and never moves.
|
|
// Feedback is a pure class toggle; no width pinning, no textContent swap.
|
|
btn.classList.add('ok');
|
|
clearTimeout(btn._okh);
|
|
btn._okh = setTimeout(() => btn.classList.remove('ok'), 2000);
|
|
}
|
|
function copyContent(btn) {
|
|
navigator.clipboard.writeText(document.getElementById('raw-content').value)
|
|
.then(() => copyFeedback(btn))
|
|
.catch(() => toast('Copy failed'));
|
|
}
|
|
// #243: copy the paste LINK (full URL), not the paste id or content
|
|
function copyLink(btn) {
|
|
const url = location.origin + location.pathname;
|
|
navigator.clipboard.writeText(url)
|
|
.then(() => copyFeedback(btn))
|
|
.catch(() => toast('Copy failed'));
|
|
}
|
|
function redeem() {
|
|
if (!confirm('Hard delete this paste immediately?')) return;
|
|
let tok = '';
|
|
try { tok = sessionStorage.getItem('deletion_token_' + PASTE_ID) || ''; } catch(e) {}
|
|
if (!tok) { alert('deletion token not available in this browser'); return; }
|
|
fetch('/api/pastes/' + PASTE_ID + '/redeem', {method: 'DELETE', headers: {'Authorization': 'Bearer ' + tok}})
|
|
.then(r => { if (r.ok) location.href = '/public'; else alert('delete failed'); });
|
|
}
|
|
|
|
// wiring (moved from inline handlers for CSP #139)
|
|
var PASTE_ID = document.currentScript.getAttribute('data-paste-id');
|
|
var copyBtn = document.getElementById('copy-btn');
|
|
if (copyBtn) copyBtn.addEventListener('click', function (e) { e.preventDefault(); copyContent(copyBtn); });
|
|
var copyLinkBtn = document.getElementById('copy-link-btn');
|
|
if (copyLinkBtn) copyLinkBtn.addEventListener('click', function (e) { e.preventDefault(); copyLink(copyLinkBtn); });
|
|
var delBtn = document.getElementById('delete-btn');
|
|
|
|
// #168: show the compact paste-created pill in the bottom corner, then fade it out
|
|
const createdPill = document.getElementById('created-pill');
|
|
if (createdPill) {
|
|
requestAnimationFrame(() => createdPill.classList.add('show'));
|
|
setTimeout(() => createdPill.classList.remove('show'), 4000);
|
|
}
|
|
if (delBtn) delBtn.addEventListener('click', function (e) { e.preventDefault(); redeem(); });
|
|
var statsToggle = document.getElementById('stats-toggle');
|
|
if (statsToggle) statsToggle.addEventListener('click', toggleStats);
|