agregar columna de estado en la lista

web-ui/web-react/src/components/AdministradoresSistema.js

@@ -41,14 +41,24 @@ const AdministradoresSistema = () => {
     password: '',
     user_type: '1',
     status: '1',
+    status_text: '',
   };
 
 
   async function fetchP() {
     let nombres = await fetch(urlFetch, { method: 'GET' });
     let adminRes = await nombres.json();
+    let data = await adminRes.message.filter(
+      (val) => val.status != -1,
+    )
+    await data.map((item) => {
+      if (item.status == '1') {
+        item.status_text = 'Activo';
+      } else if (item.status == '0') {
+        item.status_text = 'Inactivo';
+      } 
+    })
     setAdministrators(adminRes.message);
-    console.log(administrators);
   }
   useEffect(() => {
     fetchP();
@@ -67,7 +77,6 @@ const AdministradoresSistema = () => {
       status: "1"
     };
     setSysAdmin(data)
-    // console.log(data);
 
     fetch('http://localhost:4000/user/createAdminSystem/', {
       cache: 'no-cache',
@@ -238,24 +247,30 @@ const AdministradoresSistema = () => {
 
 
   const actionsAdmin = (rowData) => {
-     let icono = '';
+    let icono = '';
+    let text = '';
     if (rowData.status == '0') {
       icono = "pi pi-eye";
+      text = "Activar Administrador"
     } else if (rowData.status == '1') {
       icono = "pi pi-eye-slash";
+      text = "Inactivar Administrador"
+
     }
 
     return (
       <div className="actions">
-          <Button
+        <Button
           icon={`${icono}`}
           className={`p-button-rounded p-button-warning mt-2 mx-2`}
           onClick={() => confirmChangeStatusAdminSystem(rowData)}
+          title={`${text}`}
         />
         <Button
           icon="pi pi-trash"
-          className="p-button-rounded p-button-danger mt-2"
+          className="p-button-rounded p-button-danger mt-2 mx-2"
           onClick={() => confirmDeleteAdminSystem(rowData)}
+          title="Eliminar Administrador"
         />
       </div>
     );
@@ -413,6 +428,18 @@ const AdministradoresSistema = () => {
     </>
   )
 
+  const statusBodyTemplate = (rowData) => {
+    return (
+      <>
+        <span
+          className={`status status-${rowData.status}`}
+        >
+          {rowData.status_text}
+        </span>
+      </>
+    );
+  };
+
   return (
     <div className="grid">
       <div className="col-12">
@@ -501,9 +528,16 @@ const AdministradoresSistema = () => {
                 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: '130px', minWidth: '130px' }}
+              style={{ flexGrow: 1, flexBasis: '80px', minWidth: '80px' }}
               body={actionsAdmin}
             ></Column>
           </DataTable>

web-ui/web-react/src/components/ComunidadViviendas.js

@@ -696,15 +696,15 @@ const Communities = () => {
 
   const statusBodyTemplate = (rowData) => {
     return (
-        <>
+      <>
-            <span
+        <span
-                className={`status status-${rowData.status}`}
+          className={`status status-${rowData.status}`}
-            >
+        >
-                {rowData.status_text}
+          {rowData.status_text}
-            </span>
+        </span>
-        </>
+      </>
     );
-};
+  };
 
   const tenantsBodyTemplate = (rowData) => {
     let tenants = rowData.tenants;
@@ -791,11 +791,11 @@ const Communities = () => {
               style={{ flexGrow: 1, flexBasis: '180px' }}
             ></Column>
             <Column
-            field="status" 
+              field="status"
-            sortable 
+              sortable
-            header={headerStatus} 
+              header={headerStatus}
-            body={statusBodyTemplate} 
+              body={statusBodyTemplate}
-            style={{ flexGrow: 1, flexBasis: '160px', minWidth: '160px', wordBreak: 'break-word' }}>
+              style={{ flexGrow: 1, flexBasis: '160px', minWidth: '160px', wordBreak: 'break-word' }}>
             </Column>
             <Column
               body={actionsCommunity}