From 99788e7121fd0256a936b616b66dbcac954d69d7 Mon Sep 17 00:00:00 2001
From: Eduardo Quiros <eduardo@eduardoquiros.com>
Date: Tue, 30 Aug 2022 00:33:49 -0600
Subject: [PATCH 01/10] fix typo

---
 web-ui/web-react/src/components/RegistroComunicado.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/web-ui/web-react/src/components/RegistroComunicado.js b/web-ui/web-react/src/components/RegistroComunicado.js
index fbe91808..c6057519 100644
--- a/web-ui/web-react/src/components/RegistroComunicado.js
+++ b/web-ui/web-react/src/components/RegistroComunicado.js
@@ -167,7 +167,7 @@ const RegistroComunicado = () => {
           >
             <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>}
+              {comunicado && <span>¿Está seguro que desea eliminar el aviso "<b>{comunicado.post}</b>"?</span>}
             </div>
           </Dialog>
           <Toolbar className="mb-4" left={leftToolbarTemplate} right={rightToolbarTemplate}></Toolbar>

From a1023fda37d92816f9c4bacd954dc48e2aa95643 Mon Sep 17 00:00:00 2001
From: Eduardo Quiros <eduardo@eduardoquiros.com>
Date: Tue, 30 Aug 2022 04:03:09 -0600
Subject: [PATCH 02/10] parameterize button label

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

