feature: Wire up sites API listing, move add form to separate file

This commit is contained in:
Keith Solomon
2025-05-25 14:51:37 -05:00
parent 4c2576052f
commit 4ba36081d2
6 changed files with 121 additions and 59 deletions

View File

@@ -3,38 +3,18 @@
<article class="container mx-auto py-4 min-h-[70dvh]">
<h2>Welcome to <%= title %></h2>
<fieldset class="fieldset bg-base-100 rounded-box px-8 py-4 shadow-md">
<legend class="fieldset-legend h3">Start a new test</legend>
<div class="flex gap-0">
<div class="w-fit m-0 p-0">
<input type="text" class="input" placeholder="Type here" />
<p class="label">Add either single URL or link to sitemap</p>
</div>
<button type="submit" class="btn btn-info">Test</button>
</div>
</fieldset>
<%- include('add-form'); -%>
<h2 class="mt-8">Your Tests</h2>
<ul class="list bg-base-100 rounded-box shadow-md mt-8">
<li class="list-row list-none items-center gap-8">
<h3 class="text-slate-300 m-0 p-0"><a href="/test/1" class="text-slate-300 link">Test 1</a></h3>
<span class="site-name list-col-grow text-18px">example.com</span>
<span class="badge badge-info">In Progress</span>
</li>
<li class="list-row list-none items-center gap-8">
<h3 class="text-slate-300 m-0 p-0"><a href="/test/2" class="text-slate-300 link">Test 2</a></h3>
<span class="site-name list-col-grow text-18px">example.com</span>
<span class="badge badge-success">Completed</span>
</li>
<li class="list-row list-none items-center gap-8">
<h3 class="text-slate-300 m-0 p-0"><a href="/test/3" class="text-slate-300 link">Test 3</a></h3>
<span class="site-name list-col-grow text-18px">example.com</span>
<span class="badge badge-error">Failed</span>
</li>
<li class="list-row list-none items-center gap-8">
<h3 class="text-slate-300 m-0 p-0"><a href="/test/4" class="text-slate-300 link">Test 4</a></h3>
<span class="site-name list-col-grow text-18px">example.com</span>
<span class="badge badge-warning">Pending</span>
</li>
<% for (let i=0; i < sites.length; i++) { %>
<li class="list-row list-none items-center gap-8">
<h3 class="text-slate-300 m-0 p-0"><a href="/test/<%= i %>" class="text-slate-300 link">Test <%= i+1 %></a></h3>
<span class="site-name list-col-grow text-18px"><%= sites[i].domain_name %></span>
<span class="badge badge-info">In Progress</span>
</li>
<% } %>
</ul>
</article>