import { Head, Link, useForm, usePage } from '@inertiajs/react'; import type { FormEvent } from 'react'; import CreditCostField from '@/components/classrooms/credit-cost-field'; import Heading from '@/components/heading'; import InputError from '@/components/input-error'; import { Alert, AlertDescription, AlertTitle } from '@/components/ui/alert'; import { Button } from '@/components/ui/button'; import { Input } from '@/components/ui/input'; import { Label } from '@/components/ui/label'; import { Switch } from '@/components/ui/switch'; import { Textarea } from '@/components/ui/textarea'; import classrooms, { index as classroomsIndex } from '@/routes/classrooms'; import billing from '@/routes/billing'; type Props = { creditsAvailable?: number; defaultModerator: { name: string; email: string }; }; export default function ClassroomsCreate({ creditsAvailable = 0, defaultModerator, }: Props) { const form = useForm({ name: '', course_title: '', formatemp_project_code: '', starts_on: '', ends_on: '', max_participants: '15', max_hours: '8', record_meetings: false, max_cameras: '', moderator_name: defaultModerator.name, moderator_email: defaultModerator.email, access_password: '', notes: '', }); const { errors: pageErrors } = usePage<{ errors: { credits?: string }; }>().props; function submit(e: FormEvent) { e.preventDefault(); form.post(classrooms.store().url); } return ( <>
{pageErrors.credits && ( Impossibile creare l'aula {pageErrors.credits}{' '} Ricarica i crediti . )}
form.setData('name', e.target.value) } required />
form.setData('course_title', e.target.value) } />
form.setData( 'formatemp_project_code', e.target.value, ) } />
form.setData('max_participants', value) } onHoursChange={(value) => form.setData('max_hours', value) } creditsAvailable={creditsAvailable} participantsError={form.errors.max_participants} hoursError={form.errors.max_hours} />
form.setData('starts_on', e.target.value) } />
form.setData('ends_on', e.target.value) } />

Imposta la registrazione come predefinita per le nuove lezioni di questa aula.

form.setData('record_meetings', checked) } />
form.setData('max_cameras', e.target.value) } />
form.setData( 'moderator_name', e.target.value, ) } />
form.setData( 'moderator_email', e.target.value, ) } />
form.setData('access_password', e.target.value) } maxLength={32} />

Se impostata, sul link pubblico della lezione viene richiesta oltre al codice fiscale.