eduardo
/
katoikia-app
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

agregar columna de estado y arreglos de estilos

This commit is contained in:
Mariela 2022-08-02 23:26:32 -06:00
parent 3294422e6a
commit c4a726d050
3 changed files with 33 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
web-ui/web-react/src/components/AdministradoresSistema.js
View File

@ -614,12 +614,12 @@ const AdministradoresSistema = () => {
<InputText id="nombre" type="text" />
</div>
<div className="field col-12 md:col-6">
<label htmlFor="apellidos">Apellidos</label>
<label htmlFor="apellidos">Apellido(s)</label>
<InputText id="apellidos" type="text" />
</div>
<div className="field col-12 md:col-6">
<label htmlFor="correo_electronico">Correo electrónico</label>
<InputText id="correo_electronico" type="text" />
<InputText id="correo_electronico" type="email" />
</div>
<div className="field col-12 md:col-6">
<label htmlFor="identificacion">Identificación</label>

33
web-ui/web-react/src/components/GuardasSeguridad.js
View File

@ -373,6 +373,26 @@ const GuardasSeguridad = () => {
</>
)
const headerStatus = (
<>
<p> {' '}
<FontAwesomeIcon icon={faCircleQuestion} style={{ color: "#D7A86E" }} />{' '}
Estado
</p>
</>
)
const statusBodyTemplate = (rowData) => {
return (
<>
<span
className={`status status-${rowData.status}`}
>
{rowData.status_text}
</span>
</>
);
};
return (
<div className="grid">
@ -393,6 +413,13 @@ const GuardasSeguridad = () => {
</Column>
<Column field="email" sortable header={headerEmail} style={{ flexGrow: 1, flexBasis: '160px', minWidth: '160px', wordBreak: 'break-word' }}></Column>
<Column field="phone" header={headerPhone} style={{ flexGrow: 1, flexBasis: '160px', minWidth: '160px', wordBreak: 'break-word' }}></Column>
<Column
field="status"
sortable
header={headerStatus}
body={statusBodyTemplate}
style={{ flexGrow: 1, flexBasis: '160px', minWidth: '160px', wordBreak: 'break-word' }}>
</Column>
<Column style={{ flexGrow: 1, flexBasis: '80px', minWidth: '80px' }} body={actionsAdmin}></Column>
</DataTable>
<Dialog visible={deleteGuardaDialog} style={{ width: '450px' }} header="Confirmar" modal footer={deleteAdminSystemDialogFooter} onHide={hideDeleteGuardaDialog}>
@ -438,12 +465,12 @@ const GuardasSeguridad = () => {
<InputText id="nombre" type="text" />
</div>
<div className="field col-12 md:col-6">
<label htmlFor="apellidos">Apellidos</label>
<label htmlFor="apellidos">Apellido(s)</label>
<InputText id="apellidos" type="text" />
</div>
<div className="field col-12 md:col-6">
<label htmlFor="correo_electronico">Correo electrónico</label>
<InputText id="correo_electronico" type="text" />
<InputText id="correo_electronico" type="email" />
</div>
<div className="field col-12 md:col-6">
<label htmlFor="identificacion">Identificación</label>
@ -451,7 +478,7 @@ const GuardasSeguridad = () => {
</div>
<div className="field col-12">
<label htmlFor="telefono">Teléfono</label>
<InputText id="telefono" type="number" rows="4" />
<InputText id="telefono" type="tel" rows="4" />
</div>
<Button label="Registrar" onClick={registrarGuarda}></Button>
</div>

2
web-ui/web-react/src/components/Inquilinos.js
View File

@ -491,7 +491,7 @@ const Inquilinos = () => {
<InputText type="text" className="form-control" id="nombre" />
</div>
<div className="field col-12 md:col-6">
<label htmlFor="apellidos">Apellidos</label>
<label htmlFor="apellidos">Apellido(s)</label>
<InputText type="text" className="form-control" id="apellidos" />
</div>
<div className="field col-12 md:col-6">