add typescript

This commit is contained in:
2025-11-12 15:09:04 -03:00
parent 9c5854fde5
commit aaf651125b
9 changed files with 278 additions and 73 deletions

View File

@@ -29,8 +29,31 @@
<div id="results"
class="grid gap-4 grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 mt-4"></div>
</section>
</main>
<section class="mt-10 backdrop-blur-md bg-white/5 ring-1 ring-white/10 rounded-2xl p-6 shadow-lg">
<h2 class="text-xl font-semibold mb-4">Cadastrar novo Workshop</h2>
<form id="add-form" class="grid gap-3 md:grid-cols-2">
<input id="title" name="title" class="rounded-xl bg-white/5 ring-1 ring-white/10 px-4 py-2"
placeholder="Título" required />
<input id="capacity" name="capacity" type="number" min="1" class="rounded-xl bg-white/5 ring-1 ring-white/10 px-4 py-2"
placeholder="Capacidade" />
<textarea id="description" name="description" type="text" class="rounded-xl bg-white/5 ring-1 ring-white/10 px-4 py-2 col-span-2" placeholder="Descrição"></textarea>
<label class="flex items-center gap-2">
<input id="isOnline" name="isOnline" type="checkbox" class="accent-sky-500">
<span>Online</span>
</label>
<input id="location" name="location" class="rounded-xl bg-white/5 ring-1 ring-white/10 px-4 py-2"
placeholder="Local (se presencial)"/>
<script type="module" src="/src/main.js"></script>
<input id="startAt" name="startAt" type="datetime-local" class="rounded-xl bg-white/5 ring-1 ring-white/10 px-4 py-2" required />
<input id="endAt" name="endAt" type="datetime-local" class="rounded-xl bg-white/5 ring-1 ring-white/10 px-4 py-2" required />
<button type="submit"
class="md:col-span-2 mt-2 rounded-xl px-5 py-2 font-medium bg-emerald-600 hover:bg-emerald-500 transition">
Inserir
</button>
</form>
</section>
</main>
<script type="module" src="/src/main.ts"></script>
</body>
</html>