botserver/web/app/settings/account/account-form.html
Rodrigo Rodriguez (Pragmatismo) dfe7e4e4b6 Add About and Login pages with responsive design and user authentication
- Created a new About page (index.html) detailing the BotServer platform, its features, and technology stack.
- Developed a Login page (login.html) with sign-in and sign-up functionality, including form validation and user feedback messages.
- Removed the empty style.css file as it is no longer needed.
2025-10-26 00:02:19 -03:00

30 lines
1.2 KiB
HTML

<!-- Riot.js component for the account form (converted from app/settings/account/account-form.tsx) -->
<template>
<div class="space-y-4">
<controller name="name">
<div class="mb-4">
<label class="block text-sm font-medium mb-1">Name</label>
<input class="w-full p-2 border rounded"
bind="{name}"
placeholder="Your name" />
<p class="text-sm text-gray-500 mt-1">
This is the name that will be displayed on your profile and in emails.
</p>
</div>
</controller>
<controller name="dob">
<div class="mb-4">
<label class="block text-sm font-medium mb-1">Date of birth</label>
<button type="button"
class="w-full p-2 border rounded text-left"
@click="{() => showDatePicker = true}">
{value.toDateString()}
</button>
{showDatePicker && (
<input type="date"
bind="{dob}"
@change="{e => { showDatePicker = false; if (e.target.value) { dob = new Date(e.target.value); }}}"
class="mt-1 p-1 border rounded" />
)}
<p class="text-sm text-gray-5