No AUTH channels configured. ``` -------------------------------- ### Render Bot List and Channel Configuration Source: https://github.com/weebzone/telegram-stremio/blob/master/Backend/fastapi/templates/tools.html Renders a list of bots with main status indicators and handles the display of configured channels or fallback hints. ```javascript block">${escapeHtml(b.name)}${b.is\_main ? ' (main)' : ''} ${b.username ? '@' + escapeHtml(b.username) : escapeHtml(String(b.user\_id))} ").join('') || 'No bots detected.'; const wrap = document.getElementById('ba-channels'); if (!channels.length) { wrap.innerHTML = `

No bot-served channels configured. ``` -------------------------------- ### Media Visibility and Token Picker Source: https://github.com/weebzone/telegram-stremio/blob/master/Backend/fastapi/templates/media_edit.html Functions to load visibility settings and render a UI component for selecting access tokens. ```javascript async function loadMediaVisibilityDeps() { try { const [sRes, tRes] = await Promise.all([ fetch('/api/admin/settings'), fetch('/api/admin/access/tokens') ]); const sData = await sRes.json().catch(() => ({})); const tData = await tRes.json().catch(() => ({})); meSubscriptionOn = !!(sData.settings && sData.settings.subscription); meTokens = (tData.tokens || []).filter(t => t.token); } catch (e) {} const opt = document.querySelector('#media-visibility option[value="public"]'); if (opt) opt.textContent = mePublicLabel(); await loadMediaVisibility(); } ``` ```javascript function renderMediaTokenPicker(selected) { const box = document.getElementById('media-token-picker'); if (!box) return; const sel = new Set(selected || []); if (!meTokens.length) { box.innerHTML = '

No users/tokens found. Create access tokens on the Access page first.

'; return; } ``` -------------------------------- ### Dashboard Initialization Source: https://github.com/weebzone/telegram-stremio/blob/master/Backend/fastapi/templates/admin_dashboard.html Initializes dashboard data fetching and sets up periodic refresh intervals. ```javascript document.addEventListener('DOMContentLoaded', () => { fetchStats(); fetchHealthReport(); fetchAnalytics(); fetchDeadLinks(); setInterval(fetchStats, 5000); // realtime bot load setInterval(fetchHealthReport, 20000); // infra checks (cached server-side) setInterval(fetchAnalytics, 15000); }); {% endblock %} ``` -------------------------------- ### Data Loading Functions Source: https://github.com/weebzone/telegram-stremio/blob/master/Backend/fastapi/templates/access_manage.html Fetches access tokens and subscription plans from the backend API and updates the UI. ```javascript async function loadTokens() { document.getElementById('token-table-body').innerHTML = `Loading…`; try { const resp = await fetch('/api/admin/access/tokens'); const data = await resp.json(); allTokens = data.tokens || []; subEnabled = !!data.subscription; document.getElementById('stat-total').textContent = allTokens.length; document.getElementById('stat-active').textContent = allTokens.filter(t => !t.is_expired).length; document.getElementById('stat-expired').textContent = allTokens.filter(t => t.is_expired).length; currentPage = 1; renderPage(); } catch (err) { document.getElementById('token-table-body').innerHTML = `Error: ${err.message}`; showToast('Failed to load access tokens.', 'error', 'Load Error'); } } async function loadPlans() { try { const resp = await fetch('/api/admin/subscriptions/plans'); if (!resp.ok) return; const result = await resp.json(); const plans = result.data || []; const sel = document.getElementById('assign-plan-select'); if (!sel) return; sel.innerHTML = '' + plans.map(p => ``).join(''); } catch (e) { /* ignore */ } } ``` -------------------------------- ### Rebuild Simple List Source: https://github.com/weebzone/telegram-stremio/blob/master/Backend/fastapi/templates/settings.html Dynamically generates input fields for list-based settings. ```javascript function rebuildSimpleList(containerId, values, inputType) { const container = document.getElementById(containerId); if (!container) return; const listKey = containerId.replace('_items', ''); container.innerHTML = ''; (values || []).forEach(val => { const item = document.createElement('div'); item.className = 'multi-item'; item.innerHTML = ` `; container.appendChild(item); }); } ``` -------------------------------- ### Manage Pagination and Data Fetching Source: https://github.com/weebzone/telegram-stremio/blob/master/Backend/fastapi/templates/subscriptions_manage.html Functions to handle UI state for pagination and initiate subscriber data loading. ```javascript function renderSubPage() { const filtered = getSubFiltered(); const pageSize = parseInt(document.getElementById('sub-page-size').value); const totalPages = Math.max(1, Math.ceil(filtered.length / pageSize)); if (subPage > totalPages) subPage = totalPages; const start = filtered.length ? (subPage - 1) * pageSize : 0; const slice = filtered.slice(start, start + pageSize); document.getElementById('sub-page-info').textContent = filtered.length ? `Showing ${start + 1}–${Math.min(start + pageSize, filtered.length)} of ${filtered.length}` : 'Showing 0 of 0'; document.getElementById('sub-page-num').textContent = `Page ${subPage} / ${totalPages}`; const prevBtn = document.getElementById('sub-btn-prev'); const nextBtn = document.getElementById('sub-btn-next'); prevBtn.disabled = subPage <= 1; nextBtn.disabled = subPage >= totalPages; prevBtn.style.opacity = subPage <= 1 ? '0.45' : '1'; nextBtn.style.opacity = subPage >= totalPages ? '0.45' : '1'; renderDesktopRows(slice); renderMobileCards(slice); } function subChangePage(dir) { const filtered = getSubFiltered(); const pageSize = parseInt(document.getElementById('sub-page-size').value); const totalPages = Math.max(1, Math.ceil(filtered.length / pageSize)); subPage += dir; if (subPage < 1) subPage = 1; if (subPage > totalPages) subPage = totalPages; renderSubPage(); } async function fetchSubscribers() { document.getElementById('subscribers-tbody').innerHTML = ` Loading... `; document.getElementById('subscribers-mobile').innerHTML = `

Loading... ``` -------------------------------- ### Subscription UI Rendering Functions Source: https://github.com/weebzone/telegram-stremio/blob/master/Backend/fastapi/templates/access_manage.html Functions to generate HTML strings for subscription status, addon links, usage limits, and expiry dates based on user token data. ```javascript Owner`; return t.is_expired ? ` Expired` : ` Active`; } function addonHtml(t) { if (!t.has_token) return `

No Token

`; if (t.is_expired && !t.never_expires && !t.is_admin) { return `

${t.addon_url ? `` : ''}

`; } return t.addon_url ? `

` : `

—

`; } function usageHtml(t) { const dl = t.daily_limit_gb ? t.daily_limit_gb + ' GB' : '∞'; const ml = t.monthly_limit_gb ? t.monthly_limit_gb + ' GB' : '∞'; return `

Day: ${fmtBytes(t.daily_bytes)} / ${dl}

Mon: ${fmtBytes(t.monthly_bytes)} / ${ml}

`; } function expiryHtml(t) { if (t.never_expires) return `Never expires`; if (t.expires_at) return `${fmtDate(t.expires_at)}`; return `—`; } ``` -------------------------------- ### Manage Subscription and Token Operations Source: https://github.com/weebzone/telegram-stremio/blob/master/Backend/fastapi/templates/access_manage.html Functions to handle token lifecycle, including creation, limit updates, revocation, and user linking. ```javascript { const name = document.getElementById('create-name').value.trim(); if (!name) { showToast('Token name is required.', 'error', 'Validation'); return; } const payload = { name, daily_limit_gb: Number(document.getElementById('create-daily').value || 0), monthly_limit_gb: Number(document.getElementById('create-monthly').value || 0), subscription_exempt: document.getElementById('create-lifetime').checked, }; try { const resp = await fetch('/api/tokens', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify(payload) }); if (resp.ok) { showToast('Token created.', 'success', 'Created'); closeModal('create-modal'); loadTokens(); } else { const d = await resp.json(); showToast(d.detail || 'Failed to create token.', 'error', 'Failed'); } } catch (err) { showToast('Error: ' + err.message, 'error', 'Network Error'); } } function openLimitsModal(token, daily, monthly) { document.getElementById('limits-token').value = token; document.getElementById('limits-daily').value = daily || 0; document.getElementById('limits-monthly').value = monthly || 0; openModal('limits-modal'); } async function saveLimits() { const token = document.getElementById('limits-token').value; const payload = { daily_limit_gb: Number(document.getElementById('limits-daily').value || 0), monthly_limit_gb: Number(document.getElementById('limits-monthly').value || 0), }; try { const resp = await fetch('/api/tokens/' + encodeURIComponent(token), { method: 'PUT', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify(payload) }); if (resp.ok) { showToast('Limits updated.', 'success', 'Updated'); closeModal('limits-modal'); loadTokens(); } else { showToast('Failed to update limits.', 'error', 'Failed'); } } catch (err) { showToast('Error: ' + err.message, 'error', 'Network Error'); } } async function revokeToken(token) { if (!confirm('Delete this token? The user will lose addon access immediately.')) return; try { const resp = await fetch('/api/admin/access/tokens/' + encodeURIComponent(token), { method: 'DELETE' }); if (resp.ok) { showToast('Token deleted.', 'success', 'Access Updated'); loadTokens(); } else { const d = await resp.json(); showToast(d.detail || 'Failed.', 'error', 'Delete Failed'); } } catch (err) { showToast('Error: ' + err.message, 'error', 'Network Error'); } } async function linkUser(token) { const userId = prompt('Enter the Telegram User ID to link this token to:'); if (!userId || isNaN(parseInt(userId))) { showToast('Invalid user ID.', 'error', 'Invalid Input'); return; } try { const resp = await fetch('/api/admin/access/tokens/' + encodeURIComponent(token) + '/link-user', { method: 'PATCH', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ user_id: parseInt(userId) }), }); if (resp.ok) { showToast(`Token linked to user ${userId}.`, 'success', 'User Linked'); loadTokens(); } else { const d = await resp.json(); showToast(d.detail || 'Failed to link.', 'error', 'Link Failed'); } } catch (err) { showToast('Error: ' + err.message, 'error', 'Network Error'); } } function openAssignModal(userId, userName, token) { document.getElementById('assign-user-id').value = userId || ''; document.getElementById('assign-token').value = token || ''; document.getElementById('assign-user-label').textContent = userId ? `User: ${userName} (ID: ${userId})` : `Token: ${userName}`; document.getElementById('assign-custom-days').value = ''; document.getElementById('assign-plan-select').value = ''; //----- With subscription off there are no plans — just set an expiry document.getElementById('assign-plan-field').style.display = subEnabled ? '' : 'none'; document.getElementById('assign-modal-title').textContent = subEnabled ? 'Assign Subscription Plan' : 'Set Expiry'; document.getElementById('assign-days-label').textContent = subEnabled ? 'Or enter custom days' : 'Expires in (days)'; document.getElementById('assign-days-hint').textContent = subEnabled ? 'Custom days override the selected plan. ``` -------------------------------- ### Subscription Management JavaScript Utilities Source: https://github.com/weebzone/telegram-stremio/blob/master/Backend/fastapi/templates/subscriptions_manage.html Helper functions for formatting dates, generating user display names, and rendering status badges. ```javascript let allUsers = []; let subPage = 1; function formatExpiry(expiryValue) { if (!expiryValue) return 'N/A'; const d = new Date(expiryValue); return d.toLocaleDateString('en-IN', { timeZone: 'Asia/Kolkata', day: '2-digit', month: 'short', year: 'numeric' }) + ' ' + d.toLocaleTimeString('en-IN', { timeZone: 'Asia/Kolkata', hour: '2-digit', minute: '2-digit' }); } function getUserDisplayName(u) { let name = u.first_name || ''; if (u.username) name += (name ? ' ' : '') + `(@${u.username})`; if (!name) name = `User ${u._id}`; return name; } function getStatusBadge(status) { return status === 'active' ? ' Active' : ' Expired'; } function getAdminBadge(u) { return u.is_admin ? ' Owner' : ''; } async function fetchPlans() { const container = document.getElementById('plans-container'); container.innerHTML = `

Loading plans...` ``` -------------------------------- ### Refresh Settings from Server Source: https://github.com/weebzone/telegram-stremio/blob/master/Backend/fastapi/templates/settings.html Fetches current settings from the API and triggers the UI render process. ```javascript async function refreshSettingsFromServer() { try { const res = await fetch('/api/admin/settings'); if (!res.ok) return; const data = await res.json(); renderSettings(data.settings || {}); } catch (err) { console.error('Failed to refresh settings UI:', err); } } ``` -------------------------------- ### Manage Subscription Plans Source: https://github.com/weebzone/telegram-stremio/blob/master/Backend/fastapi/templates/subscriptions_manage.html Functions to fetch, render, and manipulate subscription plan data via API calls. ```javascript

`; try { const res = await fetch('/api/admin/subscriptions/plans'); if (!res.ok) throw new Error('Failed to fetch plans'); const data = await res.json(); const plans = data.data || data.plans || []; if (!plans.length) { container.innerHTML = `

No plans found

Create your first subscription plan.

`; return; } container.innerHTML = plans.map(p => `

${p.days} Days Plan

₹${p.price}

Premium Access

`).join(''); } catch (err) { console.error(err); container.innerHTML = `

Failed to load plans.

`; } } function openPlanModal(id = '', days = '', price = '') { document.getElementById('plan-id').value = id; document.getElementById('plan-days').value = days; document.getElementById('plan-price').value = price; document.getElementById('plan-modal-title').innerText = id ? 'Edit Plan' : 'Add New Plan'; const modal = document.getElementById('plan-modal'); modal.classList.remove('hidden'); modal.classList.add('flex'); document.body.classList.add('overflow-hidden'); } function closePlanModal() { const modal = document.getElementById('plan-modal'); modal.classList.add('hidden'); modal.classList.remove('flex'); document.body.classList.remove('overflow-hidden'); } async function submitPlanForm(e) { e.preventDefault(); const id = document.getElementById('plan-id').value; const payload = { days: parseInt(document.getElementById('plan-days').value), price: parseFloat(document.getElementById('plan-price').value) }; try { const res = await fetch(id ? `/api/admin/subscriptions/plans/${id}` : '/api/admin/subscriptions/plans', { method: id ? 'PUT' : 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify(payload) }); if (!res.ok) throw new Error('Failed to save plan'); closePlanModal(); fetchPlans(); } catch (err) { console.error(err); showToast('Failed to save plan.', 'error', 'Save Failed'); } } async function deletePlan(id) { if (!confirm('Delete this plan?')) return; try { const res = await fetch(`/api/admin/subscriptions/plans/${id}`, { method: 'DELETE' }); if (!res.ok) throw new Error('Failed'); fetchPlans(); } catch (err) { console.error(err); showToast('Failed to delete plan.', 'error', 'Delete Failed'); } } ``` -------------------------------- ### Catalog List Rendering Source: https://github.com/weebzone/telegram-stremio/blob/master/Backend/fastapi/templates/custom_catalogs.html Renders the list of available catalogs and manages the expand/collapse UI logic. ```javascript function renderCatalogs() { const box = document.getElementById('catalog-list'); const expandBtn = document.getElementById('catalog-expand-btn'); const wrapper = document.getElementById('catalog-list-wrapper'); if (!catalogs.length) { box.innerHTML = emptyState('✨', 'No custom catalog yet', 'Create your first curated Stremio section above.'); if (expandBtn) expandBtn.classList.add('hidden'); if (wrapper) wrapper.classList.remove('collapsed'); return; } box.innerHTML = catalogs.map(c => { const isActive = c._id === selectedCatalogId; const count = (c.items || []).length; const mode = c.visibility || 'public'; const meta = VIS_META[mode] || VIS_META.public; return `

`; }).join(''); // Manage expand button: only needed when list might overflow (~3+ cards) if (catalogs.length > 3) { if (expandBtn) { expandBtn.classList.remove('hidden'); expandBtn.textContent = catalogListExpanded ? '▴ Collapse list' : '▾ Show all catalogs'; } if (wrapper) wrapper.classList.toggle('collapsed', !catalogListExpanded); } else { if (expandBtn) expandBtn.classList.add('hidden'); if (wrapper) wrapper.classList.remove('collapsed'); } } ``` -------------------------------- ### Copy Stream Link and Token Management Source: https://github.com/weebzone/telegram-stremio/blob/master/Backend/fastapi/templates/media_edit.html Utilities for generating and copying stream links to the clipboard and retrieving API tokens from various storage locations. ```javascript function copyStreamLink(qualityId, fileName) { const base = window.location.origin; const token = getCopylinkToken(); if (!token) { showErrorMessage('No API token found. Please create an API token on the Dashboard page first.'); return; } const encodedName = encodeURIComponent(fileName || 'stream'); const url = `${base}/dl/${token}/${qualityId}/${encodedName}`; navigator.clipboard.writeText(url).then(() => { showSuccessMessage('Stream link copied to clipboard!'); }).catch(() => { prompt('Copy this stream link:', url); }); } ``` ```javascript function getCopylinkToken() { const serverToken = {{ (api_token | tojson) if api_token else 'null' }}; return serverToken || sessionStorage.getItem('api_token') || localStorage.getItem('api_token') || null; } ```

Finish setting up

${escapeHtml(c.name)}