[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_201":202,"_203":204},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":16,"_17":18,"_38":-7,"_117":-5,"_19":118,"_119":120,"_121":122,"_123":124,"_125":126,"_21":127,"_128":-5,"_129":-5,"_130":24,"_131":132,"_133":24,"_134":-5,"_135":-5,"_136":137},"routes/_app.x.$handle.$name.branch.$branch.history_.$",{"_11":12,"_13":14,"_15":16,"_17":18,"_19":20,"_21":22,"_23":24,"_25":26,"_27":28,"_29":24,"_30":-5},"handle","Faf","name","julio01","branchName","main","path","frontend/index.html","project",{"_32":70,"_13":14,"_36":71,"_72":-5,"_73":24,"_74":75,"_76":75,"_77":-5,"_78":-5,"_30":66,"_79":-5,"_80":24,"_81":-5,"_82":-5,"_83":26,"_40":41,"_84":-5,"_85":-5,"_86":-5,"_87":-5,"_88":89,"_90":89,"_91":92,"_93":92,"_94":92,"_95":89,"_96":89,"_51":97,"_98":99,"_100":101,"_102":24},"file",{"_61":62,"_13":63,"_64":21,"_65":24,"_69":-5},"isDirectory",false,"page",0,"history",[31],"hasNext","userId",{"_32":33,"_34":35,"_36":37,"_38":39,"_40":41,"_42":43,"_44":-5,"_45":-5,"_46":-5,"_47":-5,"_48":-5,"_49":-5,"_50":-5,"_51":52,"_21":53,"_54":-5,"_55":-5,"_56":-5,"_57":-5,"_58":59},"id","9f252738-3433-11f0-9dab-9e149126039e","branchId","0dd942d2-3433-11f0-b490-9e149126039e","createdAt",["D",1747605676623],"version",2,"orgId","d5bd8050-8cc2-42da-9363-b43822f64a95","parentId","8de723ae-3433-11f0-8c4b-9e149126039e","incomingCommitId","aiChatMessageId","aiChatThreadId","aiChatThreadUserId","aiChatThreadTitle","source","clientLabel","user",{"_32":66,"_40":41,"_11":12,"_67":68},{"_61":62,"_13":63,"_64":21,"_65":24},"pull","merge","revert","multiple","commits",[60],{"_32":33,"_34":35,"_36":37,"_38":39,"_40":41,"_42":43,"_44":-5,"_45":-5,"_46":-5,"_47":-5,"_48":-5,"_49":-5,"_50":-5,"_51":52,"_21":53,"_54":-5,"_55":-5,"_56":-5},"fileId","9f22b052-3433-11f0-9dab-9e149126039e","index.html","fileType","deleted","6d1a8823-fe10-45f4-bcbd-a770965a4076","avatar","https://img.clerk.com/eyJ0eXBlIjoiZGVmYXVsdCIsImlpZCI6Imluc18yTm10cGhQUklwU0tqZHNiOHNnNGd2ZjJURFUiLCJyaWQiOiJ1c2VyXzJtcnh0RGp4ZnpzRUc0OHdPcU9janhocmpxSiJ9","deletedAtVersion","0dd90ef2-3433-11f0-b490-9e149126039e",["D",1747605432877],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm",{"_11":12,"_116":68},"org",{"_11":12,"_112":-5,"_67":68,"_30":66,"_113":114,"_115":24},"branch",{"_38":103,"_13":16,"_32":35,"_104":70,"_105":-5,"_106":-5,"_107":-5,"_108":-5,"_109":-5,"_110":14,"_111":12},"isOwned",4,"projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","tier","free","canRestrictVals","profileImageUrl","adoptOrgId",{"_32":70,"_13":14,"_36":197,"_72":-5,"_73":24,"_74":75,"_76":75,"_77":-5,"_78":-5,"_30":66,"_79":-5,"_80":24,"_81":-5,"_82":-5,"_83":26,"_40":41,"_84":-5,"_85":-5,"_86":-5,"_87":-5,"_88":89,"_90":89,"_91":92,"_93":92,"_94":92,"_95":89,"_96":89,"_51":198,"_98":199,"_100":200,"_102":24},"tree",[160,164],"files",[160,161,162,163,164],"counts",{"_149":26,"_150":151,"_152":26,"_153":154,"_155":156},"contents",[],{"_32":138,"_13":63,"_61":62,"_42":139,"_34":35,"_140":39,"_141":142,"_36":143,"_38":26,"_64":21,"_144":145,"_65":24,"_146":-5,"_17":147},"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},"9f22af80-3433-11f0-9dab-9e149126039e","4e386a28-0160-49e6-a115-81b229fd91fa","branchVersion","latest",true,["D",1747605676623],"content","\n\n\n \n \n Add-Edit-Website\n \n \n \n\n\n

