60 lines
2.3 KiB
HTML
60 lines
2.3 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>Dashboard</title>
|
|
<link rel="stylesheet" href="/assets/style.css">
|
|
</head>
|
|
<body class="flex h-screen">
|
|
<div class="sidebar w-72">
|
|
<button id="new-entry" class="btn mb-4 w-full">+ New Link</button>
|
|
<hr>
|
|
<div id="link-list" class="sidebar-list"></div>
|
|
</div>
|
|
|
|
<div class="flex-1 p-8 overflow-y-auto">
|
|
<div id="editor" class="card hidden">
|
|
<h2 class="text-xl font-bold mb-4">Edit Link</h2>
|
|
<form id="link-form" class="flex flex-col gap-4">
|
|
<label>Link Target URL
|
|
<input type="text" id="link-target" class="input" placeholder="https://example.com">
|
|
</label>
|
|
|
|
<label>Shortened Link
|
|
<input type="text" id="link-short" class="input" placeholder="example">
|
|
</label>
|
|
|
|
<fieldset>
|
|
<legend class="font-semibold mb-2">OpenGraph Settings</legend>
|
|
<label>Title
|
|
<input type="text" id="og-title" class="input" placeholder="Page Title">
|
|
</label>
|
|
<label>Description
|
|
<textarea id="og-desc" class="input" placeholder="Description"></textarea>
|
|
</label>
|
|
<label>Image URL
|
|
<input type="text" id="og-image" class="input" placeholder="https://image.url">
|
|
</label>
|
|
</fieldset>
|
|
|
|
<div class="mt-6">
|
|
<h3 class="font-semibold mb-2">OpenGraph Preview</h3>
|
|
<div id="og-preview" class="flex"></div>
|
|
</div>
|
|
|
|
<fieldset>
|
|
<legend class="font-semibold mb-2">Statistics</legend>
|
|
<p id="stats" class="text-sm text-gray-400">No stats yet</p>
|
|
</fieldset>
|
|
|
|
<div class="flex gap-2 mt-4">
|
|
<button type="submit" id="save-btn" class="btn flex-1" disabled>Save</button>
|
|
<button type="button" id="delete-btn" class="btn flex-1 bg-red-600 hover:bg-red-500">Delete</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
|
|
<script type="module" src="/ts/dashboard.js"></script>
|
|
</body>
|
|
</html>
|