char.lt-old/static/shorten.html

74 lines
1.7 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>shorten - char.lt</title>
<link rel="stylesheet" href="/css/shortlinks-layout.css" />
<link rel="stylesheet" href="/css/aesthetic.css" />
<link rel="stylesheet" href="/inter/inter.css" />
</head>
<body>
<div class="page-wrapper">
<main>
<h1>Redirects</h1>
<p>this is where you can manage the redirects for the site.</p>
<noscript>if you have javascript turned on.</noscript>
<section id="status-message">Loading...</section>
</main>
</div>
<template id="redirect-table">
<table>
<thead>
<tr>
<th>Path</th>
<th>URL</th>
<th>Code</th>
<th>Manage</th>
</tr>
</thead>
<tbody></tbody>
</table>
</template>
<template id="redirect-form">
<form>
<h2>Create or Replace</h2>
<label for="path">Local Path (random if empty)</label>
<input type="text" name="path" id="path" placeholder="my-cool-link" />
<label for="url">Target URL</label>
<input
type="url"
name="url"
id="url"
placeholder="https://…"
required
/>
<button>Create</button>
</form>
</template>
<template id="redirect-row">
<tr>
<td>
<a href="{path}"><pre>{path}</pre></a>
</td>
<td class="clipped"><a href="{location}">{location}</a></td>
<td>{code}</td>
<td><button class="danger">Delete</button></td>
</tr>
</template>
<script type="module" src="/js/shorten.js"></script>
</body>
</html>