request complete info on tenant for registration
it's too complex to handle it as a two-step process, plus it makes sense to get all this information when registering a new tenant into an apartment anyway
This commit is contained in:
parent
c1106e7d63
commit
70174ad5df
|
|
@ -15,6 +15,7 @@ import { faIdCardAlt } from '@fortawesome/free-solid-svg-icons'
|
||||||
import { faHashtag } from '@fortawesome/free-solid-svg-icons'
|
import { faHashtag } from '@fortawesome/free-solid-svg-icons'
|
||||||
import { faCircleQuestion } from '@fortawesome/free-solid-svg-icons'
|
import { faCircleQuestion } from '@fortawesome/free-solid-svg-icons'
|
||||||
import { useCookies } from 'react-cookie'
|
import { useCookies } from 'react-cookie'
|
||||||
|
import classNames from 'classnames';
|
||||||
|
|
||||||
const Inquilinos = () => {
|
const Inquilinos = () => {
|
||||||
const emptyTenant = {
|
const emptyTenant = {
|
||||||
|
|
@ -603,31 +604,85 @@ const Inquilinos = () => {
|
||||||
</Dialog>
|
</Dialog>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div className='col-12'>
|
<div className="col-12">
|
||||||
<div className='card'>
|
<div className="card">
|
||||||
<h5 className='card-header'>Registrar Inquilino</h5>
|
<h5>Registro de un administrador de una comunidad de viviendas</h5>
|
||||||
<div className='p-fluid formgrid grid'>
|
<div className="p-fluid formgrid grid">
|
||||||
<div className='field col-12 md:col-6'>
|
<div className="field col-12 md:col-6">
|
||||||
<label htmlFor='correo_electronico'>Correo electrónico</label>
|
<label htmlFor="name">Nombre</label>
|
||||||
<InputText
|
<div className="p-0 col-12 md:col-12">
|
||||||
required
|
<div className="p-inputgroup">
|
||||||
type='email'
|
<span className="p-inputgroup-addon p-button p-icon-input-khaki">
|
||||||
className='form-control'
|
<i className="pi pi-home"></i>
|
||||||
id='correo_electronico'
|
</span>
|
||||||
onChange={(e) => onInputChange(e, 'email')}
|
<InputText id="name" value={tenant.name} onChange={(e) => onInputChange(e, 'name')} required autoFocus className={classNames({ 'p-invalid': submitted && tenant.name === '' })} />
|
||||||
/>
|
|
||||||
</div>
|
</div>
|
||||||
<div className='field col-12 md:col-6'>
|
{submitted && tenant.name === '' && <small className="p-invalid">Nombre es requerido.</small>}
|
||||||
<label htmlFor='numero_vivienda'>Número de Vivienda</label>
|
|
||||||
<Dropdown
|
|
||||||
required
|
|
||||||
id='numero_vivienda'
|
|
||||||
value={communityId}
|
|
||||||
options={cList}
|
|
||||||
onChange={(e) => onInputChange(e, 'community_id')}
|
|
||||||
/>
|
|
||||||
</div>
|
</div>
|
||||||
<Button label='Registrar' onClick={saveTenant} />
|
</div>
|
||||||
|
<div className="field col-12 md:col-6">
|
||||||
|
<label htmlFor="name">Apellido(s)</label>
|
||||||
|
<div className="p-0 col-12 md:col-12">
|
||||||
|
<div className="p-inputgroup">
|
||||||
|
<span className="p-inputgroup-addon p-button p-icon-input-khaki">
|
||||||
|
<i className="pi pi-home"></i>
|
||||||
|
</span>
|
||||||
|
<InputText id="last_name" value={tenant.last_name} onChange={(e) => onInputChange(e, 'last_name')} required autoFocus className={classNames({ 'p-invalid': submitted && tenant.last_name === '' })} />
|
||||||
|
</div>
|
||||||
|
{submitted && tenant.last_name === '' && <small className="p-invalid">Apellidos es requerido.</small>}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="field col-12 md:col-6">
|
||||||
|
<label htmlFor="name">Correo Electrónico</label>
|
||||||
|
<div className="p-0 col-12 md:col-12">
|
||||||
|
<div className="p-inputgroup">
|
||||||
|
<span className="p-inputgroup-addon p-button p-icon-input-khaki">
|
||||||
|
<i className="pi pi-home"></i>
|
||||||
|
</span>
|
||||||
|
<InputText id="email" value={tenant.email} onChange={(e) => onInputChange(e, 'email')} required autoFocus className={classNames({ 'p-invalid': submitted && tenant.email === '' })} />
|
||||||
|
</div>
|
||||||
|
{submitted && tenant.email === '' && <small className="p-invalid">Correo electrónico
|
||||||
|
es requerido.</small>}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="field col-12 md:col-6">
|
||||||
|
<label htmlFor="name">Identificación</label>
|
||||||
|
<div className="p-0 col-12 md:col-12">
|
||||||
|
<div className="p-inputgroup">
|
||||||
|
<span className="p-inputgroup-addon p-button p-icon-input-khaki">
|
||||||
|
<i className="pi pi-home"></i>
|
||||||
|
</span>
|
||||||
|
<InputText id="dni" value={tenant.dni} onChange={(e) => onInputChange(e, 'dni')} required autoFocus className={classNames({ 'p-invalid': submitted && tenant.dni === '' })} />
|
||||||
|
</div>
|
||||||
|
{submitted && tenant.email === '' && <small className="p-invalid">Identificación es requerida.</small>}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="field col-12 md:col-6">
|
||||||
|
<label htmlFor="name">Número de teléfono</label>
|
||||||
|
<div className="p-0 col-12 md:col-12">
|
||||||
|
<div className="p-inputgroup">
|
||||||
|
<span className="p-inputgroup-addon p-button p-icon-input-khaki">
|
||||||
|
<i className="pi pi-phone"></i>
|
||||||
|
</span>
|
||||||
|
<InputText id="phone" value={tenant.phone} onChange={(e) => onInputChange(e, 'phone')} required autoFocus className={classNames({ 'p-invalid': submitted && tenant.phone === '' })} />
|
||||||
|
</div>
|
||||||
|
{submitted && tenant.phone === '' && <small className="p-invalid">Número de teléfono es requerido.</small>}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div className="field col-12 md:col-6">
|
||||||
|
<label htmlFor="administrator">Comunidad a asignar: </label>
|
||||||
|
<div className="p-0 col-12 md:col-12">
|
||||||
|
<div className="p-inputgroup">
|
||||||
|
<span className="p-inputgroup-addon p-button p-icon-input-khaki">
|
||||||
|
<i className="pi pi-home"></i>
|
||||||
|
</span>
|
||||||
|
<Dropdown placeholder="--Seleccione la Casa a Asignar--" id="administrator" value={communityId} options={cList}
|
||||||
|
onChange={handleCommunities} required autoFocus className={classNames({ 'p-invalid': submitted && !communityId })} />
|
||||||
|
</div>
|
||||||
|
{submitted && !communityId && <small className="p-invalid">Comunidad es requerida.</small>}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<Button label="Registrar" onClick={saveTenant} />
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue