diff --git a/web-ui/web-react/src/components/AdministradoresComunidad.js b/web-ui/web-react/src/components/AdministradoresComunidad.js
index 42b24186..335f84e0 100644
--- a/web-ui/web-react/src/components/AdministradoresComunidad.js
+++ b/web-ui/web-react/src/components/AdministradoresComunidad.js
@@ -50,6 +50,7 @@ const AdministradoresComunidad = () => {
const [changeStatusAdminCommunityDialog, setChangeStatusAdminCommunityDialog] = useState(false);
const [saveButtonTitle, setSaveButtonTitle] = useState("Registrar");
+ const [adminDialog, setAdminDialog] = useState(false);
async function listaAdmin() {
@@ -356,6 +357,8 @@ const AdministradoresComunidad = () => {
setAdminCommunity(admin);
setSaveButtonTitle('Actualizar');
setCommunityId(admin.community_id)
+ setAdminDialog(true)
+
}
@@ -365,6 +368,20 @@ const AdministradoresComunidad = () => {
setCommunityId('');
}
+ const openNewAdmin = () => {
+ setAdminCommunity(emptyAdminCommunity);
+ setAdminDialog(true)
+ setSubmitted(false);
+ };
+
+ const hideAdminDialog = () => {
+ setSubmitted(false);
+ setAdminDialog(false)
+ setAdminCommunity(emptyAdminCommunity);
+ setSaveButtonTitle('Registrar');
+
+ };
+
const actionsAdminCommunity = (rowData) => {
let icono = '';
let text = '';
@@ -431,10 +448,33 @@ const AdministradoresComunidad = () => {
>
);
+ const adminDialogFooter = (
+ <>
+
+
+ >
+ );
+
const leftToolbarTemplate = () => {
return (
+
@@ -562,9 +602,9 @@ const AdministradoresComunidad = () => {
-
setSelectedAdminsCommunities(e.value)}
- scrollable scrollHeight="400px" scrollDirection="both" header={header}
- rowsPerPageOptions={[5, 10, 25]} className="datatable-responsive mt-3"
+ setSelectedAdminsCommunities(e.value)}
+ scrollable scrollHeight="800px" scrollDirection="both" header={header}
+ rowsPerPageOptions={[10, 20, 30]} className="datatable-responsive mt-3"
paginatorTemplate="FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink CurrentPageReport RowsPerPageDropdown"
currentPageReportTemplate="Mostrando {first} a {last} de {totalRecords} administradores de comunidades de viviendas"
globalFilter={globalFilter} emptyMessage="No hay administradores de comunidades registrados.">
@@ -577,7 +617,7 @@ const AdministradoresComunidad = () => {
-
+
-
-
-
-
-
Registro de un administrador de una comunidad de viviendas
-
-
-
-
-
-
-
-
-
onInputChange(e, 'name')} required autoFocus className={classNames({ 'p-invalid': submitted && adminCommunity.name === '' })} />
+
-
-
-
-
-
-
-
-
onInputChange(e, 'last_name')} required autoFocus className={classNames({ 'p-invalid': submitted && adminCommunity.last_name === '' })} />
+
+
+
+
+
+
+
+ onInputChange(e, 'last_name')} required autoFocus className={classNames({ 'p-invalid': submitted && adminCommunity.last_name === '' })} />
+
+ {submitted && adminCommunity.last_name === '' &&
Apellidos es requirido.}
+
- {submitted && adminCommunity.last_name === '' && Apellidos es requirido.}
-
-
-
-
-
-
-
-
-
-
onInputChange(e, 'email')} required autoFocus
- className={classNames({ 'p-invalid': submitted &&
- (adminCommunity.email === '' || findRepeated('email', adminCommunity.email) > 0) })} />
+
+
+
+
+
+
+
+ onInputChange(e, 'email')} required autoFocus
+ className={classNames({
+ 'p-invalid': submitted &&
+ (adminCommunity.email === '' || findRepeated('email', adminCommunity.email) > 0)
+ })} />
+
+ {submitted && adminCommunity.email === '' &&
Correo electrónico
+ es requirido.}
+ {submitted && findRepeated('email', adminCommunity.email) > 0 &&
+
Correo electrónico se encuentra repetido.
+ }
+
- {submitted && adminCommunity.email === '' && Correo electrónico
- es requirido.}
- {submitted && findRepeated('email', adminCommunity.email) > 0 &&
- Correo electrónico se encuentra repetido.
- }
-
-
-
-
-
-
-
-
-
-
onInputChange(e, 'dni')} required autoFocus
- className={classNames({ 'p-invalid': submitted
- && (adminCommunity.dni === '' || findRepeated('dni', adminCommunity.dni) > 0)})} />
+
+
+
+
+
+
+
+ onInputChange(e, 'dni')} required autoFocus
+ className={classNames({
+ 'p-invalid': submitted
+ && (adminCommunity.dni === '' || findRepeated('dni', adminCommunity.dni) > 0)
+ })} />
+
+ {submitted && adminCommunity.dni === '' &&
Identificación es requirida.}
+ {submitted && findRepeated('dni', adminCommunity.dni) > 0 &&
+
Identificación se encuentra repetida.
+ }
+
- {submitted && adminCommunity.dni === '' && Identificación es requirida.}
- {submitted && findRepeated('dni', adminCommunity.dni) > 0 &&
- Identificación se encuentra repetida.
- }
-
-
-
-
-
-
-
-
-
-
onInputChange(e, 'phone')} required autoFocus className={classNames({ 'p-invalid': submitted && adminCommunity.phone === '' })} />
+
+
+
+
+
+
+
+ onInputChange(e, 'phone')} required autoFocus className={classNames({ 'p-invalid': submitted && adminCommunity.phone === '' })} />
+
+ {submitted && adminCommunity.phone === '' &&
Número de teléfono es requirida.}
+
- {submitted && adminCommunity.phone === '' && Número de teléfono es requirida.}
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+ {submitted && !communityId &&
Comunidad es requirida.}
+
- {submitted && !communityId &&
Comunidad es requirida.}
-
-
-
-
- {saveButtonTitle === 'Actualizar' && (
- )}
-
+
-
+
+ )}
+