From 6d66a783b7e66822935ffd5d2b9ab14cda97fefc Mon Sep 17 00:00:00 2001
From: Eduardo Quiros <eduardo@eduardoquiros.com>
Date: Mon, 22 Aug 2022 05:59:30 -0600
Subject: [PATCH 01/10] format

---
 .../src/components/RegistroComunicado.js      | 146 +++++++++---------
 1 file changed, 73 insertions(+), 73 deletions(-)

diff --git a/web-ui/web-react/src/components/RegistroComunicado.js b/web-ui/web-react/src/components/RegistroComunicado.js
index e2d756a9..1739f993 100644
--- a/web-ui/web-react/src/components/RegistroComunicado.js
+++ b/web-ui/web-react/src/components/RegistroComunicado.js
@@ -27,13 +27,13 @@ const RegistroComunicado = () => {
         community_id: ''
     };
 
-    useEffect(()=>{
-      listaComunis();
-    },[])
+    useEffect(() => {
+        listaComunis();
+    }, [])
 
 
     const [comunicado, setComunicado] = useState(emptyComunicado);
-    const [comunicados,setComuicados]=useState([]);
+    const [comunicados, setComuicados] = useState([]);
     const [comunicadoId, setComunicadoId] = useState(null);
     const [submitted, setSubmitted] = useState(false);
     const toast = useRef(null);
@@ -42,103 +42,103 @@ const RegistroComunicado = () => {
     const [globalFilter, setGlobalFilter] = useState(null);
 
     async function listaComunis() {
-      let comunicadosA=await fetch('http://localhost:4000/post/allPosts', {method:'GET'});
-      let comunicadosRes= await comunicadosA.json();
-      setComuicados(comunicadosRes.message);
-      console.log(comunicadosRes.message);
-     }
+        let comunicadosA = await fetch('http://localhost:4000/post/allPosts', { method: 'GET' });
+        let comunicadosRes = await comunicadosA.json();
+        setComuicados(comunicadosRes.message);
+        console.log(comunicadosRes.message);
+    }
+
 
-  
     const saveComunicado = () => {
         var data = {
             post: document.getElementById('txt_comunicado').value,
             user_id: cookies.id,
             community_id: cookies.community_id
-          };
-      
-          fetch('http://localhost:4000/post/createPost', {
+        };
+
+        fetch('http://localhost:4000/post/createPost', {
             cache: 'no-cache',
             method: 'POST',
             body: JSON.stringify(data),
             headers: {
-              'Content-Type': 'application/json'
+                'Content-Type': 'application/json'
             }
-          })
+        })
             .then(
-              function (response) {
-                if (response.status != 201)
-                  console.log('Ocurrió un error con el servicio: ' + response.status);
-                else
-                  return response.json();
-              }
+                function(response) {
+                    if (response.status != 201)
+                        console.log('Ocurrió un error con el servicio: ' + response.status);
+                    else
+                        return response.json();
+                }
             )
             .then(
-              function (response) {
-                
-              }
+                function(response) {
+
+                }
             )
             .catch(
-              err => console.log('Ocurrió un error con el fetch', err)
+                err => console.log('Ocurrió un error con el fetch', err)
             );
     }
 
     const header = (
-      <React.Fragment>
-
-          <div className="flex flex-column md:flex-row md:justify-content-between md:align-items-center">
-              <h5 className="m-0">Comunicados de la comunidad</h5>
-              <span className="block mt-2 md:mt-0 p-input-icon-left">
-                  <i className="pi pi-search" />
-                  <InputText type="search" onInput={(e) => setGlobalFilter(e.target.value)} placeholder="Buscar..." />
-              </span>
-          </div>
-      </React.Fragment>
-  );
-  const headerPost = (
-    <>
-        <p>
-            {' '}
-            <FontAwesomeIcon icon={faCommentAlt} style={{ color: "#D7A86E" }} />{' '}
-            Descripción comunicado</p>
-    </>
-  )
-
-  const leftToolbarTemplate = () => {
-    return (
         <React.Fragment>
-            <div className="my-2">
-                <Button label="Eliminar" icon="pi pi-trash" className="p-button-danger" />
+
+            <div className="flex flex-column md:flex-row md:justify-content-between md:align-items-center">
+                <h5 className="m-0">Comunicados de la comunidad</h5>
+                <span className="block mt-2 md:mt-0 p-input-icon-left">
+                    <i className="pi pi-search" />
+                    <InputText type="search" onInput={(e) => setGlobalFilter(e.target.value)} placeholder="Buscar..." />
+                </span>
             </div>
         </React.Fragment>
+    );
+    const headerPost = (
+        <>
+            <p>
+                {' '}
+                <FontAwesomeIcon icon={faCommentAlt} style={{ color: "#D7A86E" }} />{' '}
+            Descripción comunicado</p>
+        </>
     )
-}
 
