diff --git a/static/css/admin.css b/static/css/admin.css new file mode 100644 index 0000000..3568c2b --- /dev/null +++ b/static/css/admin.css @@ -0,0 +1 @@ +:root{--bg:#fafafa;--surface:#fff;--surface2:#f4f4f5;--line:#e4e4e7;--text:#18181b;--muted:#71717a;--faint:#a1a1aa;--accent:#2563eb;--green:#16a34a;--red:#dc2626;--amber:#d97706;--radius:8px}*{box-sizing:border-box}html{background:var(--bg);color:var(--text)}html.dark{--bg:#09090b;--surface:#111113;--surface2:#18181b;--line:#27272a;--text:#f4f4f5;--muted:#a1a1aa;--faint:#71717a}.admin-shell{min-height:100vh;display:flex;background:var(--bg);font:14px/1.5 -apple-system,BlinkMacSystemFont,"Inter","Segoe UI","PingFang SC",sans-serif}.admin-sidebar{width:220px;flex:none;border-right:1px solid var(--line);background:var(--surface);padding:18px 12px;display:flex;flex-direction:column}.admin-brand{font-weight:650;font-size:15px;padding:8px 10px 26px}.admin-label{font-size:10px;letter-spacing:.1em;color:var(--faint);font-weight:650;padding:0 10px 7px}.admin-nav{display:block;text-decoration:none;color:var(--muted);padding:8px 10px;border-radius:6px;margin:2px 0}.admin-nav:hover,.admin-nav.active{background:var(--surface2);color:var(--text)}.admin-nav.active{font-weight:600}.admin-sidebar-foot{margin-top:auto;border-top:1px solid var(--line);padding:12px 10px}.admin-sidebar-foot a{color:var(--muted);text-decoration:none;font-size:12px}.admin-content{min-width:0;flex:1}.admin-main{max-width:1200px;margin:auto;padding:0 40px 50px}.admin-topbar{height:82px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.admin-topbar h1{font-size:20px;letter-spacing:-.02em;margin:0;font-weight:650}.admin-sub{font-size:12px;color:var(--muted);margin-top:3px}.top-actions{display:flex;gap:8px}.btn{border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:6px;padding:7px 11px;font-size:13px;cursor:pointer;text-decoration:none}.btn:hover{background:var(--surface2)}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn-danger{color:var(--red)}.section{padding-top:28px}.section-title{font-size:13px;font-weight:650;margin-bottom:12px}.metric-strip{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);background:var(--surface);border-radius:8px;overflow:hidden}.metric{padding:18px 20px;border-right:1px solid var(--line)}.metric:last-child{border-right:0}.metric-value{font-size:25px;font-weight:650;letter-spacing:-.03em}.metric-label{font-size:12px;color:var(--muted);margin-top:2px}.green{color:var(--green)}.red{color:var(--red)}.panel{border:1px solid var(--line);background:var(--surface);border-radius:8px}.action-list{display:grid;grid-template-columns:repeat(4,1fr)}.action{padding:18px;border-right:1px solid var(--line);text-decoration:none;color:inherit}.action:last-child{border-right:0}.action:hover{background:var(--surface2)}.action strong{display:block;font-size:13px}.action span{display:block;color:var(--muted);font-size:12px;margin-top:3px}.table-toolbar{display:flex;justify-content:space-between;gap:12px;margin-bottom:12px}.search-input,.input,select{height:36px;border:1px solid var(--line);border-radius:6px;background:var(--surface);color:var(--text);padding:0 10px;outline:0}.search-input:focus,.input:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 2px rgba(37,99,235,.12)}.search-input{width:320px}.table-wrap{overflow:auto}.data-table{width:100%;border-collapse:collapse}.data-table th{text-align:left;font-size:11px;color:var(--faint);font-weight:650;padding:10px 14px;border-bottom:1px solid var(--line)}.data-table td{padding:12px 14px;border-bottom:1px solid var(--line);font-size:13px}.data-table tbody tr:hover{background:var(--surface2)}.status-inline{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:12px}.dot{width:6px;height:6px;border-radius:50%;background:var(--faint)}.dot.online{background:var(--green)}.dot.offline{background:var(--red)}.tag{font-size:11px;color:var(--muted);background:var(--surface2);border:1px solid var(--line);padding:2px 6px;border-radius:4px}.modal-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.38);z-index:20;align-items:center;justify-content:center;padding:20px}.modal-content{width:min(620px,100%);max-height:88vh;overflow:auto;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:24px}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.modal-head h2{font-size:16px;margin:0}.close{border:0;background:none;color:var(--muted);font-size:20px;cursor:pointer}.form-group{margin-bottom:14px}.form-group label{display:block;font-size:12px;color:var(--muted);margin-bottom:5px}.form-group .input{width:100%}.form-row{display:flex;gap:12px}.form-row>*{flex:1}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.notice{padding:10px 12px;background:var(--surface2);border:1px solid var(--line);border-radius:6px;color:var(--muted);font-size:12px}.login-shell{min-height:100vh;display:grid;place-items:center;background:var(--bg);padding:20px}.login-box{width:min(380px,100%);background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:30px}.login-brand{font-size:18px;font-weight:650;margin-bottom:5px}.login-sub{font-size:12px;color:var(--muted);margin-bottom:25px}.login-box .input{width:100%;margin-bottom:14px}.login-box .btn-primary{width:100%;height:38px}.error-box{padding:9px 11px;background:#fef2f2;border:1px solid #fecaca;color:var(--red);border-radius:6px;font-size:12px;margin-bottom:15px}.alert{padding:10px 12px;background:#eff6ff;border:1px solid #bfdbfe;color:#1d4ed8;border-radius:6px;font-size:12px;margin-bottom:18px}@media(max-width:760px){.admin-sidebar{width:170px}.admin-main{padding:0 20px 40px}.metric-strip,.action-list{grid-template-columns:repeat(2,1fr)}.metric:nth-child(2){border-right:0}.metric:nth-child(-n+2){border-bottom:1px solid var(--line)}.action:nth-child(2){border-right:0}.action:nth-child(-n+2){border-bottom:1px solid var(--line)}}@media(max-width:560px){.admin-sidebar{display:none}.admin-main{padding:0 15px 35px}.admin-topbar{height:70px}.top-actions .btn{font-size:12px;padding:6px 8px}.metric{padding:14px}.action{padding:15px 12px}.form-row{flex-direction:column;gap:0}.search-input{width:100%}.table-toolbar{flex-direction:column}.data-table th,.data-table td{padding:10px 8px}} diff --git a/templates/admin/categories.html b/templates/admin/categories.html index 4e5917b..8df15f9 100644 --- a/templates/admin/categories.html +++ b/templates/admin/categories.html @@ -1,176 +1,10 @@ - - - - - - 分类管理 - ToNav - - - -
-
-

📂 分类管理

-
- - 返回 -
-
-
-
加载中...
-
-
- - - - +Categories - ToNav

Categories

Organize services into groups
Services
Loading...
+ - - +async function load(){const r=await fetch('/admin/api/categories'),d=await r.json();if(!d.data?.length){list.innerHTML='
No categories yet.
';return}list.innerHTML=d.data.map(c=>`
${escapeHTML(c.name)}order ${c.sort_order}
`).join('')} +function openModal(id,name,order){editId.value=id||'';catName.value=name||'';catOrder.value=order||0;modalTitle.textContent=id?'Edit category':'Add category';modal.style.display='flex';catName.focus()} +function edit(c){openModal(c.id,c.name,c.sort_order)}function closeModal(){modal.style.display='none'} +async function save(){const id=editId.value,name=catName.value.trim();if(!name)return alert('Name is required');const body={name,sort_order:+catOrder.value||0};if(id)body.id=+id;const r=await fetch(id?'/admin/api/categories/'+id:'/admin/api/categories',{method:id?'PUT':'POST',headers:{'Content-Type':'application/json'},body:JSON.stringify(body)}),d=await r.json();if(d.success){closeModal();load()}else alert(d.message||'Save failed')} +async function del(id,name){if(!confirm('Delete '+name+'?'))return;const r=await fetch('/admin/api/categories/'+id,{method:'DELETE'}),d=await r.json();if(d.success)load();else alert(d.message||'Delete failed')} +function escapeHTML(s){const d=document.createElement('div');d.textContent=s||'';return d.innerHTML}document.addEventListener('keydown',e=>{if(e.key==='Escape')closeModal()});load(); + diff --git a/templates/admin/change_password.html b/templates/admin/change_password.html index cfb8ab3..39d4fb2 100644 --- a/templates/admin/change_password.html +++ b/templates/admin/change_password.html @@ -1,45 +1 @@ - - - - - - 修改密码 - ToNav - - - -
-

🔐 修改密码

-
⚠️ 首次登录请先修改初始密码以启用管理功能。
- - {{ if .error }} -
{{ .error }}
- {{ end }} - -
- - - - - - - -
-
- - +Change password - ToNav
For security, the initial password must be changed before continuing.
{{ if .error }}
{{ .error }}
{{ end }}
diff --git a/templates/admin/dashboard.html b/templates/admin/dashboard.html index 3a1ad02..d05b990 100644 --- a/templates/admin/dashboard.html +++ b/templates/admin/dashboard.html @@ -1,353 +1,58 @@ - - - ToNav 管理后台 - + +Overview - ToNav + -
-
-

🧭 ToNav 管理后台

-
- 查看前台 - 修改密码 - 退出登录 -
-
- -
-
-
{{ .service_count }}
-
总服务数
-
-
-
{{ .category_count }}
-
分类数
-
-
-
{{ .online_count }}
-
在线服务
-
-
-
{{ .offline_count }}
-
离线服务
-
-
- -
- -
📡
-
服务管理
- - -
📂
-
分类管理
- -
-
☁️
-
立即云备份
-
-
-
⚙️
-
系统设置
-
-
-
- - - - +
+ +
+

Overview

Service directory and system status
Open site
+
System status
+
{{ .service_count }}
Services
{{ .category_count }}
Categories
{{ .online_count }}
Online
{{ .offline_count }}
Offline
+
Quick actions
+ServicesManage service entries +CategoriesOrganize your directory +SettingsSite, backup and MCP +
BackupRun cloud backup now
+
+
+ - - +function toggleTheme(){const dark=!document.documentElement.classList.contains('dark');document.documentElement.classList.toggle('dark',dark);localStorage.setItem('tonav-theme',dark?'dark':'light')} +function closeSettings(){document.getElementById('settingsModal').style.display='none'} +async function showSettings(){const r=await fetch('/admin/api/settings'),d=await r.json();cfg_site_title.value=d.site_title||'';cfg_url.value=d.webdav_url||'';cfg_user.value=d.webdav_user||'';cfg_pass.value=d.webdav_password||'';cfg_auto_backup.checked=d.auto_backup==='true';document.getElementById('settingsModal').style.display='flex';loadMCPStatus();loadCloudBackups()} +async function loadMCPStatus(){try{const r=await fetch('/admin/api/mcp/status'),d=await r.json();cfg_mcp_enabled.checked=d.enabled;mcpTokenRow.style.display=d.enabled?'block':'none';cfg_mcp_token.value=d.token_masked||'Not generated'}catch(e){}} +async function toggleMCP(){const enabled=cfg_mcp_enabled.checked;try{const r=await fetch('/admin/api/mcp/enabled',{method:'POST',headers:{'Content-Type':'application/json'},body:JSON.stringify({enabled})}),d=await r.json();if(!d.success)throw Error(d.message)}catch(e){alert(e.message||'Failed');cfg_mcp_enabled.checked=!enabled;mcpTokenRow.style.display=enabled?'none':'block'}} +async function copyMCPToken(btn){try{const r=await fetch('/admin/api/mcp/token'),d=await r.json();if(!d.success)throw Error(d.message);await navigator.clipboard.writeText(d.token);const old=btn.textContent;btn.textContent='Copied';setTimeout(()=>btn.textContent=old,1200)}catch(e){alert('Copy failed: '+e.message)}} +async function regenMCPToken(){if(!confirm('Regenerate token? The old token will stop working.'))return;const r=await fetch('/admin/api/mcp/token',{method:'POST'}),d=await r.json();if(d.success){alert('New token:\n\n'+d.token);loadMCPStatus()}else alert(d.message)} +async function loadCloudBackups(){const el=backupList;try{const r=await fetch('/admin/api/backup/list'),d=await r.json();if(!d.files?.length){el.textContent='No cloud backups';return}el.innerHTML=d.files.map(f=>`
${f.name}${formatTime(f.mod_time)} · ${formatSize(f.size)}
`).join('')}catch(e){el.textContent='Unable to load backups'}} +function formatSize(b){if(!b)return'';if(b<1024)return b+' B';if(b<1048576)return(b/1024).toFixed(1)+' KB';return(b/1048576).toFixed(1)+' MB'} +function formatTime(s){if(!s)return'';const d=new Date(s);return isNaN(d)?s:d.toLocaleString('zh-CN')} +async function saveSettings(){const data={site_title:cfg_site_title.value,webdav_url:cfg_url.value,webdav_user:cfg_user.value,webdav_password:cfg_pass.value,auto_backup:cfg_auto_backup.checked?'true':'false'};const r=await fetch('/admin/api/settings',{method:'POST',headers:{'Content-Type':'application/json'},body:JSON.stringify(data)}),d=await r.json();alert(d.message||'Saved')} +async function runBackup(){if(!confirm('Run cloud backup now?'))return;const r=await fetch('/admin/api/backup/webdav',{method:'POST'}),d=await r.json();alert(d.message||'Backup complete')} +async function restoreBackup(name){name=decodeURIComponent(name);if(!confirm('Restore '+name+'? Current database will be backed up first.'))return;const r=await fetch('/admin/api/backup/restore?name='+encodeURIComponent(name),{method:'POST'}),d=await r.json();alert(d.message||'Done');if(d.success)location.reload()} +async function deleteBackup(name){name=decodeURIComponent(name);if(!confirm('Delete '+name+'?'))return;const r=await fetch('/admin/api/backup/delete?name='+encodeURIComponent(name),{method:'DELETE'}),d=await r.json();if(d.success)loadCloudBackups();else alert(d.message)} +document.addEventListener('keydown',e=>{if(e.key==='Escape')closeSettings()}); + diff --git a/templates/admin/login.html b/templates/admin/login.html index 26e18fb..8262fa9 100644 --- a/templates/admin/login.html +++ b/templates/admin/login.html @@ -1,40 +1 @@ - - - - - - ToNav 管理登录 - - - -
-

🧭 ToNav

- {{ if .error }} -
{{ .error }}
- {{ end }} -
- - - - - -
-
- - +Sign in - ToNav
{{ if .error }}
{{ .error }}
{{ end }}
diff --git a/templates/admin/services.html b/templates/admin/services.html index 9399ce3..1dfc34d 100644 --- a/templates/admin/services.html +++ b/templates/admin/services.html @@ -1,289 +1,9 @@ - - - - - - 服务管理 - ToNav - - - -
-
-

📡 服务管理

-
- - 返回 -
-
-
- - - - - - - - - - - - -
图标名称分类状态排序操作
- -
-
- - - - - - - +Services - ToNav

Services

Manage entries in your service directory
Open site
ServiceCategoryStatusOrderActions
+ +