User not found. Please check your Telegram login or contact support.
`;
return;
}
// Clear container before rendering
container.innerHTML = "";
console.log('[DEBUG] renderUserAndWorkStates received user:', user);
// Tabbed interface: Work State, Add Correction, My Corrections
container.innerHTML = `
${window.currentUser.role === 'super_admin' ? `
${window.currentUser.role}
Telegram ID: ${user.telegram_id}
` : ''}
Hello, ${user.first_name} ${user.last_name || ''}!
Your work state:
${(user.work_state && user.work_state !== "") ? user.work_state.replace('_', ' ') : "unknown"}
${user.remote_chek_in ? `
${user.work_state === "check_in" ? "Check Out" : "Check In"}
` : ``}
Work Records
Time Corrections
${(states && states.length) ? `
` : ''}
Loading corrections...
`;
try {
// For 'All corrections', omit uuid param
let url = `${apiBase}/time_correction_from_users?limit=20`;
if (uuid !== undefined && uuid !== null && uuid !== '' && uuid !== 'null') {
url = `${apiBase}/time_correction_from_users?uuid=${uuid}&limit=5`;
}
const res = await fetch(url);
if (!res.ok) {
const text = await res.text();
console.error('Failed to fetch corrections:', res.status, text);
throw new Error('Failed to fetch corrections');
}
const corrections = await res.json();
if (!Array.isArray(corrections) || corrections.length === 0) {
listPane.innerHTML = `No corrections found.
`;
return;
}
// If viewing all corrections (uuid is null), show a table with names
if (!uuid) {
listPane.innerHTML = `
Failed to load corrections.
';
}
}
// Use the CDN version of @telegram-apps/sdk, loaded in index.html
// Access retrieveLaunchParams via window.TelegramAppsSdk
function getInitDataFromUrl() {
// Try both search and hash for tgWebAppData/initData
let data = null;
if (window.location.search && window.location.search.includes('=')) {
const params = new URLSearchParams(window.location.search);
data = params.get('initData') || params.get('tgWebAppData');
}
if (!data && window.location.hash) {
const hash = window.location.hash.substring(1); // remove '#'
if (hash.includes('=')) {
const hashParams = new URLSearchParams(hash);
data = hashParams.get('tgWebAppData') || hashParams.get('initData');
}
if (!data) {
// Sometimes hash is not query params, but a single string
// e.g. #tgWebAppData=....&tgWebAppVersion=...
const match = hash.match(/tgWebAppData=([^&]+)/);
if (match) data = decodeURIComponent(match[1]);
}
}
return data;
}
function parseUserFromTgWebAppData(tgWebAppData) {
// tgWebAppData is a query string, e.g. query_id=...&user=%7B...%7D&...&hash=...
if (!tgWebAppData || !tgWebAppData.includes('=')) return null;
try {
const params = new URLSearchParams(tgWebAppData);
let user = params.get('user');
if (user) {
user = JSON.parse(decodeURIComponent(user));
// Ensure telegram_id is present for backend compatibility
if (!user.telegram_id && user.id) {
user.telegram_id = String(user.id);
}
return user;
}
} catch (e) {
console.warn('Failed to parse user from tgWebAppData:', e);
}
return null;
}
async function loadUser() {
let telegram_id = null;
let initData = null;
let fallbackUser = null;
// Try @telegram-apps/sdk first
try {
const sdkParams = window.TelegramAppsSdk.retrieveLaunchParams();
console.log('[SDK] retrieveLaunchParams:', sdkParams);
const { initData: sdkInitData } = sdkParams;
if (sdkInitData && sdkInitData.user && sdkInitData.user.id) {
telegram_id = sdkInitData.user.id;
}
} catch (e) {
console.warn('Failed to use TelegramAppsSdk:', e);
}
// Try window.Telegram.WebApp
if (!telegram_id && window.Telegram && window.Telegram.WebApp && window.Telegram.WebApp.initDataUnsafe && window.Telegram.WebApp.initDataUnsafe.user) {
telegram_id = window.Telegram.WebApp.initDataUnsafe.user.id;
}
// Fallback: try parsing from URL hash
if (!telegram_id) {
const tgWebAppData = getInitDataFromUrl();
fallbackUser = parseUserFromTgWebAppData(tgWebAppData);
if (fallbackUser && fallbackUser.telegram_id) {
telegram_id = fallbackUser.telegram_id;
}
}
if (!telegram_id) {
document.getElementById("data").innerHTML = "Loading corrections...
';
try {
const res = await fetch(`${apiBase}/time_correction_from_users?order=created_at.desc&limit=5`);
let data = [];
if (res.ok) {
data = await res.json();
// Filter by uuid (since backend may not support uuid param yet)
data = data.filter(tc => tc.uuid === uuid).slice(0, 5);
}
if (!data.length) {
listSection.innerHTML = 'No corrections found.
';
return;
}
listSection.innerHTML = `Failed to load corrections.
';
}
}
// --- END Time Corrections Component ---
document.addEventListener("DOMContentLoaded", loadUser);