-const rightToolbarTemplate = () => {
-    return (
-        <React.Fragment>
-            <Button label="Exportar" icon="pi pi-upload" className="p-button-help" />
-        </React.Fragment>
-    )
-}
+    const leftToolbarTemplate = () => {
+        return (
+            <React.Fragment>
+                <div className="my-2">
+                    <Button label="Eliminar" icon="pi pi-trash" className="p-button-danger" />
+                </div>
+            </React.Fragment>
+        )
+    }
+
+    const rightToolbarTemplate = () => {
+        return (
+            <React.Fragment>
+                <Button label="Exportar" icon="pi pi-upload" className="p-button-help" />
+            </React.Fragment>
+        )
+    }
 
     return (
         <div className="grid">
             <div className="col-12">
-                  <Toast ref={toast} />
-                  <div className="card">
-                      <Toolbar className="mb-4" left={leftToolbarTemplate} right={rightToolbarTemplate}></Toolbar>
-                      <DataTable ref={dt} value={comunicados} dataKey="_id" paginator rows={5}
-                          scrollable scrollHeight="400px" scrollDirection="both" header={header}
-                          rowsPerPageOptions={[5, 10, 25]} 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.">
-                          <Column selectionMode="multiple" headerStyle={{ width: '3rem' }}></Column>
-                          <Column field="post" sortable header={headerPost} style={{ flexGrow: 1, flexBasis: '160px', minWidth: '160px', wordBreak: 'break-word' }}></Column>
-        
-                      </DataTable>
-                  </div>
-              </div>
+                <Toast ref={toast} />
+                <div className="card">
+                    <Toolbar className="mb-4" left={leftToolbarTemplate} right={rightToolbarTemplate}></Toolbar>
+                    <DataTable ref={dt} value={comunicados} dataKey="_id" paginator rows={5}
+                        scrollable scrollHeight="400px" scrollDirection="both" header={header}
+                        rowsPerPageOptions={[5, 10, 25]} 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.">
+                        <Column selectionMode="multiple" headerStyle={{ width: '3rem' }}></Column>
+                        <Column field="post" sortable header={headerPost} style={{ flexGrow: 1, flexBasis: '160px', minWidth: '160px', wordBreak: 'break-word' }}></Column>
+
+                    </DataTable>
+                </div>
+            </div>
             <div className="col-12">
                 <div className="card">
                     <h5>Registro de un comunicado para la comunidad</h5>
@@ -150,7 +150,7 @@ const rightToolbarTemplate = () => {
                                     <span className="p-inputgroup-addon p-button p-icon-input-khaki">
                                         <i className="pi pi-pencil"></i>
                                     </span>
-                                    <InputTextarea id="txt_comunicado" rows="4"/>
+                                    <InputTextarea id="txt_comunicado" rows="4" />
                                 </div>
                             </div>
                         </div>

From 30f6ca3be73649b60ddfbdd4dc4a9344c5757013 Mon Sep 17 00:00:00 2001
From: Eduardo Quiros <eduardo@eduardoquiros.com>
Date: Mon, 22 Aug 2022 05:59:54 -0600
Subject: [PATCH 02/10] fix typo

---
 web-ui/web-react/src/components/RegistroComunicado.js | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/web-ui/web-react/src/components/RegistroComunicado.js b/web-ui/web-react/src/components/RegistroComunicado.js
index 1739f993..fc185083 100644
--- a/web-ui/web-react/src/components/RegistroComunicado.js
+++ b/web-ui/web-react/src/components/RegistroComunicado.js
@@ -18,6 +18,7 @@ import { faEllipsis } from '@fortawesome/free-solid-svg-icons';
 import { faHomeAlt } from '@fortawesome/free-solid-svg-icons';
 import { Dropdown } from 'primereact/dropdown';
 import classNames from 'classnames';
+
 const RegistroComunicado = () => {
 
     let emptyComunicado = {
@@ -33,7 +34,7 @@ const RegistroComunicado = () => {
 
 
     const [comunicado, setComunicado] = useState(emptyComunicado);
-    const [comunicados, setComuicados] = useState([]);
+    const [comunicados, setComunicados] = useState([]);
     const [comunicadoId, setComunicadoId] = useState(null);
     const [submitted, setSubmitted] = useState(false);
     const toast = useRef(null);
@@ -44,7 +45,7 @@ const RegistroComunicado = () => {
     async function listaComunis() {
         let comunicadosA = await fetch('http://localhost:4000/post/allPosts', { method: 'GET' });
         let comunicadosRes = await comunicadosA.json();
-        setComuicados(comunicadosRes.message);
+        setComunicados(comunicadosRes.message);
         console.log(comunicadosRes.message);
     }
 

From 772662f796bec524b253f8077ba1b771b6b19aaf Mon Sep 17 00:00:00 2001
From: Eduardo Quiros <eduardo@eduardoquiros.com>
Date: Mon, 22 Aug 2022 06:12:01 -0600
Subject: [PATCH 03/10] remove unnecessary imports

---
 web-ui/web-react/src/components/RegistroComunicado.js | 5 -----
 1 file changed, 5 deletions(-)

diff --git a/web-ui/web-react/src/components/RegistroComunicado.js b/web-ui/web-react/src/components/RegistroComunicado.js
index fc185083..3b3ff4d7 100644
--- a/web-ui/web-react/src/components/RegistroComunicado.js
+++ b/web-ui/web-react/src/components/RegistroComunicado.js
@@ -11,12 +11,7 @@ import { Toolbar } from 'primereact/toolbar';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import { faHome, faUserAlt } from '@fortawesome/free-solid-svg-icons';
 import { faCommentAlt } from '@fortawesome/free-solid-svg-icons';
-import { faPhoneAlt } from '@fortawesome/free-solid-svg-icons';
-import { faAt } from '@fortawesome/free-solid-svg-icons';
-import { faIdCardAlt } from '@fortawesome/free-solid-svg-icons';
 import { faEllipsis } from '@fortawesome/free-solid-svg-icons';
-import { faHomeAlt } from '@fortawesome/free-solid-svg-icons';
-import { Dropdown } from 'primereact/dropdown';
 import classNames from 'classnames';
 
 const RegistroComunicado = () => {

From 5e4dc43e023c927b515d68ae679d45a85bb6b995 Mon Sep 17 00:00:00 2001
From: Eduardo Quiros <eduardo@eduardoquiros.com>
Date: Mon, 22 Aug 2022 06:14:48 -0600
Subject: [PATCH 04/10] remove excessive spaces

---
 .../src/components/RegistroComunicado.js      | 264 +++++++++---------
 1 file changed, 132 insertions(+), 132 deletions(-)

diff --git a/web-ui/web-react/src/components/RegistroComunicado.js b/web-ui/web-react/src/components/RegistroComunicado.js
index 3b3ff4d7..0d066895 100644
--- a/web-ui/web-react/src/components/RegistroComunicado.js
+++ b/web-ui/web-react/src/components/RegistroComunicado.js
@@ -16,146 +16,146 @@ import classNames from 'classnames';
 
 const RegistroComunicado = () => {
 
-    let emptyComunicado = {
-        _id: null,
-        post: '',
-        user_id: '',
-        community_id: ''
+  let emptyComunicado = {
+    _id: null,
+    post: '',
+    user_id: '',
+    community_id: ''
+  };
+
+  useEffect(() => {
+    listaComunis();
+  }, [])
+
+
+  const [comunicado, setComunicado] = useState(emptyComunicado);
+  const [comunicados, setComunicados] = useState([]);
+  const [comunicadoId, setComunicadoId] = useState(null);
+  const [submitted, setSubmitted] = useState(false);
+  const toast = useRef(null);
+  const dt = useRef(null);
+  const [cookies, setCookie] = useCookies();
+  const [globalFilter, setGlobalFilter] = useState(null);
+
+  async function listaComunis() {
+    let comunicadosA = await fetch('http://localhost:4000/post/allPosts', { method: 'GET' });
+    let comunicadosRes = await comunicadosA.json();
+    setComunicados(comunicadosRes.message);
+    console.log(comunicadosRes.message);
+  }
+
+
+  const saveComunicado = () => {
+    var data = {
+      post: document.getElementById('txt_comunicado').value,
+      user_id: cookies.id,
+      community_id: cookies.community_id
     };
 
-    useEffect(() => {
-        listaComunis();
-    }, [])
+    fetch('http://localhost:4000/post/createPost', {
+      cache: 'no-cache',
+      method: 'POST',
+      body: JSON.stringify(data),
+      headers: {
+        'Content-Type': 'application/json'
+      }
+    })
+      .then(
+        function(response) {
+          if (response.status != 201)
+            console.log('Ocurrió un error con el servicio: ' + response.status);
+          else
+            return response.json();
+        }
+      )
+      .then(
+        function(response) {
 
+        }
+      )
+      .catch(
+        err => console.log('Ocurrió un error con el fetch', err)
+      );
+  }
 
-    const [comunicado, setComunicado] = useState(emptyComunicado);
-    const [comunicados, setComunicados] = useState([]);
-    const [comunicadoId, setComunicadoId] = useState(null);
-    const [submitted, setSubmitted] = useState(false);
-    const toast = useRef(null);
-    const dt = useRef(null);
-    const [cookies, setCookie] = useCookies();
-    const [globalFilter, setGlobalFilter] = useState(null);
+  const header = (
+    <React.Fragment>
 
-    async function listaComunis() {
-        let comunicadosA = await fetch('http://localhost:4000/post/allPosts', { method: 'GET' });
-        let comunicadosRes = await comunicadosA.json();
-        setComunicados(comunicadosRes.message);
-        console.log(comunicadosRes.message);
-    }
-
-
-    const saveComunicado = () => {
-        var data = {
-            post: document.getElementById('txt_comunicado').value,
-            user_id: cookies.id,
-            community_id: cookies.community_id
-        };
-
-        fetch('http://localhost:4000/post/createPost', {
-            cache: 'no-cache',
-            method: 'POST',
-            body: JSON.stringify(data),
-            headers: {
-                'Content-Type': 'application/json'
-            }
-        })
-            .then(
-                function(response) {
-                    if (response.status != 201)
-                        console.log('Ocurrió un error con el servicio: ' + response.status);
-                    else
-                        return response.json();
-                }
-            )
-            .then(
-                function(response) {
-
-                }
-            )
-            .catch(
-                err => console.log('Ocurrió un error con el fetch', err)
-            );
-    }
-
-    const header = (
-        <React.Fragment>
-
-            <div className="flex flex-column md:flex-row md:justify-content-between md:align-items-center">
-                <h5 className="m-0">Comunicados de la comunidad</h5>
-                <span className="block mt-2 md:mt-0 p-input-icon-left">
-                    <i className="pi pi-search" />
-                    <InputText type="search" onInput={(e) => setGlobalFilter(e.target.value)} placeholder="Buscar..." />
-                </span>
-            </div>
-        </React.Fragment>
-    );
-    const headerPost = (
-        <>
-            <p>
-                {' '}
-                <FontAwesomeIcon icon={faCommentAlt} style={{ color: "#D7A86E" }} />{' '}
-            Descripción comunicado</p>
-        </>
-    )
-
-    const leftToolbarTemplate = () => {
-        return (
-            <React.Fragment>
-                <div className="my-2">
-                    <Button label="Eliminar" icon="pi pi-trash" className="p-button-danger" />
-                </div>
-            </React.Fragment>
-        )
-    }
-
-    const rightToolbarTemplate = () => {
-        return (
-            <React.Fragment>
-                <Button label="Exportar" icon="pi pi-upload" className="p-button-help" />
-            </React.Fragment>
-        )
-    }
+      <div className="flex flex-column md:flex-row md:justify-content-between md:align-items-center">
+        <h5 className="m-0">Comunicados de la comunidad</h5>
+        <span className="block mt-2 md:mt-0 p-input-icon-left">
+          <i className="pi pi-search" />
+          <InputText type="search" onInput={(e) => setGlobalFilter(e.target.value)} placeholder="Buscar..." />
+        </span>
+      </div>
+    </React.Fragment>
+  );
+  const headerPost = (
+    <>
+      <p>
+        {' '}
+        <FontAwesomeIcon icon={faCommentAlt} style={{ color: "#D7A86E" }} />{' '}
+      Descripción comunicado</p>
+    </>
+  )
 
+  const leftToolbarTemplate = () => {
     return (
-        <div className="grid">
-            <div className="col-12">
-                <Toast ref={toast} />
-                <div className="card">
-                    <Toolbar className="mb-4" left={leftToolbarTemplate} right={rightToolbarTemplate}></Toolbar>
-                    <DataTable ref={dt} value={comunicados} dataKey="_id" paginator rows={5}
-                        scrollable scrollHeight="400px" scrollDirection="both" header={header}
-                        rowsPerPageOptions={[5, 10, 25]} 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.">
-                        <Column selectionMode="multiple" headerStyle={{ width: '3rem' }}></Column>
-                        <Column field="post" sortable header={headerPost} style={{ flexGrow: 1, flexBasis: '160px', minWidth: '160px', wordBreak: 'break-word' }}></Column>
-
-                    </DataTable>
-                </div>
-            </div>
-            <div className="col-12">
-                <div className="card">
-                    <h5>Registro de un comunicado para la comunidad</h5>
-                    <div className="p-fluid formgrid grid">
-                        <div className="field col-12 md:col-12">
-                            <label htmlFor="name">Contenido del comunicado</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-pencil"></i>
-                                    </span>
-                                    <InputTextarea id="txt_comunicado" rows="4" />
-                                </div>
-                            </div>
-                        </div>
-                        <Button label="Registrar" onClick={saveComunicado} />
-                    </div>
-                </div>
-            </div>
+      <React.Fragment>
+        <div className="my-2">
+          <Button label="Eliminar" icon="pi pi-trash" className="p-button-danger" />
         </div>
-    );
+      </React.Fragment>
+    )
+  }
+
+  const rightToolbarTemplate = () => {
+    return (
+      <React.Fragment>
+        <Button label="Exportar" icon="pi pi-upload" className="p-button-help" />
+      </React.Fragment>
+    )
+  }
+
+  return (
+    <div className="grid">
+      <div className="col-12">
+        <Toast ref={toast} />
+        <div className="card">
+          <Toolbar className="mb-4" left={leftToolbarTemplate} right={rightToolbarTemplate}></Toolbar>
+          <DataTable ref={dt} value={comunicados} dataKey="_id" paginator rows={5}
+            scrollable scrollHeight="400px" scrollDirection="both" header={header}
+            rowsPerPageOptions={[5, 10, 25]} 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.">
+            <Column selectionMode="multiple" headerStyle={{ width: '3rem' }}></Column>
+            <Column field="post" sortable header={headerPost} style={{ flexGrow: 1, flexBasis: '160px', minWidth: '160px', wordBreak: 'break-word' }}></Column>
+
+          </DataTable>
+        </div>
+      </div>
+      <div className="col-12">
+        <div className="card">
+          <h5>Registro de un comunicado para la comunidad</h5>
+          <div className="p-fluid formgrid grid">
+            <div className="field col-12 md:col-12">
+              <label htmlFor="name">Contenido del comunicado</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-pencil"></i>
+                  </span>
+                  <InputTextarea id="txt_comunicado" rows="4" />
+                </div>
+              </div>
+            </div>
+            <Button label="Registrar" onClick={saveComunicado} />
+          </div>
+        </div>
+      </div>
+    </div>
+  );
 };
 
 export default React.memo(RegistroComunicado);

From 2ad4f34bd021c68f5594b11864438d416ab7247c Mon Sep 17 00:00:00 2001
From: Eduardo Quiros <eduardo@eduardoquiros.com>
Date: Mon, 22 Aug 2022 06:16:41 -0600
Subject: [PATCH 05/10] clean up code a little

---
 .../src/components/RegistroComunicado.js      | 29 ++++++-------------
 1 file changed, 9 insertions(+), 20 deletions(-)

diff --git a/web-ui/web-react/src/components/RegistroComunicado.js b/web-ui/web-react/src/components/RegistroComunicado.js
index 0d066895..5fb2b570 100644
--- a/web-ui/web-react/src/components/RegistroComunicado.js
+++ b/web-ui/web-react/src/components/RegistroComunicado.js
@@ -27,7 +27,6 @@ const RegistroComunicado = () => {
     listaComunis();
   }, [])
 
-
   const [comunicado, setComunicado] = useState(emptyComunicado);
   const [comunicados, setComunicados] = useState([]);
   const [comunicadoId, setComunicadoId] = useState(null);
@@ -44,7 +43,6 @@ const RegistroComunicado = () => {
     console.log(comunicadosRes.message);
   }
 
-
   const saveComunicado = () => {
     var data = {
       post: document.getElementById('txt_comunicado').value,
@@ -59,28 +57,20 @@ const RegistroComunicado = () => {
       headers: {
         'Content-Type': 'application/json'
       }
-    })
-      .then(
-        function(response) {
-          if (response.status != 201)
-            console.log('Ocurrió un error con el servicio: ' + response.status);
-          else
-            return response.json();
-        }
-      )
-      .then(
-        function(response) {
+    }).then((response) => {
+      if (response.status != 201)
+        console.log('Ocurrió un error con el servicio: ' + response.status);
+      else
+        return response.json();
+    }).then((_response) => {
 
-        }
-      )
-      .catch(
-        err => console.log('Ocurrió un error con el fetch', err)
-      );
+    }).catch(
+      err => console.log('Ocurrió un error con el fetch', err)
+    );
   }
 
   const header = (
     <React.Fragment>
-
       <div className="flex flex-column md:flex-row md:justify-content-between md:align-items-center">
         <h5 className="m-0">Comunicados de la comunidad</h5>
         <span className="block mt-2 md:mt-0 p-input-icon-left">
@@ -131,7 +121,6 @@ const RegistroComunicado = () => {
             globalFilter={globalFilter} emptyMessage="No hay administradores de comunidades registrados.">
             <Column selectionMode="multiple" headerStyle={{ width: '3rem' }}></Column>
             <Column field="post" sortable header={headerPost} style={{ flexGrow: 1, flexBasis: '160px', minWidth: '160px', wordBreak: 'break-word' }}></Column>
-
           </DataTable>
         </div>
       </div>

From b26893250cffd59e4dcc625ce2381270760ab906 Mon Sep 17 00:00:00 2001
From: Eduardo Quiros <eduardo@eduardoquiros.com>
Date: Mon, 22 Aug 2022 07:08:07 -0600
Subject: [PATCH 06/10] add delete actions

---
 .../src/components/RegistroComunicado.js      | 26 +++++++++++++++++++
 1 file changed, 26 insertions(+)

diff --git a/web-ui/web-react/src/components/RegistroComunicado.js b/web-ui/web-react/src/components/RegistroComunicado.js
index 5fb2b570..30257054 100644
--- a/web-ui/web-react/src/components/RegistroComunicado.js
+++ b/web-ui/web-react/src/components/RegistroComunicado.js
@@ -30,6 +30,7 @@ const RegistroComunicado = () => {
   const [comunicado, setComunicado] = useState(emptyComunicado);
   const [comunicados, setComunicados] = useState([]);
   const [comunicadoId, setComunicadoId] = useState(null);
+  const [showDeleteDialog, setShowDeleteDialog] = useState(false);
   const [submitted, setSubmitted] = useState(false);
   const toast = useRef(null);
   const dt = useRef(null);
@@ -107,6 +108,24 @@ const RegistroComunicado = () => {
     )
   }
 
+  const actions = (rowData) => {
+    return (
+      <div className="actions">
+        <Button
+          icon='pi pi-trash'
+          className='p-button-rounded p-button-danger mt-2 mx-2'
+          onClick={() => confirmDelete(rowData)}
+          title='Eliminar Inquilino'
+        />
+      </div>
+    )
+  }
+
+  const confirmDelete = (post) => {
+    setComunicado(post);
+    setShowDeleteDialog(true);
+  }
+
   return (
     <div className="grid">
       <div className="col-12">
@@ -121,6 +140,13 @@ const RegistroComunicado = () => {
             globalFilter={globalFilter} emptyMessage="No hay administradores de comunidades registrados.">
             <Column selectionMode="multiple" headerStyle={{ width: '3rem' }}></Column>
             <Column field="post" sortable header={headerPost} style={{ flexGrow: 1, flexBasis: '160px', minWidth: '160px', wordBreak: 'break-word' }}></Column>
+            <Column
+              style={{
+                flexGrow: 1,
+                flexBasis: '80px',
+                minWidth: '80px'
+              }}
+              body={actions} />
           </DataTable>
         </div>
       </div>

From 78e8db6e1d931f77ae4e7da9e6f576e003529a2d Mon Sep 17 00:00:00 2001
From: Eduardo Quiros <eduardo@eduardoquiros.com>
Date: Mon, 22 Aug 2022 07:08:21 -0600
Subject: [PATCH 07/10] =?UTF-8?q?show=20only=20relevant=20communiqu=C3=A9s?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 web-ui/web-react/src/components/RegistroComunicado.js | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/web-ui/web-react/src/components/RegistroComunicado.js b/web-ui/web-react/src/components/RegistroComunicado.js
index 30257054..ff788140 100644
--- a/web-ui/web-react/src/components/RegistroComunicado.js
+++ b/web-ui/web-react/src/components/RegistroComunicado.js
@@ -38,10 +38,13 @@ const RegistroComunicado = () => {
   const [globalFilter, setGlobalFilter] = useState(null);
 
   async function listaComunis() {
-    let comunicadosA = await fetch('http://localhost:4000/post/allPosts', { method: 'GET' });
-    let comunicadosRes = await comunicadosA.json();
-    setComunicados(comunicadosRes.message);
-    console.log(comunicadosRes.message);
+    let comunicadosResponse = await fetch('http://localhost:4000/post/allPosts', { method: 'GET' });
+    const comunicadosJson = await comunicadosResponse.json();
+    const comunicadosCommunity = comunicadosJson.message.filter((comunicado) => {
+      return comunicado.community_id === cookies.community_id;
+    })
+    setComunicados(comunicadosCommunity);
+    console.log(comunicadosCommunity);
   }
 
   const saveComunicado = () => {

From 6c6b944da7c2d2dc6ccb65e3767b733fe0cd887e Mon Sep 17 00:00:00 2001
From: Eduardo Quiros <eduardo@eduardoquiros.com>
Date: Tue, 23 Aug 2022 00:08:30 -0600
Subject: [PATCH 08/10] =?UTF-8?q?finalizar=20confirmaci=C3=B3n=20en=20UI?=
 =?UTF-8?q?=20de=20eliminaci=C3=B3n=20de=20comunicado?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/components/RegistroComunicado.js      | 36 +++++++++++++++++++
 1 file changed, 36 insertions(+)

diff --git a/web-ui/web-react/src/components/RegistroComunicado.js b/web-ui/web-react/src/components/RegistroComunicado.js
index ff788140..fbe91808 100644
--- a/web-ui/web-react/src/components/RegistroComunicado.js
+++ b/web-ui/web-react/src/components/RegistroComunicado.js
@@ -129,11 +129,47 @@ const RegistroComunicado = () => {
     setShowDeleteDialog(true);
   }
 
+  const deleteDialogFooter = (
+    <>
+      <Button label="Cancelar" icon="pi pi-times" className="p-button-secondary" onClick={() => setShowDeleteDialog(false)} />
+      <Button label="Eliminar" icon="pi pi-check" className="p-button-danger" onClick={() => deleteComunicado()} />
+    </>
+  );
+
+  const deleteComunicado = () => {
+    fetch(`http://localhost:4000/post/deletePost/${comunicado._id}`, {
+      cache: 'no-cache',
+      method: 'DELETE',
+      headers: { 'Content-Type': 'application/json' }
+    }).then((response) => {
+      if (response.status != 200)
+        console.log('Ocurrió un error con el servicio: ' + response.status);
+      else
+        return response.json();
+    }).then((_response) => {
+      setShowDeleteDialog(false);
+      listaComunis();
+      setComunicado(emptyComunicado);
+    }).catch(err => console.log('Ocurrió un error con el fetch', err));
+  }
+
   return (
     <div className="grid">
       <div className="col-12">
         <Toast ref={toast} />
         <div className="card">
+          <Dialog
+            header="Eliminar comunicado"
+            visible={showDeleteDialog}
+            style={{ width: '450px' }}
+            modal={true} onHide={() => setShowDeleteDialog(false)}
+            footer={deleteDialogFooter}
+          >
+            <div className="flex align-items-center justify-content-center">
+              <i className="pi pi-exclamation-triangle mr-3" style={{ fontSize: '2rem' }} />
+              {comunicado && <span>¿Estás seguro que desea eliminar el aviso "<b>{comunicado.post}</b>"?</span>}
+            </div>
+          </Dialog>
           <Toolbar className="mb-4" left={leftToolbarTemplate} right={rightToolbarTemplate}></Toolbar>
           <DataTable ref={dt} value={comunicados} dataKey="_id" paginator rows={5}
             scrollable scrollHeight="400px" scrollDirection="both" header={header}

From 1fd25ee4697435fbd75f1a446c38274fba80cd81 Mon Sep 17 00:00:00 2001
From: Eduardo Quiros <eduardo@eduardoquiros.com>
Date: Tue, 23 Aug 2022 00:09:14 -0600
Subject: [PATCH 09/10] agregar manejo de DELETE the comunicados en controlador
 de API

---
 api-gateway/src/app.controller.ts | 21 +++++++++++++--------
 1 file changed, 13 insertions(+), 8 deletions(-)

diff --git a/api-gateway/src/app.controller.ts b/api-gateway/src/app.controller.ts
index 5ebc741f..6321580a 100644
--- a/api-gateway/src/app.controller.ts
+++ b/api-gateway/src/app.controller.ts
@@ -2,7 +2,7 @@ import { Controller, Get, Post, Put, Body, Param, Delete } from '@nestjs/common'
 import { AppService } from './app.service';
 @Controller()
 export class AppController {
-  constructor(private readonly appService: AppService) {}
+  constructor(private readonly appService: AppService) { }
   // #==== API Users
   @Post('user/createAdminSystem')
   createAdminSystem(
@@ -15,8 +15,8 @@ export class AppController {
     @Body('status') status: string,
     @Body('date_entry') date_entry: Date,
   ) {
-    return this.appService.createAdminSystem(dni, name, last_name, email, phone, 
-            user_type, status, date_entry);
+    return this.appService.createAdminSystem(dni, name, last_name, email, phone,
+      user_type, status, date_entry);
   }
 
   @Post('user/createGuard')
@@ -33,7 +33,7 @@ export class AppController {
     @Body('community_id') community_id: string,
   ) {
     return this.appService.createGuard(dni, name, last_name, email, phone,
-      user_type, status, date_entry,community_id);
+      user_type, status, date_entry, community_id);
   }
 
   @Post('user/createAdminCommunity')
@@ -47,10 +47,10 @@ export class AppController {
     @Body('user_type') user_type: string,
     @Body('status') status: string,
     @Body('date_entry') date_entry: Date,
-    @Body('community_id') community_id:string
+    @Body('community_id') community_id: string
   ) {
     return this.appService.createAdminCommunity(dni, name, last_name, email, phone,
-      user_type, status, date_entry,community_id);
+      user_type, status, date_entry, community_id);
   }
 
   @Post('user/createUser')
@@ -174,7 +174,7 @@ export class AppController {
   allUsersTenants(@Param('community_id') paramCommunity_id: string) {
     return this.appService.findTenantsCommunity(paramCommunity_id);
   }
-  
+
   @Get('user/find/:dni')
   findUser(@Param('dni') paramUserDNI: string) {
     return this.appService.findUser(paramUserDNI);
@@ -261,7 +261,7 @@ export class AppController {
     return this.appService.changeStatusCommunity(pId, pStatus);
   }
 
-  
+
   // #==== API Common Areas
   @Post('commonArea/createCommonArea')
   createCommonArea(
@@ -428,6 +428,11 @@ export class AppController {
     return this.appService.findPost(paramPost);
   }
 
+  @Delete('post/deletePost/:id')
+  deletePost(@Param('id') id: string) {
+    return this.appService.deletePost(id);
+  }
+
   // #==== API Comment
 
   @Post('post/createComment')

From 630a633bfb5289006be8e89d4847a17ea1c1f68f Mon Sep 17 00:00:00 2001
From: Eduardo Quiros <eduardo@eduardoquiros.com>
Date: Tue, 23 Aug 2022 00:09:55 -0600
Subject: [PATCH 10/10] =?UTF-8?q?agregar=20metodo=20de=20eliminaci=C3=B3n?=
 =?UTF-8?q?=20de=20comunicado=20en=20servicio=20de=20API?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 api-gateway/src/app.service.ts | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/api-gateway/src/app.service.ts b/api-gateway/src/app.service.ts
index 9307433c..4b12b805 100644
--- a/api-gateway/src/app.service.ts
+++ b/api-gateway/src/app.service.ts
@@ -548,6 +548,15 @@ export class AppService {
       .pipe(map((message: string) => ({ message })));
   }
 
+  //DELETE
+  deletePost(paramPostId: string) {
+    const pattern = { cmd: 'removePost' };
+    const payload = { id: paramPostId };
+    return this.clientPostApp
+      .send<string>(pattern, payload)
+      .pipe(map((message: string) => ({ message })));
+  }
+
   // ====================== COMMNENT POSTS ===============================
 
   //Comment parameter from API