SekiDesu0
9a341fed76
modified: bot.db modified: db/db.go modified: go.mod modified: go.sum modified: handlers/dashboard.go modified: main.go modified: services/openrouter.go modified: templates/dashboard.html
212 lines
6.9 KiB
HTML
212 lines
6.9 KiB
HTML
{{ define "dashboard.html" }}
|
|
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>SekiBot Admin | Discord Edition</title>
|
|
<style>
|
|
:root {
|
|
--blurple: #5865F2;
|
|
--background-dark: #36393f;
|
|
--background-darker: #2f3136;
|
|
--background-deep: #202225;
|
|
--text-normal: #dcddde;
|
|
--text-muted: #b9bbbe;
|
|
--header-primary: #ffffff;
|
|
--danger: #ed4245;
|
|
--success: #3ba55c;
|
|
}
|
|
|
|
body {
|
|
background-color: var(--background-deep);
|
|
color: var(--text-normal);
|
|
font-family: 'Whitney', 'Helvetica Neue', Helvetica, Arial, sans-serif;
|
|
margin: 0;
|
|
display: flex;
|
|
height: 100vh;
|
|
}
|
|
|
|
/* Sidebar Look */
|
|
.sidebar {
|
|
width: 260px;
|
|
background-color: var(--background-darker);
|
|
display: flex;
|
|
flex-direction: column;
|
|
padding: 20px;
|
|
border-right: 1px solid #202225;
|
|
}
|
|
|
|
.main-content {
|
|
flex-grow: 1;
|
|
background-color: var(--background-dark);
|
|
padding: 40px;
|
|
overflow-y: auto;
|
|
}
|
|
|
|
h1, h2, h3 { color: var(--header-primary); margin-top: 0; }
|
|
|
|
.card {
|
|
background-color: var(--background-darker);
|
|
border-radius: 8px;
|
|
padding: 24px;
|
|
margin-bottom: 24px;
|
|
box-shadow: 0 4px 10px rgba(0,0,0,0.3);
|
|
}
|
|
|
|
/* Inputs & Buttons */
|
|
input {
|
|
background-color: var(--background-deep);
|
|
border: 1px solid #202225;
|
|
color: white;
|
|
padding: 10px;
|
|
border-radius: 4px;
|
|
width: calc(100% - 22px);
|
|
margin-bottom: 10px;
|
|
font-size: 14px;
|
|
}
|
|
|
|
button {
|
|
background-color: var(--blurple);
|
|
color: white;
|
|
border: none;
|
|
padding: 10px 20px;
|
|
border-radius: 3px;
|
|
cursor: pointer;
|
|
font-weight: 500;
|
|
transition: background 0.2s;
|
|
}
|
|
|
|
button:hover { background-color: #4752c4; }
|
|
button.delete { background-color: var(--danger); }
|
|
button.delete:hover { background-color: #c03537; }
|
|
|
|
/* Table Styling */
|
|
table { width: 100%; border-collapse: collapse; margin-top: 10px; }
|
|
th { text-align: left; color: var(--text-muted); text-transform: uppercase; font-size: 12px; padding-bottom: 10px; }
|
|
td { padding: 12px 0; border-top: 1px solid #42454a; vertical-align: middle; }
|
|
|
|
.status-pill {
|
|
background-color: var(--success);
|
|
color: white;
|
|
padding: 2px 8px;
|
|
border-radius: 12px;
|
|
font-size: 11px;
|
|
font-weight: bold;
|
|
}
|
|
|
|
#ai-response-box {
|
|
margin-top: 15px;
|
|
padding: 15px;
|
|
background-color: var(--background-deep);
|
|
border-radius: 4px;
|
|
border-left: 4px solid var(--blurple);
|
|
display: none;
|
|
white-space: pre-wrap;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
|
|
<div class="sidebar">
|
|
<h2>SekiBot</h2>
|
|
<p style="font-size: 12px; color: var(--text-muted);">v1.0.0-beta</p>
|
|
<hr style="border: 0.5px solid #42454a; width: 100%;">
|
|
<nav>
|
|
<p style="color: var(--blurple); font-weight: bold;"># dashboard</p>
|
|
<p style="color: var(--text-muted);"># analytics</p>
|
|
<p style="color: var(--text-muted);"># settings</p>
|
|
</nav>
|
|
</div>
|
|
|
|
<div class="main-content">
|
|
<h1>Welcome back, seki</h1>
|
|
|
|
<!-- AI Tester -->
|
|
<div class="card">
|
|
<h3>Test OpenRouter AI</h3>
|
|
<div style="display: flex; gap: 10px;">
|
|
<input type="text" id="ai-input" placeholder="Message the bot..." style="margin-bottom: 0;">
|
|
<button onclick="testAI()">Send</button>
|
|
</div>
|
|
<div id="ai-response-box"></div>
|
|
</div>
|
|
|
|
<!-- Manual Entry -->
|
|
<div class="card">
|
|
<h3>Quick Create Appointment</h3>
|
|
<div style="display: grid; grid-template-columns: 1fr 1fr 100px; gap: 10px;">
|
|
<input type="text" id="phone" placeholder="Customer Phone (+569...)">
|
|
<input type="datetime-local" id="date">
|
|
<button onclick="createAppt()">Add</button>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- The Table -->
|
|
<div class="card">
|
|
<h3>Scheduled Appointments</h3>
|
|
<table>
|
|
<thead>
|
|
<tr>
|
|
<th>ID</th>
|
|
<th>Customer</th>
|
|
<th>Date & Time</th>
|
|
<th>Status</th>
|
|
<th>Actions</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
{{range .Appointments}}
|
|
<tr id="row-{{.ID}}">
|
|
<td>#{{.ID}}</td>
|
|
<td style="font-weight: bold;">{{.CustomerPhone}}</td>
|
|
<td>{{.Date}}</td>
|
|
<td><span class="status-pill">{{.Status}}</span></td>
|
|
<td>
|
|
<button class="delete" onclick="deleteAppt({{.ID}})">Cancel</button>
|
|
</td>
|
|
</tr>
|
|
{{end}}
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
|
|
<script>
|
|
async function testAI() {
|
|
const input = document.getElementById('ai-input').value;
|
|
const box = document.getElementById('ai-response-box');
|
|
box.style.display = 'block';
|
|
box.innerText = "Processing message...";
|
|
|
|
const res = await fetch('/admin/test-ai', {
|
|
method: 'POST',
|
|
headers: {'Content-Type': 'application/json'},
|
|
body: JSON.stringify({prompt: input})
|
|
});
|
|
const data = await res.json();
|
|
box.innerText = data.response;
|
|
}
|
|
|
|
async function createAppt() {
|
|
const phone = document.getElementById('phone').value;
|
|
const date = document.getElementById('date').value;
|
|
if(!phone || !date) return alert("Fill the fields, seki.");
|
|
|
|
await fetch('/admin/appointment', {
|
|
method: 'POST',
|
|
headers: {'Content-Type': 'application/json'},
|
|
body: JSON.stringify({phone, date})
|
|
});
|
|
location.reload();
|
|
}
|
|
|
|
async function deleteAppt(id) {
|
|
if(!confirm("Terminate this appointment?")) return;
|
|
await fetch(`/admin/appointment/${id}`, { method: 'DELETE' });
|
|
document.getElementById(`row-${id}`).remove();
|
|
}
|
|
</script>
|
|
</body>
|
|
</html>
|
|
{{ end }} |