DNS record management, CSS grid, Regex, location.query
This commit is contained in:
Face
300
dns/frontend/domain.lua
Normal file
300
dns/frontend/domain.lua
Normal file
@@ -0,0 +1,300 @@
|
||||
local user = nil
|
||||
local domain = nil
|
||||
local records = {}
|
||||
local authToken = nil
|
||||
local domainName = nil
|
||||
|
||||
local domainTitle = gurt.select('#domain-title')
|
||||
local domainStatus = gurt.select('#domain-status')
|
||||
local recordsList = gurt.select('#records-list')
|
||||
local loadingElement = gurt.select('#records-loading')
|
||||
|
||||
local function showError(elementId, message)
|
||||
local element = gurt.select('#' .. elementId)
|
||||
|
||||
element.text = message
|
||||
element.classList:remove('hidden')
|
||||
end
|
||||
|
||||
local function hideError(elementId)
|
||||
local element = gurt.select('#' .. elementId)
|
||||
|
||||
element.classList:add('hidden')
|
||||
end
|
||||
|
||||
-- Forward declarations
|
||||
local loadRecords
|
||||
local renderRecords
|
||||
|
||||
local function deleteRecord(recordId)
|
||||
print('Deleting DNS record: ' .. recordId)
|
||||
|
||||
local response = fetch('gurt://localhost:8877/domain/' .. domainName .. '/records/' .. recordId, {
|
||||
method = 'DELETE',
|
||||
headers = {
|
||||
Authorization = 'Bearer ' .. authToken
|
||||
}
|
||||
})
|
||||
|
||||
if response:ok() then
|
||||
print('DNS record deleted successfully')
|
||||
|
||||
-- Remove the record from local records array
|
||||
for i = #records, 1, -1 do
|
||||
if records[i].id == recordId then
|
||||
table.remove(records, i)
|
||||
break
|
||||
end
|
||||
end
|
||||
|
||||
-- Re-render the entire list from scratch
|
||||
renderRecords()
|
||||
else
|
||||
print('Failed to delete DNS record: ' .. response:text())
|
||||
end
|
||||
end
|
||||
|
||||
-- Actual implementation
|
||||
loadRecords = function()
|
||||
print('Loading DNS records for: ' .. domainName)
|
||||
local response = fetch('gurt://localhost:8877/domain/' .. domainName .. '/records', {
|
||||
headers = {
|
||||
Authorization = 'Bearer ' .. authToken
|
||||
}
|
||||
})
|
||||
|
||||
if response:ok() then
|
||||
records = response:json()
|
||||
print('Loaded ' .. #records .. ' DNS records')
|
||||
renderRecords()
|
||||
else
|
||||
print('Failed to load DNS records: ' .. response:text())
|
||||
records = {}
|
||||
renderRecords()
|
||||
end
|
||||
end
|
||||
|
||||
renderRecords = function(appendOnly)
|
||||
if loadingElement then
|
||||
loadingElement:remove()
|
||||
loadingElement = nil
|
||||
end
|
||||
|
||||
-- Clear everything if not appending
|
||||
if not appendOnly then
|
||||
local children = recordsList.children
|
||||
while #children > 0 do
|
||||
children[1]:remove()
|
||||
children = recordsList.children
|
||||
end
|
||||
end
|
||||
|
||||
if #records == 0 then
|
||||
local emptyMessage = gurt.create('div', {
|
||||
text = 'No DNS records found. Add your first record below!',
|
||||
style = 'text-center text-[#6b7280] py-8'
|
||||
})
|
||||
recordsList:append(emptyMessage)
|
||||
return
|
||||
end
|
||||
|
||||
-- Create header only if not appending or if list is empty
|
||||
if not appendOnly or #recordsList.children == 0 then
|
||||
local header = gurt.create('div', { style = 'w-full flex justify-between gap-4 p-4 bg-gray-600 font-bold border-b rounded-xl' })
|
||||
|
||||
local typeHeader = gurt.create('div', { text = 'Type' })
|
||||
local nameHeader = gurt.create('div', { text = 'Name' })
|
||||
local valueHeader = gurt.create('div', { text = 'Value' })
|
||||
local ttlHeader = gurt.create('div', { text = 'TTL' })
|
||||
local actionsHeader = gurt.create('div', { text = 'Actions' })
|
||||
|
||||
header:append(typeHeader)
|
||||
header:append(nameHeader)
|
||||
header:append(valueHeader)
|
||||
header:append(ttlHeader)
|
||||
header:append(actionsHeader)
|
||||
recordsList:append(header)
|
||||
end
|
||||
|
||||
-- Create records list - when appending, only render the last record; otherwise render all
|
||||
local startIndex = appendOnly and #records or 1
|
||||
for i = startIndex, #records do
|
||||
local record = records[i]
|
||||
local row = gurt.create('div', { style = 'w-full flex justify-between gap-4 p-4 border-b border-gray-600 hover:bg-[rgba(244, 67, 54, 0.2)]' })
|
||||
|
||||
local typeCell = gurt.create('div', { text = record.type, style = 'font-bold' })
|
||||
local nameCell = gurt.create('div', { text = record.name or '@' })
|
||||
local valueCell = gurt.create('div', { text = record.value, style = 'font-mono text-sm break-all' })
|
||||
local ttlCell = gurt.create('div', { text = record.ttl or '3600' })
|
||||
|
||||
local actionsCell = gurt.create('div')
|
||||
local deleteBtn = gurt.create('button', {
|
||||
text = 'Delete',
|
||||
style = 'danger-btn text-xs px-2 py-1'
|
||||
})
|
||||
|
||||
deleteBtn:on('click', function()
|
||||
if deleteBtn.text == 'Delete' then
|
||||
deleteBtn.text = 'Confirm Delete'
|
||||
else
|
||||
deleteRecord(record.id)
|
||||
end
|
||||
end)
|
||||
|
||||
actionsCell:append(deleteBtn)
|
||||
|
||||
row:append(typeCell)
|
||||
row:append(nameCell)
|
||||
row:append(valueCell)
|
||||
row:append(ttlCell)
|
||||
row:append(actionsCell)
|
||||
recordsList:append(row)
|
||||
end
|
||||
end
|
||||
|
||||
local function getDomainNameFromURL()
|
||||
local nameParam = gurt.location.query.get('name')
|
||||
if nameParam then
|
||||
return nameParam:gsub('%%%.', '.')
|
||||
end
|
||||
return nil
|
||||
end
|
||||
|
||||
local function updateDomainInfo()
|
||||
if domain then
|
||||
domainTitle.text = domain.name .. '.' .. domain.tld
|
||||
domainStatus.text = 'Status: ' .. (domain.status or 'Unknown')
|
||||
end
|
||||
end
|
||||
|
||||
local function loadDomain()
|
||||
print('Loading domain details for: ' .. domainName)
|
||||
local response = fetch('gurt://localhost:8877/domain/' .. domainName, {
|
||||
headers = {
|
||||
Authorization = 'Bearer ' .. authToken
|
||||
}
|
||||
})
|
||||
|
||||
if response:ok() then
|
||||
domain = response:json()
|
||||
print('Loaded domain details')
|
||||
updateDomainInfo()
|
||||
loadRecords()
|
||||
else
|
||||
print('Failed to load domain: ' .. response:text())
|
||||
--gurt.location.goto('/dashboard.html')
|
||||
end
|
||||
end
|
||||
|
||||
local function checkAuth()
|
||||
authToken = gurt.crumbs.get("auth_token")
|
||||
|
||||
if authToken then
|
||||
print('Found auth token, checking validity...')
|
||||
local response = fetch('gurt://localhost:8877/auth/me', {
|
||||
headers = {
|
||||
Authorization = 'Bearer ' .. authToken
|
||||
}
|
||||
})
|
||||
|
||||
if response:ok() then
|
||||
user = response:json()
|
||||
print('Authentication successful for user: ' .. user.username)
|
||||
|
||||
domainName = getDomainNameFromURL()
|
||||
if domainName then
|
||||
loadDomain()
|
||||
else
|
||||
print('No domain name in URL, redirecting to dashboard')
|
||||
--gurt.location.goto('/dashboard.html')
|
||||
end
|
||||
else
|
||||
print('Token invalid, redirecting to login...')
|
||||
gurt.crumbs.delete('auth_token')
|
||||
--gurt.location.goto('../')
|
||||
end
|
||||
else
|
||||
print('No auth token found, redirecting to login...')
|
||||
--gurt.location.goto('../')
|
||||
end
|
||||
end
|
||||
|
||||
local function addRecord(type, name, value, ttl)
|
||||
hideError('record-error')
|
||||
print('Adding DNS record: ' .. type .. ' ' .. name .. ' ' .. value)
|
||||
|
||||
local response = fetch('gurt://localhost:8877/domain/' .. domainName .. '/records', {
|
||||
method = 'POST',
|
||||
headers = {
|
||||
['Content-Type'] = 'application/json',
|
||||
Authorization = 'Bearer ' .. authToken
|
||||
},
|
||||
body = JSON.stringify({
|
||||
type = type,
|
||||
name = name,
|
||||
value = value,
|
||||
ttl = ttl
|
||||
})
|
||||
})
|
||||
|
||||
if response:ok() then
|
||||
print('DNS record added successfully')
|
||||
|
||||
-- Clear form
|
||||
gurt.select('#record-name').value = ''
|
||||
gurt.select('#record-value').value = ''
|
||||
gurt.select('#record-ttl').value = '3600'
|
||||
|
||||
-- Add the new record to existing records array
|
||||
local newRecord = response:json()
|
||||
if newRecord and newRecord.id then
|
||||
-- Server returned the created record, add it to our local array
|
||||
table.insert(records, newRecord)
|
||||
-- Render only the new record
|
||||
renderRecords(true)
|
||||
else
|
||||
-- Server didn't return record details, reload to get the actual data
|
||||
loadRecords()
|
||||
end
|
||||
else
|
||||
local error = response:text()
|
||||
showError('record-error', 'Failed to add record: ' .. error)
|
||||
print('Failed to add DNS record: ' .. error)
|
||||
end
|
||||
end
|
||||
|
||||
local function logout()
|
||||
gurt.crumbs.delete('auth_token')
|
||||
print('Logged out successfully')
|
||||
--gurt.location.goto("../")
|
||||
end
|
||||
|
||||
local function goBack()
|
||||
--gurt.location.goto("/dashboard.html")
|
||||
end
|
||||
|
||||
-- Event handlers
|
||||
gurt.select('#logout-btn'):on('click', logout)
|
||||
gurt.select('#back-btn'):on('click', goBack)
|
||||
|
||||
gurt.select('#add-record-btn'):on('click', function()
|
||||
local recordType = gurt.select('#record-type').value
|
||||
local recordName = gurt.select('#record-name').value
|
||||
local recordValue = gurt.select('#record-value').value
|
||||
local recordTTL = tonumber(gurt.select('#record-ttl').value) or 3600
|
||||
|
||||
if not recordValue or recordValue == '' then
|
||||
showError('record-error', 'Record value is required')
|
||||
return
|
||||
end
|
||||
|
||||
if not recordName or recordName == '' then
|
||||
recordName = '@'
|
||||
end
|
||||
|
||||
addRecord(recordType, recordName, recordValue, recordTTL)
|
||||
end)
|
||||
|
||||
-- Initialize
|
||||
print('Domain management page initialized')
|
||||
checkAuth()
|
||||
Reference in New Issue
Block a user