Add-Edit-Website

\n \n

\n Website Logo (100x50px)\n

\n $\"Preview\"$ \n

\n \n \n

\n Website URL\n \n

\n \n \n

\n \n \n \n Active\n \n

\n \n \n

\n Associated User\n \n

\n \n \n

User Information

\n Name\n

\n Position\n

\n Type\n

\n Status\n

Unsaved

\n \n \n

\n \n \n \n

\n \n \n

Admin Types

Master Admin
Data
Competition
Accounting
Administrative
Sales
Systems

\n \n

User Types

Customer
Distributor
Master Distributor
Engineer

\n \n \n

Websites

\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n

Logo	URL	Active	User	Position	Type	Actions

\n \n \n\n","label",[148,63],"frontend","pulls","branches",1,"forks","envVars",{"_157":26,"_159":26},"connections",{"_157":26,"_158":26},"count","unfilledCount","emptyCount",{"_32":192,"_13":148,"_61":139,"_42":-5,"_34":35,"_140":39,"_141":142,"_36":193,"_38":26,"_64":194,"_144":-5,"_65":24,"_146":-5,"_171":195,"_17":196},{"_32":138,"_13":63,"_61":62,"_42":139,"_34":35,"_140":39,"_141":142,"_36":189,"_38":26,"_64":21,"_144":145,"_65":24,"_146":-5,"_171":190,"_17":191},{"_32":182,"_13":183,"_61":184,"_42":139,"_34":35,"_140":103,"_141":142,"_36":185,"_38":26,"_64":169,"_144":186,"_65":24,"_146":-5,"_171":187,"_17":188},{"_32":174,"_13":175,"_61":176,"_42":139,"_34":35,"_140":177,"_141":142,"_36":178,"_38":26,"_64":21,"_144":179,"_65":24,"_146":-5,"_171":180,"_17":181},{"_32":165,"_13":166,"_61":167,"_42":-5,"_34":35,"_140":151,"_141":142,"_36":168,"_38":26,"_64":169,"_144":170,"_65":24,"_146":-5,"_171":172,"_17":173},"8de2357e-3433-11f0-8c4b-9e149126039e","index.ts","8de23632-3433-11f0-8c4b-9e149126039e",["D",1747605647675],"script","import { Hono } from \"https://esm.sh/hono@3.11.7\";\nimport { readFile, serveFile } from \"https://esm.town/v/std/utils@85-main/index.ts\";\nimport { sqlite } from \"https://esm.town/v/stevekrouse/sqlite\";\nimport { blob } from \"https://esm.town/v/std/blob\";\n\n// Initialize the Hono app\nconst app = new Hono();\n\n// Unwrap Hono errors to see original error details\napp.onError((err, c) => {\n throw err;\n});\n\n// Serve static files\napp.get(\"/frontend/*\", c => serveFile(c.req.path, import.meta.url));\napp.get(\"/shared/*\", c => serveFile(c.req.path, import.meta.url));\n\n// Main route - serve the dashboard\napp.get(\"/\", async c => {\n let html = await readFile(\"/frontend/index.html\", import.meta.url);\n \n // Get initial data for the dashboard\n const websites = await getWebsites();\n const users = await getUsers();\n \n // Inject data to avoid extra round-trips\n const dataScript = ``;\n\n html = html.replace(\"\", `${dataScript}`);\n return c.html(html);\n});\n\n// API endpoints\napp.post(\"/api/website\", async c => {\n try {\n const data = await c.req.json();\n const result = await saveWebsite(data);\n return c.json({ success: true, id: result.id });\n } catch (error) {\n console.error(\"Error saving website:\", error);\n return c.json({ success: false, error: error.message }, 500);\n }\n});\n\napp.delete(\"/api/website/:id\", async c => {\n try {\n const id = c.req.param(\"id\");\n await deleteWebsite(parseInt(id));\n return c.json({ success: true });\n } catch (error) {\n console.error(\"Error deleting website:\", error);\n return c.json({ success: false, error: error.message }, 500);\n }\n});\n\napp.get(\"/api/website/:id\", async c => {\n try {\n const id = c.req.param(\"id\");\n const website = await getWebsiteById(parseInt(id));\n return c.json(website);\n } catch (error) {\n console.error(\"Error getting website:\", error);\n return c.json({ success: false, error: error.message }, 500);\n }\n});\n\napp.post(\"/api/upload-image\", async c => {\n try {\n const formData = await c.req.formData();\n const file = formData.get(\"image\") as File;\n \n if (!file) {\n return c.json({ success: false, error: \"No image provided\" }, 400);\n }\n \n // Convert to buffer\n const arrayBuffer = await file.arrayBuffer();\n const buffer = new Uint8Array(arrayBuffer);\n \n // Generate a unique key for the image\n const key = `website_image_${Date.now()}`;\n \n // Store the image in blob storage\n await blob.set(key, buffer);\n \n return c.json({ success: true, key });\n } catch (error) {\n console.error(\"Error uploading image:\", error);\n return c.json({ success: false, error: error.message }, 500);\n }\n});\n\napp.get(\"/api/image/:key\", async c => {\n try {\n const key = c.req.param(\"key\");\n const image = await blob.get(key);\n \n if (!image) {\n return c.json({ success: false, error: \"Image not found\" }, 404);\n }\n \n return new Response(image, {\n headers: {\n \"Content-Type\": \"image/jpeg\"\n }\n });\n } catch (error) {\n console.error(\"Error getting image:\", error);\n return c.json({ success: false, error: error.message }, 500);\n }\n});\n\n// Database functions\nasync function initDatabase() {\n // Create websites table\n await sqlite.execute(`\n CREATE TABLE IF NOT EXISTS websites (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n image_key TEXT,\n url TEXT,\n is_active INTEGER DEFAULT 1,\n user_id INTEGER,\n created_at TEXT DEFAULT CURRENT_TIMESTAMP\n )\n `);\n \n // Create users table for demo purposes\n await sqlite.execute(`\n CREATE TABLE IF NOT EXISTS users (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n name TEXT,\n position TEXT,\n type TEXT\n )\n `);\n \n // Insert some demo users if none exist\n const users = await sqlite.execute(`SELECT COUNT(*) as count FROM users`);\n if (users.rows[0].count === 0) {\n await sqlite.execute(`\n INSERT INTO users (name, position, type) VALUES \n ('Alfonso Zambrano', 'Sales Executive', 'Sales'),\n ('John Doe', 'Engineer', 'Engineer'),\n ('Jane Smith', 'Customer Support', 'Customer')\n `);\n }\n}\n\nasync function getWebsites() {\n const result = await sqlite.execute(`\n SELECT w.*, u.name, u.position, u.type\n FROM websites w\n LEFT JOIN users u ON w.user_id = u.id\n ORDER BY w.id DESC\n `);\n return result.rows;\n}\n\nasync function getWebsiteById(id: number) {\n const result = await sqlite.execute(`\n SELECT w.*, u.name, u.position, u.type\n FROM websites w\n LEFT JOIN users u ON w.user_id = u.id\n WHERE w.id = ?\n `, [id]);\n \n return result.rows[0] || null;\n}\n\nasync function saveWebsite(data: any) {\n if (data.id) {\n // Update existing website\n await sqlite.execute(`\n UPDATE websites\n SET image_key = ?, url = ?, is_active = ?, user_id = ?\n WHERE id = ?\n `, [data.image_key, data.url, data.is_active ? 1 : 0, data.user_id, data.id]);\n return { id: data.id };\n } else {\n // Insert new website\n const result = await sqlite.execute(`\n INSERT INTO websites (image_key, url, is_active, user_id)\n VALUES (?, ?, ?, ?)\n `, [data.image_key, data.url, data.is_active ? 1 : 0, data.user_id]);\n \n return { id: result.lastInsertId };\n }\n}\n\nasync function deleteWebsite(id: number) {\n await sqlite.execute(`DELETE FROM websites WHERE id = ?`, [id]);\n}\n\nasync function getUsers() {\n const result = await sqlite.execute(`SELECT * FROM users`);\n return result.rows;\n}\n\n// Initialize database on startup\ninitDatabase().catch(console.error);\n\n// Export the Hono app\nexport default app.fetch;","children",[],[166],"ae0ae4ae-3433-11f0-9174-9e149126039e","styles.css","ae0ae562-3433-11f0-9174-9e149126039e",3,["D",1747605701637],"/* Base styles */\nbody {\n font-family: Arial, sans-serif;\n font-size: 10px;\n line-height: 1.5;\n color: #333;\n}\n\n/* Form elements */\n.form-group {\n margin-bottom: 1rem;\n}\n\nlabel {\n display: block;\n margin-bottom: 0.5rem;\n font-weight: 600;\n}\n\n.form-control {\n width: 100%;\n padding: 0.5rem;\n border: 1px solid #ddd;\n border-radius: 4px;\n font-size: 10px;\n}\n\n/* Image upload */\n.image-upload-container {\n display: flex;\n align-items: center;\n gap: 1rem;\n}\n\n.image-preview {\n width: 100px;\n height: 50px;\n border: 1px dashed #ccc;\n display: flex;\n align-items: center;\n justify-content: center;\n overflow: hidden;\n background-color: #f9f9f9;\n}\n\n/* Buttons */\n.btn {\n padding: 0.5rem 1rem;\n border: none;\n border-radius: 4px;\n cursor: pointer;\n font-size: 10px;\n font-weight: 600;\n transition: background-color 0.2s;\n}\n\n.btn-primary {\n background-color: #3490dc;\n color: white;\n}\n\n.btn-primary:hover {\n background-color: #2779bd;\n}\n\n.btn-success {\n background-color: #38c172;\n color: white;\n}\n\n.btn-success:hover {\n background-color: #2d995b;\n}\n\n.btn-danger {\n background-color: #e3342f;\n color: white;\n}\n\n.btn-danger:hover {\n background-color: #cc1f1a;\n}\n\n/* Checkbox */\n.checkbox-container {\n display: flex;\n align-items: center;\n cursor: pointer;\n user-select: none;\n}\n\n.checkbox-container input {\n margin-right: 0.5rem;\n}\n\n/* Output fields */\n.output-fields {\n background-color: #f8fafc;\n padding: 1rem;\n border-radius: 4px;\n}\n\n.output-value {\n padding: 0.5rem;\n background-color: white;\n border: 1px solid #eee;\n border-radius: 4px;\n min-height: 2rem;\n}\n\n/* Status indicators */\n.status-saved {\n background-color: #d1fae5;\n color: #065f46;\n}\n\n.status-unsaved {\n background-color: #fee2e2;\n color: #b91c1c;\n}\n\n/* Table styles */\ntable {\n width: 100%;\n border-collapse: collapse;\n}\n\ntable th, table td {\n padding: 0.75rem 1rem;\n text-align: left;\n border-bottom: 1px solid #eee;\n}\n\ntable th {\n background-color: #f8fafc;\n font-weight: 600;\n}\n\n/* Table corners */\ntable {\n border-radius: 8px;\n overflow: hidden;\n}\n\ntable thead tr:first-child th:first-child {\n border-top-left-radius: 8px;\n}\n\ntable thead tr:first-child th:last-child {\n border-top-right-radius: 8px;\n}\n\n/* Action icons */\n.action-icon {\n cursor: pointer;\n padding: 0.25rem;\n border-radius: 4px;\n}\n\n.action-icon:hover {\n background-color: #f3f4f6;\n}\n\n/* Slider bar */\n.slider-container {\n width: 100%;\n margin: 1rem 0;\n}\n\n.slider {\n -webkit-appearance: none;\n width: 100%;\n height: 8px;\n border-radius: 4px;\n background: #ddd;\n outline: none;\n}\n\n.slider::-webkit-slider-thumb {\n -webkit-appearance: none;\n appearance: none;\n width: 16px;\n height: 16px;\n border-radius: 50%;\n background: #3490dc;\n cursor: pointer;\n}\n\n.slider::-moz-range-thumb {\n width: 16px;\n height: 16px;\n border-radius: 50%;\n background: #3490dc;\n cursor: pointer;\n}\n\n/* Highlight row when saved */\n.row-highlight {\n transition: background-color 0.5s;\n}\n\n.row-saved {\n background-color: #d1fae5 !important;\n}\n\n/* Responsive adjustments */\n@media (max-width: 768px) {\n .grid {\n grid-template-columns: 1fr;\n }\n}",[],[148,175],"ca3bc418-3433-11f0-9dab-9e149126039e","main.js","ca3bc4cc-3433-11f0-9dab-9e149126039e",["D",1747605748930],"// Global variables\nlet currentWebsiteId = null;\nlet currentImageKey = null;\nlet websites = [];\nlet users = [];\nlet isDirty = false;\n\n// DOM elements\nconst imageUpload = document.getElementById('imageUpload');\nconst previewImg = document.getElementById('previewImg');\nconst selectImageBtn = document.getElementById('selectImageBtn');\nconst websiteUrl = document.getElementById('websiteUrl');\nconst isActive = document.getElementById('isActive');\nconst userId = document.getElementById('userId');\nconst userName = document.getElementById('userName');\nconst userPosition = document.getElementById('userPosition');\nconst userType = document.getElementById('userType');\nconst saveStatus = document.getElementById('saveStatus');\nconst saveBtn = document.getElementById('saveBtn');\nconst deleteBtn = document.getElementById('deleteBtn');\nconst newBtn = document.getElementById('newBtn');\nconst websitesTable = document.getElementById('websitesTable');\n\n// Initialize the application\ndocument.addEventListener('DOMContentLoaded', () => {\n // Load initial data\n if (window.__INITIAL_DATA__) {\n websites = window.__INITIAL_DATA__.websites || [];\n users = window.__INITIAL_DATA__.users || [];\n \n // Populate users dropdown\n populateUsersDropdown();\n \n // Populate websites table\n renderWebsitesTable();\n }\n \n // Set up event listeners\n setupEventListeners();\n});\n\n// Set up all event listeners\nfunction setupEventListeners() {\n // Image upload\n selectImageBtn.addEventListener('click', () => {\n imageUpload.click();\n });\n \n imageUpload.addEventListener('change', handleImageUpload);\n \n // Form inputs\n websiteUrl.addEventListener('input', handleUrlInput);\n websiteUrl.addEventListener('change', markAsDirty);\n isActive.addEventListener('change', markAsDirty);\n userId.addEventListener('change', handleUserChange);\n \n // Buttons\n saveBtn.addEventListener('click', saveWebsite);\n deleteBtn.addEventListener('click', deleteWebsite);\n newBtn.addEventListener('click', resetForm);\n}\n\n// Handle image upload\nasync function handleImageUpload(event) {\n const file = event.target.files[0];\n if (!file) return;\n \n // Show preview\n const reader = new FileReader();\n reader.onload = (e) => {\n previewImg.src = e.target.result;\n };\n reader.readAsDataURL(file);\n \n // Upload to server\n const formData = new FormData();\n formData.append('image', file);\n \n try {\n const response = await fetch('/api/upload-image', {\n method: 'POST',\n body: formData\n });\n \n const result = await response.json();\n \n if (result.success) {\n currentImageKey = result.key;\n markAsDirty();\n } else {\n alert('Error uploading image: ' + result.error);\n }\n } catch (error) {\n console.error('Error uploading image:', error);\n alert('Error uploading image. Please try again.');\n }\n}\n\n// Handle URL input - format URL\nfunction handleUrlInput(event) {\n let url = event.target.value;\n \n // Remove http:// or https:// prefix\n url = url.replace(/^https?:\\/\\//i, '');\n \n // Limit to 100 characters\n if (url.length > 100) {\n url = url.substring(0, 100);\n }\n \n event.target.value = url;\n}\n\n// Handle user selection change\nfunction handleUserChange() {\n const selectedUserId = userId.value;\n \n if (selectedUserId) {\n const selectedUser = users.find(user => user.id == selectedUserId);\n \n if (selectedUser) {\n userName.textContent = selectedUser.name;\n userPosition.textContent = selectedUser.position;\n userType.textContent = selectedUser.type;\n }\n } else {\n userName.textContent = '-';\n userPosition.textContent = '-';\n userType.textContent = '-';\n }\n \n markAsDirty();\n}\n\n// Mark form as dirty (unsaved)\nfunction markAsDirty() {\n isDirty = true;\n saveStatus.textContent = 'Unsaved';\n saveStatus.classList.remove('status-saved');\n saveStatus.classList.add('status-unsaved');\n}\n\n// Mark form as saved\nfunction markAsSaved() {\n isDirty = false;\n saveStatus.textContent = 'Saved';\n saveStatus.classList.remove('status-unsaved');\n saveStatus.classList.add('status-saved');\n}\n\n// Populate users dropdown\nfunction populateUsersDropdown() {\n userId.innerHTML = '';\n \n users.forEach(user => {\n const option = document.createElement('option');\n option.value = user.id;\n option.textContent = `${user.name} (${user.position})`;\n userId.appendChild(option);\n });\n}\n\n// Render websites table\nfunction renderWebsitesTable() {\n const tbody = websitesTable.querySelector('tbody');\n tbody.innerHTML = '';\n \n websites.forEach(website => {\n const tr = document.createElement('tr');\n tr.dataset.id = website.id;\n tr.className = 'row-highlight';\n \n // Logo\n const tdLogo = document.createElement('td');\n const img = document.createElement('img');\n img.src = website.image_key ? `/api/image/${website.image_key}` : '/frontend/placeholder.jpg';\n img.alt = 'Logo';\n img.style.width = '100px';\n img.style.height = '50px';\n tdLogo.appendChild(img);\n \n // URL\n const tdUrl = document.createElement('td');\n tdUrl.textContent = website.url;\n \n // Active\n const tdActive = document.createElement('td');\n const activeSpan = document.createElement('span');\n activeSpan.className = website.is_active ? 'text-green-600' : 'text-red-600';\n activeSpan.textContent = website.is_active ? 'Yes' : 'No';\n tdActive.appendChild(activeSpan);\n \n // User\n const tdUser = document.createElement('td');\n tdUser.textContent = website.name || '-';\n \n // Position\n const tdPosition = document.createElement('td');\n tdPosition.textContent = website.position || '-';\n \n // Type\n const tdType = document.createElement('td');\n tdType.textContent = website.type || '-';\n \n // Actions\n const tdActions = document.createElement('td');\n \n // Edit button\n const editBtn = document.createElement('button');\n editBtn.className = 'btn btn-primary mr-2';\n editBtn.textContent = 'Edit';\n editBtn.addEventListener('click', () => loadWebsite(website.id));\n \n // Delete button\n const delBtn = document.createElement('button');\n delBtn.className = 'btn btn-danger';\n delBtn.textContent = 'Delete';\n delBtn.addEventListener('click', () => {\n if (confirm('Are you sure you want to delete this website?')) {\n deleteWebsiteById(website.id);\n }\n });\n \n tdActions.appendChild(editBtn);\n tdActions.appendChild(delBtn);\n \n // Append all cells to row\n tr.appendChild(tdLogo);\n tr.appendChild(tdUrl);\n tr.appendChild(tdActive);\n tr.appendChild(tdUser);\n tr.appendChild(tdPosition);\n tr.appendChild(tdType);\n tr.appendChild(tdActions);\n \n tbody.appendChild(tr);\n });\n}\n\n// Load website data into form\nasync function loadWebsite(id) {\n try {\n const response = await fetch(`/api/website/${id}`);\n const website = await response.json();\n \n if (!website) {\n alert('Website not found');\n return;\n }\n \n // Set current website ID\n currentWebsiteId = website.id;\n currentImageKey = website.image_key;\n \n // Populate form\n if (website.image_key) {\n previewImg.src = `/api/image/${website.image_key}`;\n } else {\n previewImg.src = '/frontend/placeholder.jpg';\n }\n \n websiteUrl.value = website.url || '';\n isActive.checked = !!website.is_active;\n \n if (website.user_id) {\n userId.value = website.user_id;\n handleUserChange();\n } else {\n userId.value = '';\n userName.textContent = '-';\n userPosition.textContent = '-';\n userType.textContent = '-';\n }\n \n // Enable delete button\n deleteBtn.disabled = false;\n \n // Mark as saved\n markAsSaved();\n \n } catch (error) {\n console.error('Error loading website:', error);\n alert('Error loading website. Please try again.');\n }\n}\n\n// Save website\nasync function saveWebsite() {\n try {\n // Validate form\n if (!websiteUrl.value.trim()) {\n alert('Please enter a website URL');\n return;\n }\n \n // Prepare data\n const data = {\n id: currentWebsiteId,\n image_key: currentImageKey,\n url: websiteUrl.value.trim(),\n is_active: isActive.checked,\n user_id: userId.value || null\n };\n \n // Send to server\n const response = await fetch('/api/website', {\n method: 'POST',\n headers: {\n 'Content-Type': 'application/json'\n },\n body: JSON.stringify(data)\n });\n \n const result = await response.json();\n \n if (result.success) {\n // Update current ID if this was a new record\n if (!currentWebsiteId) {\n currentWebsiteId = result.id;\n deleteBtn.disabled = false;\n }\n \n // Mark as saved\n markAsSaved();\n \n // Highlight the row in the table\n highlightSavedRow(currentWebsiteId);\n \n // Refresh data\n await refreshData();\n \n alert('Website saved successfully');\n } else {\n alert('Error saving website: ' + result.error);\n }\n } catch (error) {\n console.error('Error saving website:', error);\n alert('Error saving website. Please try again.');\n }\n}\n\n// Delete website\nasync function deleteWebsite() {\n if (!currentWebsiteId) return;\n \n if (!confirm('Are you sure you want to delete this website?')) {\n return;\n }\n \n await deleteWebsiteById(currentWebsiteId);\n}\n\n// Delete website by ID\nasync function deleteWebsiteById(id) {\n try {\n const response = await fetch(`/api/website/${id}`, {\n method: 'DELETE'\n });\n \n const result = await response.json();\n \n if (result.success) {\n // If we deleted the current website, reset the form\n if (id == currentWebsiteId) {\n resetForm();\n }\n \n // Refresh data\n await refreshData();\n \n alert('Website deleted successfully');\n } else {\n alert('Error deleting website: ' + result.error);\n }\n } catch (error) {\n console.error('Error deleting website:', error);\n alert('Error deleting website. Please try again.');\n }\n}\n\n// Reset form for new website\nfunction resetForm() {\n currentWebsiteId = null;\n currentImageKey = null;\n \n previewImg.src = '/frontend/placeholder.jpg';\n websiteUrl.value = '';\n isActive.checked = true;\n userId.value = '';\n \n userName.textContent = '-';\n userPosition.textContent = '-';\n userType.textContent = '-';\n \n deleteBtn.disabled = true;\n \n markAsDirty();\n}\n\n// Refresh data from server\nasync function refreshData() {\n try {\n const response = await fetch('/');\n const html = await response.text();\n \n // Extract the initial data script\n const match = html.match(/

History · index.html