(function() { var targetUsername = "ttml"; var isLoggedIn = false; function openFollowersModal() { if (document.getElementById('followers-modal')) return; var overlay = document.createElement('div'); overlay.id = 'followers-modal'; overlay.style.cssText = 'position:fixed;inset:0;background:rgba(0,0,0,0.7);z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px;'; overlay.innerHTML = '

' + '

' + 'Followers' + '' + '

' + '

'; document.body.appendChild(overlay); document.getElementById('close-followers-modal').addEventListener('click', function() { overlay.remove(); }); overlay.addEventListener('click', function(e) { if (e.target === overlay) overlay.remove(); }); fetch('/api/profile/followers?username=' + encodeURIComponent(targetUsername)) .then(function(r) { return r.json(); }) .then(function(d) { var list = document.getElementById('followers-list'); if (!list) return; if (!d.followers || d.followers.length === 0) { list.innerHTML = '

No followers yet.

'; } else { if (!document.getElementById('follower-hover-style')) { var style = document.createElement('style'); style.id = 'follower-hover-style'; style.innerHTML = '.follower-item-link:hover { background: rgba(255,255,255,0.05) !important; }'; document.head.appendChild(style); } list.innerHTML = d.followers.map(function(f) { return '' + '

' + '

' + (f.display_name || f.username) + '

@' + f.username + '

' + ''; }).join(''); } }) .catch(function() { var list = document.getElementById('followers-list'); if (list) list.innerHTML = '

Failed to load.

'; }); } async function handleFollowClick(btn) { if (btn.disabled) return; btn.disabled = true; try { var res = await fetch('/api/profile/follow', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ targetUsername: targetUsername }) }); var data = await res.json(); if (data.success) { var nowFollowing = data.isFollowing; document.querySelectorAll('.profile-follow-btn').forEach(function(b) { b.dataset.following = nowFollowing ? '1' : '0'; b.textContent = nowFollowing ? 'Following' : 'Follow'; b.style.background = nowFollowing ? 'rgba(255,255,255,0.08)' : 'white'; b.style.color = nowFollowing ? 'white' : 'black'; b.style.border = nowFollowing ? '1px solid rgba(255,255,255,0.2)' : 'none'; }); if (data.followerCount !== undefined) { var n = data.followerCount; var label = '' + n.toLocaleString() + ' ' + (n === 1 ? 'Follower' : 'Followers'); document.querySelectorAll('.followers-open-btn').forEach(function(b) { b.innerHTML = label; }); } } else if (data.error === 'Unauthorized') { alert('You must log in first.'); } } catch(e) {} btn.disabled = false; } // Global event delegation document.addEventListener('click', function(e) { var target = e.target; if (!target) return; var prevBtn = target.closest('.carousel-btn-prev'); if (prevBtn) { window.moveMySlide(prevBtn, -1); return; } var nextBtn = target.closest('.carousel-btn-next'); if (nextBtn) { window.moveMySlide(nextBtn, 1); return; } var openBtn = target.closest('.followers-open-btn'); if (openBtn) { openFollowersModal(); return; } var followBtn = target.closest('.profile-follow-btn'); if (followBtn) { if (!isLoggedIn) { alert('You must log in first.'); return; } handleFollowClick(followBtn); return; } var messageBtn = target.closest('.profile-message-btn'); if (messageBtn) { if (!isLoggedIn) { e.preventDefault(); alert('You must log in first.'); return; } } }); })();

Donate

News

TTML Library is LIVE

Informations

Our Distributors

API Keys

Comments (1)