Implemented the logic to allow the user to edit individual item capti…

…ons by clicking the 'Edit item...' button.
maratbn · Aug 5, 2018 · 5871aa5 · 5871aa5
1 parent 894c565
commit 5871aa5
Showing 1 changed file with 25 additions and 1 deletion.
diff --git a/webpack_in/entry.jsx b/webpack_in/entry.jsx
@@ -107,6 +107,17 @@ class ListWidget extends React.Component {
             total_added: state.total_added + 1
           });
 
+        this._mutateStateToUpdateItemCaption = (state, id, strCaptionNew) => ({
+            ...state,
+            items: state.items.map(objItem => (
+                objItem.id === id ? {
+                                        ...objItem,
+                                        caption: strCaptionNew
+                                      }
+                                  : objItem
+              ))
+          });
+
         this._mutateStateToUpdateItemChecked = (state, id, isChecked) => ({
             ...state,
             items: state.items.map(objItem => (
@@ -168,7 +179,20 @@ class ListWidget extends React.Component {
                                                                            strItemNew));
                                 }}/>
                 <ButtonWidget caption="Edit item..."
-                              isDisabled={ arrItemsSelected.length !== 1 }/>
+                              isDisabled={ arrItemsSelected.length !== 1 }
+                              onClick={() => {
+                                  const objItemEdit = arrItemsSelected[0];
+                                  const strItemEdited = prompt("Please edit item:",
+                                                               objItemEdit.caption);
+                                  if (strItemEdited === null) {
+                                      return;
+                                  }
+
+                                  this.setState(this._mutateStateToUpdateItemCaption(
+                                                                                  this.state,
+                                                                                  objItemEdit.id,
+                                                                                  strItemEdited));
+                                }}/>
                 <ButtonWidget caption={ arrItemsSelected.length > 1 ? "Remove items..."
                                                                     : "Remove item..." }
                               isDisabled={ arrItemsSelected.length === 0 }/>