sergio/saladeaula.digital
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update

Browse Source
This commit is contained in:
Sérgio Rafael Siqueira
2025-12-08 19:58:17 -03:00
parent 93d96486ff
commit 9da42c5250
4 changed files with 238 additions and 40 deletions
Download Patch File Download Diff File Expand all files Collapse all files

208
apps/admin.saladeaula.digital/app/routes/_.$orgid.enrollments.add/route.tsx
View File

@@ -1,6 +1,16 @@
import type { Route } from './+types/route' import type { Route } from './+types/route'
import { ptBR } from 'react-day-picker/locale'
import {
CalendarIcon,
SearchIcon,
CopyIcon,
CopyPlusIcon,
Trash2Icon,
PlusIcon
} from 'lucide-react'
import { Link } from 'react-router' import { Link } from 'react-router'
import { useFieldArray, useForm } from 'react-hook-form'
import { import {
Breadcrumb, Breadcrumb,
@@ -10,6 +20,17 @@ import {
BreadcrumbPage, BreadcrumbPage,
BreadcrumbSeparator BreadcrumbSeparator
} from '@repo/ui/components/ui/breadcrumb' } from '@repo/ui/components/ui/breadcrumb'
import {
Tooltip,
TooltipContent,
TooltipTrigger
} from '@repo/ui/components/ui/tooltip'
import {
InputGroup,
InputGroupAddon,
InputGroupInput,
InputGroupText
} from '@repo/ui/components/ui/input-group'
import { import {
Card, Card,
CardContent, CardContent,
@@ -17,12 +38,30 @@ import {
CardHeader, CardHeader,
CardTitle CardTitle
} from '@repo/ui/components/ui/card' } from '@repo/ui/components/ui/card'
import { Spinner } from '@repo/ui/components/ui/spinner'
import { Input } from '@repo/ui/components/ui/input'
import { Button } from '@repo/ui/components/ui/button'
import { Separator } from '@repo/ui/components/ui/separator'
import {
Popover,
PopoverContent,
PopoverTrigger
} from '@repo/ui/components/ui/popover'
import { Label } from '@repo/ui/components/ui/label'
import { Calendar } from '@repo/ui/components/ui/calendar'
export function meta({}: Route.MetaArgs) { export function meta({}: Route.MetaArgs) {
return [{ title: 'Adicionar matrícula' }] return [{ title: 'Adicionar matrícula' }]
} }
export default function Route({}: Route.ComponentProps) { export default function Route({}: Route.ComponentProps) {
const form = useForm({ defaultValues: { enrollments: [{}] } })
const { formState, control } = form
const { fields, append, remove } = useFieldArray({
control,
name: 'enrollments'
})
return ( return (
<div className="space-y-2.5"> <div className="space-y-2.5">
<Breadcrumb> <Breadcrumb>
@@ -39,7 +78,7 @@ export default function Route({}: Route.ComponentProps) {
</BreadcrumbList> </BreadcrumbList>
</Breadcrumb> </Breadcrumb>
<div className="lg:max-w-3xl mx-auto space-y-2.5"> <div className="lg:max-w-4xl mx-auto space-y-2.5">
<Card> <Card>
<CardHeader> <CardHeader>
<CardTitle className="text-2xl">Adicionar matrícula</CardTitle> <CardTitle className="text-2xl">Adicionar matrícula</CardTitle>
@@ -48,9 +87,174 @@ export default function Route({}: Route.ComponentProps) {
</CardDescription> </CardDescription>
</CardHeader> </CardHeader>
<CardContent></CardContent> <CardContent className="space-y-4">
<table className="table-auto">
<thead>
<tr>
<td className="text-foreground font-medium text-sm w-1/3">
Colaborador
</td>
<td className="text-foreground font-medium text-sm w-1/3 pl-1">
Curso
</td>
<td className="text-foreground font-medium text-sm w-1/3 pl-1">
Matricular em
</td>
<td></td>
</tr>
</thead>
<tbody>
{fields.map((field, index) => {
return (
<tr
key={field.id}
className="*:px-1 *:first:pl-0 *:last:pr-0"
>
<td className="py-1">
<InputGroup>
<InputGroupInput placeholder="Search..." />
<InputGroupAddon>
<SearchIcon />
</InputGroupAddon>
</InputGroup>
</td>
<td className="py-1">
<InputGroup>
<InputGroupInput placeholder="Search..." />
<InputGroupAddon>
<SearchIcon />
</InputGroupAddon>
</InputGroup>
</td>
<td className="py-1">
<ScheduledForInput />
</td>
<td className="flex gap-1.5 py-1">
<Tooltip>
<TooltipTrigger asChild>
<Button
tabIndex={-1}
variant="outline"
className="cursor-pointer"
>
<CopyIcon />
</Button>
</TooltipTrigger>
<TooltipContent>
<p>Duplicar linha</p>
</TooltipContent>
</Tooltip>
<Popover>
<Tooltip>
<TooltipTrigger asChild>
<PopoverTrigger asChild>
<Button
tabIndex={-1}
variant="outline"
className="cursor-pointer"
>
<CopyPlusIcon />
</Button>
</PopoverTrigger>
</TooltipTrigger>
<TooltipContent>
<p>Duplicar várias vezes</p>
</TooltipContent>
</Tooltip>
<PopoverContent align="end" className="w-80">
<div className="space-y-2.5">
<h4 className="leading-none font-medium">
Duplicar várias vezes
</h4>
<p className="text-muted-foreground text-sm">
Duplique o curso desta linha na quantidade
desejada para agilizar o preenchimento.
</p>
<div className="grid gap-2">
<div className="grid grid-cols-3 items-center gap-4">
<Label htmlFor="width">Quantidade</Label>
<Input
id="width"
defaultValue="2"
className="col-span-2 h-8"
/>
</div>
</div>
<div className="flex justify-end">
<Button>
<CopyPlusIcon />
Duplicar
</Button>
</div>
</div>
</PopoverContent>
</Popover>
<Button
tabIndex={-1}
variant="destructive"
className="cursor-pointer"
disabled={fields.length == 1}
onClick={() => remove(index)}
>
<Trash2Icon />
</Button>
</td>
</tr>
)
})}
</tbody>
</table>
<div>
<Button
onClick={() => append({})}
className="cursor-pointer"
variant="outline"
size="sm"
>
<PlusIcon /> Adicionar
</Button>
</div>
<Separator />
<Button
type="submit"
className="cursor-pointer"
disabled={formState.isSubmitting}
>
{formState.isSubmitting && <Spinner />}
Continuar
</Button>
</CardContent>
</Card> </Card>
</div> </div>
</div> </div>
) )
} }
function ScheduledForInput() {
return (
<Popover>
<PopoverTrigger asChild>
<InputGroup>
<InputGroupInput placeholder="Imediatamente" />
<InputGroupAddon>
<CalendarIcon />
</InputGroupAddon>
</InputGroup>
</PopoverTrigger>
<PopoverContent className="w-full p-0" align="start">
<Calendar
mode="single"
captionLayout="dropdown"
// startMonth={new Date()}
locale={ptBR}
/>
</PopoverContent>
</Popover>
)
}

20
apps/admin.saladeaula.digital/app/routes/_.$orgid.users.add/route.tsx
View File

@@ -208,19 +208,17 @@ export default function Route({}: Route.ComponentProps) {
</FormItem> </FormItem>
)} )}
/> />
<Button
type="submit"
className="cursor-pointer"
disabled={formState.isSubmitting}
>
{formState.isSubmitting && <Spinner />}
Adicionar
</Button>
</CardContent> </CardContent>
</Card> </Card>
<div className="flex justify-end">
<Button
type="submit"
className="cursor-pointer"
disabled={formState.isSubmitting}
>
{formState.isSubmitting && <Spinner />}
Adicionar
</Button>
</div>
</form> </form>
</Form> </Form>
</div> </div>

30
apps/saladeaula.digital/app/routes/settings/password.tsx
View File

@@ -89,7 +89,7 @@ export default function Route({}: Route.ComponentProps) {
return ( return (
<Form {...form}> <Form {...form}>
<form onSubmit={handleSubmit(onSubmit)} className="space-y-2.5"> <form onSubmit={handleSubmit(onSubmit)}>
<Card> <Card>
<CardHeader> <CardHeader>
<CardTitle className="text-lg">Alterar senha</CardTitle> <CardTitle className="text-lg">Alterar senha</CardTitle>
@@ -100,7 +100,7 @@ export default function Route({}: Route.ComponentProps) {
</CardDescription> </CardDescription>
</CardHeader> </CardHeader>
<CardContent className="space-y-2.5"> <CardContent className="space-y-4">
<FormField <FormField
control={control} control={control}
name="new_password" name="new_password"
@@ -137,22 +137,20 @@ export default function Route({}: Route.ComponentProps) {
Mostrar senha Mostrar senha
</Label> </Label>
</div> </div>
<Button
type="submit"
className="relative overflow-hidden cursor-pointer"
>
{formState.isSubmitting && (
<div className="absolute inset-0 bg-lime-500 flex items-center justify-center">
<Spinner />
</div>
)}
Alterar senha
</Button>
</CardContent> </CardContent>
</Card> </Card>
<div className="flex justify-end">
<Button
type="submit"
className="relative overflow-hidden cursor-pointer"
>
{formState.isSubmitting && (
<div className="absolute inset-0 bg-lime-500 flex items-center justify-center">
<Spinner />
</div>
)}
Alterar senha
</Button>
</div>
</form> </form>
</Form> </Form>
) )

20
apps/saladeaula.digital/app/routes/settings/profile.tsx
View File

@@ -174,19 +174,17 @@ export default function Route({}: Route.ComponentProps) {
</FormItem> </FormItem>
)} )}
/> />
<Button
type="submit"
className="cursor-pointer"
disabled={formState.isSubmitting}
>
{formState.isSubmitting && <Spinner />}
Atualizar perfil
</Button>
</CardContent> </CardContent>
</Card> </Card>
<div className="flex justify-end">
<Button
type="submit"
className="cursor-pointer"
disabled={formState.isSubmitting}
>
{formState.isSubmitting && <Spinner />}
Atualizar perfil
</Button>
</div>
</fieldset> </fieldset>
</form> </form>
</Form> </Form>