diff --git a/web-ui/web-react/src/components/RegistroComunicado.js b/web-ui/web-react/src/components/RegistroComunicado.js
index c6057519..7b4452b8 100644
--- a/web-ui/web-react/src/components/RegistroComunicado.js
+++ b/web-ui/web-react/src/components/RegistroComunicado.js
@@ -29,6 +29,7 @@ const RegistroComunicado = () => {
 
   const [comunicado, setComunicado] = useState(emptyComunicado);
   const [comunicados, setComunicados] = useState([]);
+  const [saveButtonLabel, setSaveButtonLabel] = useState('Registrar');
   const [comunicadoId, setComunicadoId] = useState(null);
   const [showDeleteDialog, setShowDeleteDialog] = useState(false);
   const [submitted, setSubmitted] = useState(false);
@@ -204,7 +205,22 @@ const RegistroComunicado = () => {
                 </div>
               </div>
             </div>
-            <Button label="Registrar" onClick={saveComunicado} />
+            <div style={{
+              display: "flex",
+              justifyContent: "center",
+              gap: "10px",
+              width: "100%"
+            }}>
+              <Button
+                label={`${saveButtonLabel}`}
+                onClick={() => saveComunicado()}
+              />
+              {saveButtonLabel === 'Actualizar' && (
+                <Button
+                  label="Cancelar"
+                  onClick={cancelEdit}
+                  className="p-button-danger" />)}
+            </div>
           </div>
         </div>
       </div>

From 26e65196da39e98e38c77e28b798c243dc44c367 Mon Sep 17 00:00:00 2001
From: Eduardo Quiros <eduardo@eduardoquiros.com>
Date: Tue, 30 Aug 2022 04:03:30 -0600
Subject: [PATCH 03/10] bind post text to value

---
 web-ui/web-react/src/components/RegistroComunicado.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/web-ui/web-react/src/components/RegistroComunicado.js b/web-ui/web-react/src/components/RegistroComunicado.js
index 7b4452b8..8fd1cfaf 100644
--- a/web-ui/web-react/src/components/RegistroComunicado.js
+++ b/web-ui/web-react/src/components/RegistroComunicado.js
@@ -201,7 +201,7 @@ const RegistroComunicado = () => {
                   <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 value={comunicado.post} id="txt_comunicado" rows="4" />
                 </div>
               </div>
             </div>

From 200863e797d5ab6aac685278ced7c6b1791fddff Mon Sep 17 00:00:00 2001
From: Eduardo Quiros <eduardo@eduardoquiros.com>
Date: Tue, 30 Aug 2022 04:03:47 -0600
Subject: [PATCH 04/10] add edit button

---
 web-ui/web-react/src/components/RegistroComunicado.js | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/web-ui/web-react/src/components/RegistroComunicado.js b/web-ui/web-react/src/components/RegistroComunicado.js
index 8fd1cfaf..023cd30b 100644
--- a/web-ui/web-react/src/components/RegistroComunicado.js
+++ b/web-ui/web-react/src/components/RegistroComunicado.js
@@ -115,6 +115,12 @@ const RegistroComunicado = () => {
   const actions = (rowData) => {
     return (
       <div className="actions">
+        <Button
+          icon="pi pi-pencil"
+          className="p-button-rounded p-button-success mt-2 mx-2"
+          onClick={() => edit(rowData)}
+          title="Editar"
+        />
         <Button
           icon='pi pi-trash'
           className='p-button-rounded p-button-danger mt-2 mx-2'

From de607882a16deff27a61dd842a2bd6c6f584e74a Mon Sep 17 00:00:00 2001
From: Eduardo Quiros <eduardo@eduardoquiros.com>
Date: Tue, 30 Aug 2022 04:04:10 -0600
Subject: [PATCH 05/10] add edit and cancel functions

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

diff --git a/web-ui/web-react/src/components/RegistroComunicado.js b/web-ui/web-react/src/components/RegistroComunicado.js
index 023cd30b..b98a7c5f 100644
--- a/web-ui/web-react/src/components/RegistroComunicado.js
+++ b/web-ui/web-react/src/components/RegistroComunicado.js
@@ -112,6 +112,18 @@ const RegistroComunicado = () => {
     )
   }
 
+  const edit = (rowData) => {
+    setComunicado(rowData);
+    setComunicadoId(rowData._id);
+    setSaveButtonLabel('Actualizar');
+  }
+
+  const cancelEdit = () => {
+    setComunicado(emptyComunicado);
+    setSaveButtonLabel('Registrar');
+    setComunicadoId(null);
+  }
+
   const actions = (rowData) => {
     return (
       <div className="actions">

From 0ed28237aac522013ffee35d657509102eff5a92 Mon Sep 17 00:00:00 2001
From: Eduardo Quiros <eduardo@eduardoquiros.com>
Date: Tue, 30 Aug 2022 05:37:53 -0600
Subject: [PATCH 06/10] add function to update post

---
 .../src/components/RegistroComunicado.js      | 70 +++++++++++++------
 1 file changed, 48 insertions(+), 22 deletions(-)

diff --git a/web-ui/web-react/src/components/RegistroComunicado.js b/web-ui/web-react/src/components/RegistroComunicado.js
index b98a7c5f..cca51f78 100644
--- a/web-ui/web-react/src/components/RegistroComunicado.js
+++ b/web-ui/web-react/src/components/RegistroComunicado.js
@@ -49,31 +49,57 @@ const RegistroComunicado = () => {
   }
 
   const saveComunicado = () => {
-    var data = {
-      post: document.getElementById('txt_comunicado').value,
-      user_id: cookies.id,
-      community_id: cookies.community_id
-    };
+    if (comunicado._id === null) {
+      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((response) => {
-      if (response.status != 201)
-        console.log('Ocurrió un error con el servicio: ' + response.status);
-      else
-        return response.json();
-    }).then((_response) => {
+      fetch('http://localhost:4000/post/createPost', {
+        cache: 'no-cache',
+        method: 'POST',
+        body: JSON.stringify(data),
+        headers: {
+          'Content-Type': 'application/json'
+        }
+      }).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)
+      );
+    } else {
+      let data = {
+        _id: comunicado._id,
+        post: document.getElementById('txt_comunicado').value,
+        user_id: cookies.id,
+        community_id: cookies.community_id
+      };
+
+      fetch(`http://localhost:4000/post/updatePost/${comunicado._id}`, {
+        cache: 'no-cache',
+        method: 'PUT',
+        body: JSON.stringify(data),
+        headers: {
+          'Content-Type': 'application/json'
+        }
+      }).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)
+      );
+    }
   }
-
   const header = (
     <React.Fragment>
       <div className="flex flex-column md:flex-row md:justify-content-between md:align-items-center">

From b840ebe654f6b3f159da9416aa7ffddf7db9a194 Mon Sep 17 00:00:00 2001
From: Eduardo Quiros <eduardo@eduardoquiros.com>
Date: Tue, 30 Aug 2022 05:56:59 -0600
Subject: [PATCH 07/10] add service and controller functions to update post

---
 api-gateway/src/app.controller.ts | 14 ++++++++++++--
 api-gateway/src/app.service.ts    | 18 ++++++++++++++----
 2 files changed, 26 insertions(+), 6 deletions(-)

diff --git a/api-gateway/src/app.controller.ts b/api-gateway/src/app.controller.ts
index 5066563a..56c1252c 100644
--- a/api-gateway/src/app.controller.ts
+++ b/api-gateway/src/app.controller.ts
@@ -468,7 +468,7 @@ export class AppController {
   }
 
 
- 
+
 
   // #==== API Reservation
 
@@ -516,7 +516,7 @@ export class AppController {
     return this.appService.deleteReservation(id);
   }
 
-  
+
   // #==== API Post
 
   @Post('post/createPost')
@@ -529,6 +529,16 @@ export class AppController {
     return this.appService.createPost(post, date_entry, user_id, community_id);
   }
 
+  @Put('post/updatePost/:id')
+  updatePost(
+    @Param('id') id: string,
+    @Body('post') post: string,
+    @Body('user_id') user_id: string,
+    @Body('community_id') community_id: string,
+  ) {
+    return this.appService.updatePost(id, post, user_id, community_id);
+  }
+
   @Get('post/allPosts')
   allPosts() {
     return this.appService.allPosts();
diff --git a/api-gateway/src/app.service.ts b/api-gateway/src/app.service.ts
index 970b061e..7677f6ba 100644
--- a/api-gateway/src/app.service.ts
+++ b/api-gateway/src/app.service.ts
@@ -540,7 +540,7 @@ export class AppService {
     const pattern = { cmd: 'createGuest' };
     const payload = {
       name: name, last_name: last_name, dni: dni, number_plate: number_plate, phone: phone,
-      status: status,tenant_id:tenant_id, community_id:community_id,date_entry: date_entry
+      status: status, tenant_id: tenant_id, community_id: community_id, date_entry: date_entry
     };
     return this.clientGuestApp
       .send<string>(pattern, payload)
@@ -571,17 +571,17 @@ export class AppService {
       .send<string>(pattern, payload)
       .pipe(map((message: string) => ({ message })));
   }
-  
+
   // ====================== RESERVATIONS ===============================
 
   //POST parameter from API
   createReservation(date: string, time: string, status: string,
-    date_entry: Date, user_id: string, common_area_id: string, 
+    date_entry: Date, user_id: string, common_area_id: string,
     common_area_name: string, community_id: string) {
     const pattern = { cmd: 'createReservation' };
     const payload = {
       date: date, time: time, status: status,
-      date_entry: date_entry, user_id: user_id, common_area_id: common_area_id, 
+      date_entry: date_entry, user_id: user_id, common_area_id: common_area_id,
       common_area_name: common_area_name, community_id: community_id
     };
     return this.clientReservationApp
@@ -638,6 +638,16 @@ export class AppService {
       .pipe(map((message: string) => ({ message })));
   }
 
+  updatePost(id: string, post: string, user_id: string, community_id: string) {
+    const pattern = { cmd: 'updatePost' };
+    const payload = {
+      post: post, id: id, user_id: user_id, community_id: community_id
+    };
+    return this.clientPostApp
+      .send<string>(pattern, payload)
+      .pipe(map((message: string) => ({ message })));
+  }
+
   allPosts() {
     const pattern = { cmd: 'findAllPosts' };
     const payload = {};

From 1c6fa54f3a7d16476bcd8d92dec27d44da24b416 Mon Sep 17 00:00:00 2001
From: Eduardo Quiros <eduardo@eduardoquiros.com>
Date: Tue, 30 Aug 2022 05:58:33 -0600
Subject: [PATCH 08/10] set post to empty when saving is done

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

diff --git a/web-ui/web-react/src/components/RegistroComunicado.js b/web-ui/web-react/src/components/RegistroComunicado.js
index cca51f78..6a2fe463 100644
--- a/web-ui/web-react/src/components/RegistroComunicado.js
+++ b/web-ui/web-react/src/components/RegistroComunicado.js
@@ -74,7 +74,7 @@ const RegistroComunicado = () => {
         err => console.log('Ocurrió un error con el fetch', err)
       );
     } else {
-      let data = {
+      const data = {
         _id: comunicado._id,
         post: document.getElementById('txt_comunicado').value,
         user_id: cookies.id,
@@ -89,12 +89,12 @@ const RegistroComunicado = () => {
           'Content-Type': 'application/json'
         }
       }).then((response) => {
-        if (response.status != 201)
+        if (response.status != 200)
           console.log('Ocurrió un error con el servicio: ' + response.status);
         else
           return response.json();
       }).then((_response) => {
-
+        setComunicado(emptyComunicado);
       }).catch(
         err => console.log('Ocurrió un error con el fetch', err)
       );
@@ -245,7 +245,7 @@ const RegistroComunicado = () => {
                   <span className="p-inputgroup-addon p-button p-icon-input-khaki">
                     <i className="pi pi-pencil"></i>
                   </span>
-                  <InputTextarea value={comunicado.post} id="txt_comunicado" rows="4" />
+                  <InputTextarea value={comunicado.post} id="txt_comunicado" />
                 </div>
               </div>
             </div>

From 197d1d5e4715f3f05ed6852cfe3633171ae7be29 Mon Sep 17 00:00:00 2001
From: Eduardo Quiros <eduardo@eduardoquiros.com>
Date: Tue, 30 Aug 2022 06:07:42 -0600
Subject: [PATCH 09/10] hacer editable el campo asociado al valor

---
 .../src/components/RegistroComunicado.js      | 27 +++++++++++++------
 1 file changed, 19 insertions(+), 8 deletions(-)

diff --git a/web-ui/web-react/src/components/RegistroComunicado.js b/web-ui/web-react/src/components/RegistroComunicado.js
index 6a2fe463..93797953 100644
--- a/web-ui/web-react/src/components/RegistroComunicado.js
+++ b/web-ui/web-react/src/components/RegistroComunicado.js
@@ -16,7 +16,7 @@ import classNames from 'classnames';
 
 const RegistroComunicado = () => {
 
-  let emptyComunicado = {
+  const emptyComunicado = {
     _id: null,
     post: '',
     user_id: '',
@@ -51,7 +51,7 @@ const RegistroComunicado = () => {
   const saveComunicado = () => {
     if (comunicado._id === null) {
       var data = {
-        post: document.getElementById('txt_comunicado').value,
+        post: comunicado.post,
         user_id: cookies.id,
         community_id: cookies.community_id
       };
@@ -69,16 +69,16 @@ const RegistroComunicado = () => {
         else
           return response.json();
       }).then((_response) => {
-
+        setComunicado(emptyComunicado);
       }).catch(
         err => console.log('Ocurrió un error con el fetch', err)
       );
     } else {
       const data = {
         _id: comunicado._id,
-        post: document.getElementById('txt_comunicado').value,
-        user_id: cookies.id,
-        community_id: cookies.community_id
+        post: comunicado.post,
+        user_id: comunicado.user_id,
+        community_id: comunicado.community_id
       };
 
       fetch(`http://localhost:4000/post/updatePost/${comunicado._id}`, {
@@ -95,6 +95,8 @@ const RegistroComunicado = () => {
           return response.json();
       }).then((_response) => {
         setComunicado(emptyComunicado);
+        setSaveButtonLabel('Registrar');
+        listaComunis();
       }).catch(
         err => console.log('Ocurrió un error con el fetch', err)
       );
@@ -245,7 +247,16 @@ const RegistroComunicado = () => {
                   <span className="p-inputgroup-addon p-button p-icon-input-khaki">
                     <i className="pi pi-pencil"></i>
                   </span>
-                  <InputTextarea value={comunicado.post} id="txt_comunicado" />
+                  <InputTextarea
+                    value={comunicado.post}
+                    placeholder="Ingrese el contenido del comunicado"
+                    onChange={(e) => setComunicado({ ...comunicado, post: e.target.value })}
+                    id="txt_comunicado"
+                    type="text"
+                    autoResize
+                    rows={5}
+                    cols={50}
+                  />
                 </div>
               </div>
             </div>
@@ -257,7 +268,7 @@ const RegistroComunicado = () => {
             }}>
               <Button
                 label={`${saveButtonLabel}`}
-                onClick={() => saveComunicado()}
+                onClick={saveComunicado}
               />
               {saveButtonLabel === 'Actualizar' && (
                 <Button

From 77c3ece1cf87c5625d1ff303d1310e51c172b6f9 Mon Sep 17 00:00:00 2001
From: Eduardo Quiros <eduardo@eduardoquiros.com>
Date: Tue, 30 Aug 2022 06:08:43 -0600
Subject: [PATCH 10/10] re-fetch lista

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

diff --git a/web-ui/web-react/src/components/RegistroComunicado.js b/web-ui/web-react/src/components/RegistroComunicado.js
index 93797953..945bbc2c 100644
--- a/web-ui/web-react/src/components/RegistroComunicado.js
+++ b/web-ui/web-react/src/components/RegistroComunicado.js
@@ -70,6 +70,7 @@ const RegistroComunicado = () => {
           return response.json();
       }).then((_response) => {
         setComunicado(emptyComunicado);
+        listaComunis();
       }).catch(
         err => console.log('Ocurrió un error con el fetch', err)
       );