sophie/link_shortener
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

first commit

Browse source
This commit is contained in:
Soph :3 2025-12-12 21:12:47 +02:00
commit 672f0deb6a
18 changed files with 1274 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

60
frontend/dashboard.html Normal file
View file

@ -0,0 +1,60 @@
<!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>