577 lines
26 KiB
Go
577 lines
26 KiB
Go
package main
|
|
|
|
import (
|
|
"fmt"
|
|
"strings"
|
|
|
|
"verstak/internal/i18n"
|
|
)
|
|
|
|
func userRegisterHTML(locale string) string {
|
|
return fmt.Sprintf(`<!DOCTYPE html>
|
|
<html lang="ru">
|
|
<head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1">
|
|
<title>Verstak Sync — %s</title>
|
|
<style>body{font-family:sans-serif;background:#13131f;color:#e4e4ef;display:flex;justify-content:center;align-items:center;height:100vh;margin:0}
|
|
form{background:#1a1a28;border:1px solid #2a2a3c;border-radius:12px;padding:32px;width:320px}
|
|
h1{font-size:20px;margin:0 0 20px;text-align:center}
|
|
p{text-align:center;font-size:12px;color:#666;margin-top:16px}
|
|
a{color:#6366f1}
|
|
label{display:block;font-size:12px;color:#888;margin-bottom:4px}
|
|
input{width:100%%;padding:8px 12px;border:1px solid #2a2a3c;background:#13131f;color:#e4e4ef;border-radius:6px;font-size:14px;margin-bottom:16px;box-sizing:border-box}
|
|
button{width:100%%;padding:10px;background:#6366f1;color:#fff;border:none;border-radius:6px;font-size:14px;cursor:pointer}
|
|
button:hover{background:#4f46e5}
|
|
.hint{font-size:11px;color:#666;margin-top:-12px;margin-bottom:16px;text-align:center}
|
|
</style>
|
|
</head><body>
|
|
<form method="POST">
|
|
<h1>%s</h1>
|
|
<label>%s</label>
|
|
<input type="text" name="username" autofocus required>
|
|
<label>%s</label>
|
|
<input type="email" name="email" required>
|
|
<label>%s</label>
|
|
<input type="password" name="password" required minlength="8">
|
|
<div class="hint">%s</div>
|
|
<button>%s</button>
|
|
<p>%s <a href="/login">%s</a></p>
|
|
</form>
|
|
</body></html>`,
|
|
i18n.T(locale, "server.registerTitle"),
|
|
i18n.T(locale, "server.register"),
|
|
i18n.T(locale, "server.username"),
|
|
i18n.T(locale, "server.email"),
|
|
i18n.T(locale, "server.password"),
|
|
i18n.T(locale, "server.passwordHint"),
|
|
i18n.T(locale, "server.registerBtn"),
|
|
i18n.T(locale, "server.alreadyHaveAccount"),
|
|
i18n.T(locale, "server.loginBtn"),
|
|
)
|
|
}
|
|
|
|
func userLoginHTML(locale string) string {
|
|
return fmt.Sprintf(`<!DOCTYPE html>
|
|
<html lang="ru">
|
|
<head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1">
|
|
<title>Verstak Sync — %s</title>
|
|
<style>body{font-family:sans-serif;background:#13131f;color:#e4e4ef;display:flex;justify-content:center;align-items:center;height:100vh;margin:0}
|
|
form{background:#1a1a28;border:1px solid #2a2a3c;border-radius:12px;padding:32px;width:320px}
|
|
h1{font-size:20px;margin:0 0 20px;text-align:center}
|
|
p{text-align:center;font-size:12px;color:#666;margin-top:16px}
|
|
a{color:#6366f1}
|
|
label{display:block;font-size:12px;color:#888;margin-bottom:4px}
|
|
input{width:100%%;padding:8px 12px;border:1px solid #2a2a3c;background:#13131f;color:#e4e4ef;border-radius:6px;font-size:14px;margin-bottom:16px;box-sizing:border-box}
|
|
button{width:100%%;padding:10px;background:#6366f1;color:#fff;border:none;border-radius:6px;font-size:14px;cursor:pointer}
|
|
button:hover{background:#4f46e5}
|
|
.links{margin-top:16px;text-align:center;font-size:12px;color:#666;line-height:1.8}
|
|
.links a{color:#6366f1;text-decoration:none}
|
|
.links a:hover{text-decoration:underline}</style>
|
|
</head><body>
|
|
<form method="POST">
|
|
<h1>Verstak Sync</h1>
|
|
<label>%s</label>
|
|
<input type="text" name="username" autofocus required>
|
|
<label>%s</label>
|
|
<input type="password" name="password" required>
|
|
<button>%s</button>
|
|
<div class="links">
|
|
<a href="/forgot">%s</a><br>
|
|
<a href="/register">%s</a> · <a href="/admin/login">%s</a>
|
|
</div>
|
|
</form>
|
|
</body></html>`,
|
|
i18n.T(locale, "server.loginTitle"),
|
|
i18n.T(locale, "server.usernameOrEmail"),
|
|
i18n.T(locale, "server.password"),
|
|
i18n.T(locale, "server.loginBtn"),
|
|
i18n.T(locale, "server.forgotPassword"),
|
|
i18n.T(locale, "server.registerBtn"),
|
|
i18n.T(locale, "server.adminLink"),
|
|
)
|
|
}
|
|
|
|
func adminLoginHTML(locale string) string {
|
|
return fmt.Sprintf(`<!DOCTYPE html>
|
|
<html lang="ru">
|
|
<head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1">
|
|
<title>%s</title>
|
|
<style>body{font-family:sans-serif;background:#13131f;color:#e4e4ef;display:flex;justify-content:center;align-items:center;height:100vh;margin:0}
|
|
form{background:#1a1a28;border:1px solid #2a2a3c;border-radius:12px;padding:32px;width:320px}
|
|
h1{font-size:20px;margin:0 0 20px;text-align:center}
|
|
label{display:block;font-size:12px;color:#888;margin-bottom:4px}
|
|
input{width:100%%;padding:8px 12px;border:1px solid #2a2a3c;background:#13131f;color:#e4e4ef;border-radius:6px;font-size:14px;margin-bottom:16px;box-sizing:border-box}
|
|
button{width:100%%;padding:10px;background:#6366f1;color:#fff;border:none;border-radius:6px;font-size:14px;cursor:pointer}
|
|
button:hover{background:#4f46e5}</style>
|
|
</head><body>
|
|
<form method="POST">
|
|
<h1>Verstak Sync</h1>
|
|
<label>%s</label>
|
|
<input type="text" name="username" autofocus required>
|
|
<label>%s</label>
|
|
<input type="password" name="password" required>
|
|
<button>%s</button>
|
|
</form>
|
|
</body></html>`,
|
|
i18n.T(locale, "admin.login"),
|
|
i18n.T(locale, "admin.username"),
|
|
i18n.T(locale, "admin.password"),
|
|
i18n.T(locale, "admin.loginBtn"),
|
|
)
|
|
}
|
|
|
|
func adminUsersHTML(locale string) string {
|
|
newPassResult := i18n.T(locale, "server.newPasswordResult")
|
|
newPassParts := strings.SplitN(newPassResult, "%s", 2)
|
|
newPassPrefix := newPassParts[0]
|
|
newPassSuffix := strings.ReplaceAll(newPassParts[1], "\n", "\\n")
|
|
|
|
deleteMsg := i18n.T(locale, "admin.deleteUserMessage")
|
|
deleteMsgParts := strings.SplitN(deleteMsg, "%s", 2)
|
|
delMsgPrefix := deleteMsgParts[0]
|
|
delMsgSuffix := deleteMsgParts[1]
|
|
|
|
return fmt.Sprintf(`<!DOCTYPE html>
|
|
<html lang="ru">
|
|
<head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1">
|
|
<title>%[1]s</title>
|
|
<style>
|
|
body{font-family:sans-serif;background:#13131f;color:#e4e4ef;padding:24px;max-width:960px;margin:0 auto}
|
|
a{color:#6366f1}
|
|
h1{border-bottom:1px solid #2a2a3c;padding-bottom:12px}
|
|
table{width:100%%;border-collapse:collapse;margin-top:12px}
|
|
th,td{text-align:left;padding:8px 12px;border-bottom:1px solid #2a2a3c}
|
|
th{font-size:12px;color:#888;text-transform:uppercase;cursor:pointer;user-select:none}
|
|
th:hover{color:#b0b0c0}
|
|
th.sorted{color:#6366f1}
|
|
.btn{font-family:inherit;font-size:12px;padding:6px 12px;border-radius:6px;border:1px solid #2a2a3c;background:#1a1a28;color:#ccc;cursor:pointer;display:inline-flex;align-items:center;gap:4px}
|
|
.btn:hover{background:#222233}
|
|
.btn-primary{background:#6366f1;border-color:#6366f1;color:#fff}
|
|
.btn-primary:hover{background:#4f46e5}
|
|
.btn-danger{color:#ff6b6b;border-color:#4a2222}
|
|
.btn-danger:hover{background:#3a2222}
|
|
.btn-sm{padding:2px 8px;font-size:11px}
|
|
input{font-family:inherit;font-size:14px;padding:8px 12px;border:1px solid #2a2a3c;background:#13131f;color:#e4e4ef;border-radius:6px;box-sizing:border-box}
|
|
input:focus{outline:none;border-color:#6366f1}
|
|
.toolbar{display:flex;gap:8px;margin:12px 0;flex-wrap:wrap;align-items:center}
|
|
.pagination{display:flex;gap:8px;margin-top:12px;align-items:center;justify-content:center}
|
|
.pagination span{padding:4px 8px;font-size:12px;color:#888}
|
|
.badge{padding:2px 8px;border-radius:4px;font-size:11px}
|
|
.badge-green{background:#064e3b;color:#34d399}
|
|
.badge-red{background:#4a2222;color:#ff6b6b}
|
|
.badge-yellow{background:#4a3e00;color:#fbbf24}
|
|
.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.6);display:flex;align-items:center;justify-content:center;z-index:100}
|
|
.modal{background:#1a1a28;border:1px solid #2a2a3c;border-radius:12px;padding:24px;width:400px;max-width:90vw;position:relative}
|
|
.modal h2{margin-top:0;font-size:16px}
|
|
.modal-close{position:absolute;top:10px;right:14px;font-size:20px;cursor:pointer;background:none;border:none;color:#888}
|
|
.modal-close:hover{color:#e4e4ef}
|
|
.form-row{display:flex;gap:8px;margin-bottom:12px;align-items:center}
|
|
.form-row label{font-size:12px;color:#888;min-width:80px;flex-shrink:0}
|
|
.form-row input{flex:1}
|
|
</style>
|
|
</head><body>
|
|
<h1>%[2]s</h1>
|
|
<p><a href="/admin/dashboard">%[3]s</a></p>
|
|
|
|
<div class="toolbar">
|
|
<input id="filter-input" placeholder="%[4]s" style="width:200px" onkeyup="loadUsers()">
|
|
</div>
|
|
|
|
<table>
|
|
<thead><tr>
|
|
<th onclick="sortBy('username')">%[5]s <span id="s-username"></span></th>
|
|
<th onclick="sortBy('email')">%[6]s <span id="s-email"></span></th>
|
|
<th onclick="sortBy('confirmed')">%[7]s <span id="s-confirmed"></span></th>
|
|
<th onclick="sortBy('devices')">%[8]s <span id="s-devices"></span></th>
|
|
<th onclick="sortBy('last_seen')">%[9]s <span id="s-last_seen"></span></th>
|
|
<th>%[10]s</th>
|
|
</tr></thead>
|
|
<tbody id="users-tbody"></tbody>
|
|
</table>
|
|
|
|
<div class="pagination" id="pagination"></div>
|
|
|
|
<div id="confirm-modal" class="modal-overlay" style="display:none">
|
|
<div class="modal">
|
|
<button class="modal-close" onclick="closeConfirm()">×</button>
|
|
<h2 id="confirm-title">%[11]s</h2>
|
|
<p id="confirm-text"></p>
|
|
<div style="display:flex;gap:8px;justify-content:flex-end;margin-top:16px">
|
|
<button class="btn" onclick="closeConfirm()">%[12]s</button>
|
|
<button class="btn btn-danger" id="confirm-btn" onclick="confirmAction()">%[13]s</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="edit-modal" class="modal-overlay" style="display:none">
|
|
<div class="modal">
|
|
<button class="modal-close" onclick="closeEdit()">×</button>
|
|
<h2>%[14]s</h2>
|
|
<div class="form-row"><label>%[15]s</label><input id="edit-username"></div>
|
|
<div class="form-row"><label>%[16]s</label><input id="edit-email" type="email"></div>
|
|
<div style="display:flex;gap:8px;justify-content:flex-end;margin-top:16px">
|
|
<button class="btn" onclick="closeEdit()">%[17]s</button>
|
|
<button class="btn btn-primary" onclick="saveEdit()">%[18]s</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="result-modal" class="modal-overlay" style="display:none">
|
|
<div class="modal" style="width:320px">
|
|
<button class="modal-close" onclick="closeResult()">×</button>
|
|
<h2 id="result-title">%[19]s</h2>
|
|
<p id="result-text" style="white-space:pre-wrap"></p>
|
|
<button class="btn btn-primary" onclick="closeResult()" style="margin-top:8px">%[20]s</button>
|
|
</div>
|
|
</div>
|
|
|
|
<script>
|
|
var currentPage=1,currentSort='',currentOrder='',editUserId='',pendingAction=''
|
|
|
|
function loadUsers(){
|
|
var f=document.getElementById('filter-input').value
|
|
var u='/admin/api/users?page='+currentPage+'&per_page=20&filter='+encodeURIComponent(f)
|
|
if(currentSort){u+='&sort='+currentSort+'&order='+currentOrder}
|
|
fetch(u).then(function(r){return r.json()}).then(function(d){
|
|
var tbody=document.getElementById('users-tbody')
|
|
tbody.innerHTML=''
|
|
d.users.forEach(function(u){
|
|
var status=u.confirmed?'<span class="badge badge-green">%[21]s</span>':'<span class="badge badge-yellow">%[22]s</span>'
|
|
if(u.blocked){status='<span class="badge badge-red">%[23]s</span>'}
|
|
var lastSeen=u.last_seen?new Date(u.last_seen).toLocaleString():'-'
|
|
var blockText=u.blocked?'%[24]s':'%[25]s'
|
|
var tr=document.createElement('tr')
|
|
tr.innerHTML='<td>'+esc(u.username)+'</td><td>'+esc(u.email)+'</td><td>'+status+'</td><td>'+u.devices+'</td><td>'+lastSeen+'</td>'+
|
|
'<td><button class="btn btn-sm" onclick="editUser(\''+u.id+'\',\''+escJS(u.username)+'\',\''+escJS(u.email)+'\')">✎</button> '+
|
|
'<button class="btn btn-sm" onclick="askBlock(\''+u.id+'\','+u.blocked+')">'+blockText+'</button> '+
|
|
'<button class="btn btn-sm" onclick="askReset(\''+u.id+'\')">%[26]s</button> '+
|
|
'<button class="btn btn-sm btn-danger" onclick="askDelete(\''+u.id+'\',\''+escJS(u.username)+'\')">✕</button></td>'
|
|
tbody.appendChild(tr)
|
|
})
|
|
if(!d.users.length){tbody.innerHTML='<tr><td colspan="6" style="text-align:center;color:#666">%[27]s</td></tr>'}
|
|
var totalPages=Math.ceil(d.total/d.per_page)
|
|
var pag=document.getElementById('pagination')
|
|
pag.innerHTML=''
|
|
if(totalPages>1){
|
|
var prev=document.createElement('button')
|
|
prev.className='btn btn-sm';prev.textContent='←';prev.onclick=function(){if(currentPage>1){currentPage--;loadUsers()}}
|
|
pag.appendChild(prev)
|
|
var s=document.createElement('span')
|
|
s.textContent=d.page+' / '+totalPages
|
|
pag.appendChild(s)
|
|
var next=document.createElement('button')
|
|
next.className='btn btn-sm';next.textContent='→';next.onclick=function(){if(currentPage<totalPages){currentPage++;loadUsers()}}
|
|
pag.appendChild(next)
|
|
}
|
|
})
|
|
}
|
|
function sortBy(col){
|
|
if(currentSort===col){currentOrder=currentOrder==='asc'?'desc':'asc'}
|
|
else{currentSort=col;currentOrder='asc'}
|
|
document.querySelectorAll('th').forEach(function(th){th.classList.remove('sorted')})
|
|
var el=document.getElementById('s-'+col)
|
|
if(el){el.parentElement.classList.add('sorted');el.textContent=currentOrder==='asc'?' ▲':' ▼'}
|
|
loadUsers()
|
|
}
|
|
function esc(s){return s.replace(/&/g,'&').replace(/</g,'<').replace(/>/g,'>')}
|
|
function escJS(s){return s.replace(/'/g,"\\'").replace(/"/g,'"')}
|
|
function editUser(id,username,email){
|
|
editUserId=id;document.getElementById('edit-username').value=username;document.getElementById('edit-email').value=email;document.getElementById('edit-modal').style.display='flex'}
|
|
function closeEdit(){document.getElementById('edit-modal').style.display='none'}
|
|
function saveEdit(){
|
|
var un=document.getElementById('edit-username').value,em=document.getElementById('edit-email').value
|
|
if(!un||!em)return
|
|
fetch('/admin/api/users/'+editUserId+'/edit',{method:'POST',headers:{'Content-Type':'application/json'},body:JSON.stringify({username:un,email:em})}).then(function(r){return r.json()}).then(function(d){closeEdit();if(d.status==='ok')loadUsers()})
|
|
}
|
|
function askBlock(id,blocked){
|
|
pendingAction=function(){fetch('/admin/api/users/'+id+'/block',{method:'POST'}).then(function(r){return r.json()}).then(function(d){loadUsers()})}
|
|
document.getElementById('confirm-title').textContent=blocked?'%[35]s':'%[36]s'
|
|
document.getElementById('confirm-text').textContent=blocked?'%[37]s':'%[38]s'
|
|
document.getElementById('confirm-btn').textContent=blocked?'%[24]s':'%[25]s'
|
|
document.getElementById('confirm-modal').style.display='flex'}
|
|
function askReset(id){
|
|
pendingAction=function(){
|
|
fetch('/admin/api/users/'+id+'/reset-password',{method:'POST'}).then(function(r){return r.json()}).then(function(d){
|
|
document.getElementById('confirm-modal').style.display='none'
|
|
document.getElementById('result-title').textContent='%[28]s'
|
|
document.getElementById('result-text').textContent='%[29]s' + d.new_password + '%[30]s'
|
|
document.getElementById('result-modal').style.display='flex'})}
|
|
document.getElementById('confirm-title').textContent='%[31]s'
|
|
document.getElementById('confirm-text').textContent='%[32]s'
|
|
document.getElementById('confirm-btn').textContent='%[33]s'
|
|
document.getElementById('confirm-modal').style.display='flex'}
|
|
function askDelete(id,username){
|
|
pendingAction=function(){fetch('/admin/api/users/'+id,{method:'DELETE'}).then(function(r){return r.json()}).then(function(d){loadUsers()})}
|
|
document.getElementById('confirm-title').textContent='%[34]s'
|
|
document.getElementById('confirm-text').textContent='%[35]s' + username + '%[36]s'
|
|
document.getElementById('confirm-btn').textContent='%[37]s'
|
|
document.getElementById('confirm-modal').style.display='flex'}
|
|
function closeConfirm(){document.getElementById('confirm-modal').style.display='none';pendingAction=''}
|
|
function confirmAction(){if(pendingAction){pendingAction();pendingAction=''}}
|
|
function closeResult(){document.getElementById('result-modal').style.display='none'}
|
|
loadUsers()
|
|
</script>
|
|
</body></html>`,
|
|
i18n.T(locale, "admin.users"),
|
|
i18n.T(locale, "admin.usersHeading"),
|
|
i18n.T(locale, "server.dashboard"),
|
|
i18n.T(locale, "admin.filterPlaceholder"),
|
|
i18n.T(locale, "admin.username"),
|
|
i18n.T(locale, "admin.email"),
|
|
i18n.T(locale, "admin.status"),
|
|
i18n.T(locale, "admin.devices"),
|
|
i18n.T(locale, "admin.lastSeen"),
|
|
i18n.T(locale, "admin.actions"),
|
|
i18n.T(locale, "admin.confirmTitle"),
|
|
i18n.T(locale, "admin.modalCancel"),
|
|
i18n.T(locale, "admin.modalConfirm"),
|
|
i18n.T(locale, "admin.editUser"),
|
|
i18n.T(locale, "admin.username"),
|
|
i18n.T(locale, "admin.email"),
|
|
i18n.T(locale, "admin.modalCancel"),
|
|
i18n.T(locale, "admin.editBtn"),
|
|
i18n.T(locale, "admin.resultTitle"),
|
|
i18n.T(locale, "common.ok"),
|
|
i18n.T(locale, "admin.confirmed"),
|
|
i18n.T(locale, "admin.unconfirmed"),
|
|
i18n.T(locale, "admin.blocked"),
|
|
i18n.T(locale, "admin.unblock"),
|
|
i18n.T(locale, "admin.block"),
|
|
i18n.T(locale, "admin.resetPassword"),
|
|
i18n.T(locale, "admin.noUsers"),
|
|
i18n.T(locale, "server.newPassword"),
|
|
newPassPrefix,
|
|
newPassSuffix,
|
|
i18n.T(locale, "admin.resetPasswordConfirm"),
|
|
i18n.T(locale, "admin.resetPasswordMessage"),
|
|
i18n.T(locale, "admin.resetBtn"),
|
|
i18n.T(locale, "admin.deleteUser"),
|
|
delMsgPrefix,
|
|
delMsgSuffix,
|
|
i18n.T(locale, "admin.deleteBtn"),
|
|
i18n.T(locale, "admin.unblockUserTitle"),
|
|
i18n.T(locale, "admin.blockUserTitle"),
|
|
i18n.T(locale, "admin.unblockUserMessage"),
|
|
i18n.T(locale, "admin.blockUserMessage"),
|
|
)
|
|
}
|
|
|
|
func confirmedHTML(locale string) string {
|
|
return fmt.Sprintf(`<!DOCTYPE html>
|
|
<html lang="ru">
|
|
<head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1">
|
|
<title>Verstak Sync — %s</title>
|
|
<style>body{font-family:sans-serif;background:#13131f;color:#e4e4ef;display:flex;justify-content:center;align-items:center;height:100vh;margin:0}
|
|
.box{background:#1a1a28;border:1px solid #2a2a3c;border-radius:12px;padding:32px;width:320px;text-align:center}
|
|
h1{font-size:20px;margin:0 0 12px;color:#34d399}
|
|
p{font-size:13px;color:#b0b0c0;margin:0 0 20px}
|
|
a{color:#6366f1;text-decoration:none}
|
|
.btn{display:inline-block;padding:10px 24px;background:#6366f1;color:#fff;border:none;border-radius:6px;font-size:14px;cursor:pointer;text-decoration:none}
|
|
.btn:hover{background:#4f46e5}</style>
|
|
</head><body>
|
|
<div class="box">
|
|
<h1>%s</h1>
|
|
<p>%s</p>
|
|
<a href="/login" class="btn">%s</a>
|
|
</div>
|
|
</body></html>`,
|
|
i18n.T(locale, "server.emailConfirmed"),
|
|
i18n.T(locale, "server.emailConfirmed"),
|
|
i18n.T(locale, "server.emailConfirmedMessage"),
|
|
i18n.T(locale, "server.loginBtn"),
|
|
)
|
|
}
|
|
|
|
func registrationOKHTML(locale string) string {
|
|
return fmt.Sprintf(`<!DOCTYPE html>
|
|
<html lang="ru">
|
|
<head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1">
|
|
<title>Verstak Sync — %s</title>
|
|
<style>body{font-family:sans-serif;background:#13131f;color:#e4e4ef;display:flex;justify-content:center;align-items:center;height:100vh;margin:0}
|
|
.box{background:#1a1a28;border:1px solid #2a2a3c;border-radius:12px;padding:32px;width:360px;text-align:center}
|
|
h1{font-size:20px;margin:0 0 12px;color:#34d399}
|
|
p{font-size:13px;color:#b0b0c0;margin:0 0 6px;line-height:1.5}
|
|
a{color:#6366f1;text-decoration:none}
|
|
.btn{display:inline-block;padding:10px 24px;background:#6366f1;color:#fff;border:none;border-radius:6px;font-size:14px;cursor:pointer;text-decoration:none;margin-top:16px}
|
|
.btn:hover{background:#4f46e5}</style>
|
|
</head><body>
|
|
<div class="box">
|
|
<h1>%s</h1>
|
|
<p>%s</p>
|
|
<p>%s</p>
|
|
<a href="/login" class="btn">%s</a>
|
|
</div>
|
|
</body></html>`,
|
|
i18n.T(locale, "server.registerTitle"),
|
|
i18n.T(locale, "server.registrationSuccess"),
|
|
i18n.T(locale, "server.registrationEmailSent"),
|
|
i18n.T(locale, "server.registrationCheckEmail"),
|
|
i18n.T(locale, "server.loginBtn"),
|
|
)
|
|
}
|
|
|
|
func registrationAutoHTML(locale string) string {
|
|
return fmt.Sprintf(`<!DOCTYPE html>
|
|
<html lang="ru">
|
|
<head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1">
|
|
<title>Verstak Sync — %s</title>
|
|
<style>body{font-family:sans-serif;background:#13131f;color:#e4e4ef;display:flex;justify-content:center;align-items:center;height:100vh;margin:0}
|
|
.box{background:#1a1a28;border:1px solid #2a2a3c;border-radius:12px;padding:32px;width:360px;text-align:center}
|
|
h1{font-size:20px;margin:0 0 12px;color:#34d399}
|
|
p{font-size:13px;color:#b0b0c0;margin:0 0 6px;line-height:1.5}
|
|
a{color:#6366f1;text-decoration:none}
|
|
.btn{display:inline-block;padding:10px 24px;background:#6366f1;color:#fff;border:none;border-radius:6px;font-size:14px;cursor:pointer;text-decoration:none;margin-top:16px}
|
|
.btn:hover{background:#4f46e5}</style>
|
|
</head><body>
|
|
<div class="box">
|
|
<h1>%s</h1>
|
|
<p>%s</p>
|
|
<a href="/login" class="btn">%s</a>
|
|
</div>
|
|
</body></html>`,
|
|
i18n.T(locale, "server.registerTitle"),
|
|
i18n.T(locale, "server.registrationSuccess"),
|
|
i18n.T(locale, "server.registrationAutoMessage"),
|
|
i18n.T(locale, "server.loginBtn"),
|
|
)
|
|
}
|
|
|
|
func forgotPasswordHTML(locale string) string {
|
|
return fmt.Sprintf(`<!DOCTYPE html>
|
|
<html lang="ru">
|
|
<head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1">
|
|
<title>%s</title>
|
|
<style>body{font-family:sans-serif;background:#13131f;color:#e4e4ef;display:flex;justify-content:center;align-items:center;height:100vh;margin:0}
|
|
form{background:#1a1a28;border:1px solid #2a2a3c;border-radius:12px;padding:32px;width:320px}
|
|
h1{font-size:18px;margin:0 0 8px;text-align:center}
|
|
p{font-size:12px;color:#888;text-align:center;margin:0 0 20px}
|
|
label{display:block;font-size:12px;color:#888;margin-bottom:4px}
|
|
input{width:100%%;padding:8px 12px;border:1px solid #2a2a3c;background:#13131f;color:#e4e4ef;border-radius:6px;font-size:14px;margin-bottom:16px;box-sizing:border-box}
|
|
button{width:100%%;padding:10px;background:#6366f1;color:#fff;border:none;border-radius:6px;font-size:14px;cursor:pointer}
|
|
button:hover{background:#4f46e5}
|
|
.links{text-align:center;font-size:12px;color:#666;margin-top:16px}
|
|
.links a{color:#6366f1;text-decoration:none}
|
|
.links a:hover{text-decoration:underline}</style>
|
|
</head><body>
|
|
<form method="POST">
|
|
<h1>%s</h1>
|
|
<p>%s</p>
|
|
<label>%s</label>
|
|
<input type="email" name="email" autofocus required>
|
|
<button>%s</button>
|
|
<div class="links"><a href="/login">%s</a></div>
|
|
</form>
|
|
</body></html>`,
|
|
i18n.T(locale, "server.resetPasswordTitle"),
|
|
i18n.T(locale, "server.resetPassword"),
|
|
i18n.T(locale, "server.resetInstruction"),
|
|
i18n.T(locale, "server.email"),
|
|
i18n.T(locale, "server.sendLink"),
|
|
i18n.T(locale, "server.backToLogin"),
|
|
)
|
|
}
|
|
|
|
func forgotSentHTML(locale string) string {
|
|
return fmt.Sprintf(`<!DOCTYPE html>
|
|
<html lang="ru">
|
|
<head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1">
|
|
<title>%s</title>
|
|
<style>body{font-family:sans-serif;background:#13131f;color:#e4e4ef;display:flex;justify-content:center;align-items:center;height:100vh;margin:0}
|
|
.box{background:#1a1a28;border:1px solid #2a2a3c;border-radius:12px;padding:32px;width:360px;text-align:center}
|
|
h1{font-size:18px;margin:0 0 12px;color:#34d399}
|
|
p{font-size:13px;color:#b0b0c0;margin:0 0 6px;line-height:1.5}
|
|
a{color:#6366f1;text-decoration:none}
|
|
.btn{display:inline-block;padding:10px 24px;background:#6366f1;color:#fff;border:none;border-radius:6px;font-size:14px;cursor:pointer;text-decoration:none;margin-top:16px}
|
|
.btn:hover{background:#4f46e5}</style>
|
|
</head><body>
|
|
<div class="box">
|
|
<h1>%s</h1>
|
|
<p>%s</p>
|
|
<a href="/login" class="btn">%s</a>
|
|
</div>
|
|
</body></html>`,
|
|
i18n.T(locale, "server.emailSentTitle"),
|
|
i18n.T(locale, "server.emailSent"),
|
|
i18n.T(locale, "server.emailSentMessage"),
|
|
i18n.T(locale, "server.goHome"),
|
|
)
|
|
}
|
|
|
|
func resetPasswordHTML(locale string) string {
|
|
return fmt.Sprintf(`<!DOCTYPE html>
|
|
<html lang="ru">
|
|
<head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1">
|
|
<title>%s</title>
|
|
<style>body{font-family:sans-serif;background:#13131f;color:#e4e4ef;display:flex;justify-content:center;align-items:center;height:100vh;margin:0}
|
|
form{background:#1a1a28;border:1px solid #2a2a3c;border-radius:12px;padding:32px;width:320px}
|
|
h1{font-size:18px;margin:0 0 20px;text-align:center}
|
|
label{display:block;font-size:12px;color:#888;margin-bottom:4px}
|
|
input{width:100%%;padding:8px 12px;border:1px solid #2a2a3c;background:#13131f;color:#e4e4ef;border-radius:6px;font-size:14px;margin-bottom:16px;box-sizing:border-box}
|
|
button{width:100%%;padding:10px;background:#6366f1;color:#fff;border:none;border-radius:6px;font-size:14px;cursor:pointer}
|
|
button:hover{background:#4f46e5}
|
|
.hint{font-size:11px;color:#666;text-align:center;margin-top:12px}</style>
|
|
</head><body>
|
|
<form method="POST">
|
|
<h1>%s</h1>
|
|
<input type="hidden" name="token" value="{TOKEN}">
|
|
<label>%s</label>
|
|
<input type="password" name="password" minlength="8" required autofocus>
|
|
<label>%s</label>
|
|
<input type="password" name="confirm" minlength="8" required>
|
|
<div class="hint">%s</div>
|
|
<button style="margin-top:8px">%s</button>
|
|
</form>
|
|
</body></html>`,
|
|
i18n.T(locale, "server.newPasswordTitle"),
|
|
i18n.T(locale, "server.newPassword"),
|
|
i18n.T(locale, "server.password"),
|
|
i18n.T(locale, "server.passwordConfirm"),
|
|
i18n.T(locale, "server.adminPwdHint"),
|
|
i18n.T(locale, "server.save"),
|
|
)
|
|
}
|
|
|
|
func resetDoneHTML(locale string) string {
|
|
return fmt.Sprintf(`<!DOCTYPE html>
|
|
<html lang="ru">
|
|
<head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1">
|
|
<title>Verstak Sync — %s</title>
|
|
<style>body{font-family:sans-serif;background:#13131f;color:#e4e4ef;display:flex;justify-content:center;align-items:center;height:100vh;margin:0}
|
|
.box{background:#1a1a28;border:1px solid #2a2a3c;border-radius:12px;padding:32px;width:360px;text-align:center}
|
|
h1{font-size:18px;margin:0 0 12px;color:#34d399}
|
|
p{font-size:13px;color:#b0b0c0;margin:0 0 6px;line-height:1.5}
|
|
.btn{display:inline-block;padding:10px 24px;background:#6366f1;color:#fff;border:none;border-radius:6px;font-size:14px;cursor:pointer;text-decoration:none;margin-top:16px}
|
|
.btn:hover{background:#4f46e5}</style>
|
|
</head><body>
|
|
<div class="box">
|
|
<h1>%s</h1>
|
|
<p>%s</p>
|
|
<a href="/login" class="btn">%s</a>
|
|
</div>
|
|
</body></html>`,
|
|
i18n.T(locale, "server.passwordChanged"),
|
|
i18n.T(locale, "server.passwordChanged"),
|
|
i18n.T(locale, "server.passwordChangedMessage"),
|
|
i18n.T(locale, "server.loginBtn"),
|
|
)
|
|
}
|
|
|
|
func errorPageHTML(locale, title, msg, backURL string) string {
|
|
return fmt.Sprintf(`<!DOCTYPE html>
|
|
<html lang="ru">
|
|
<head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1">
|
|
<title>Verstak Sync — %s</title>
|
|
<style>body{font-family:sans-serif;background:#13131f;color:#e4e4ef;display:flex;justify-content:center;align-items:center;height:100vh;margin:0}
|
|
.box{background:#1a1a28;border:1px solid #2a2a3c;border-radius:12px;padding:32px;text-align:center;max-width:360px}
|
|
h1{font-size:18px;margin:0 0 12px;color:#ff6b6b}
|
|
p{font-size:13px;color:#b0b0c0;margin:0 0 16px}
|
|
a{color:#6366f1;text-decoration:none}
|
|
a:hover{text-decoration:underline}</style>
|
|
</head><body>
|
|
<div class="box">
|
|
<h1>%s</h1>
|
|
<p>%s</p>
|
|
<a href="%s">%s</a>
|
|
</div>
|
|
</body></html>`, title, title, msg, backURL, i18n.T(locale, "server.back"))
|
|
}
|