From 4c6a50612fb49cc152e67a9078107ac1048181c1 Mon Sep 17 00:00:00 2001
From: Jason Yap <jasonyapzx@gmail.com>
Date: Thu, 27 Oct 2022 23:01:54 +0800
Subject: [PATCH 1/5] Add help table

---
 docs/AboutUs.md                               |  2 +-
 docs/tutorials/RemovingFields.md              |  4 +-
 .../seedu/pennywise/ui/HelpWindowCell.java    | 41 ++++++++++++++
 src/main/resources/view/HelpWindow.css        |  7 +++
 src/main/resources/view/HelpWindow.fxml       | 54 +++++++++++++++++--
 5 files changed, 101 insertions(+), 7 deletions(-)
 create mode 100644 src/main/java/seedu/pennywise/ui/HelpWindowCell.java

diff --git a/docs/AboutUs.md b/docs/AboutUs.md
index c7f96dab59a..5eb1cb486d7 100644
--- a/docs/AboutUs.md
+++ b/docs/AboutUs.md
@@ -5,7 +5,7 @@ title: About Us
 
 We are a team based in the [School of Computing, National University of Singapore](http://www.comp.nus.edu.sg).
 
-You can reach us at the email `seer[at]comp.nus.edu.sg`
+You can reach us at the example `seer[at]comp.nus.edu.sg`
 
 ## Project team
 
diff --git a/docs/tutorials/RemovingFields.md b/docs/tutorials/RemovingFields.md
index 902ebe91eb3..5f1cd7073ca 100644
--- a/docs/tutorials/RemovingFields.md
+++ b/docs/tutorials/RemovingFields.md
@@ -84,7 +84,7 @@ private Label address;
 ...
 <Label fx:id="phone" styleClass="cell_small_label" text="\$phone" />
 <Label fx:id="address" styleClass="cell_small_label" text="\$address" />
-<Label fx:id="email" styleClass="cell_small_label" text="\$email" />
+<Label fx:id="example" styleClass="cell_small_label" text="\$example" />
 ...
 ```
 
@@ -103,7 +103,7 @@ In `src/test/data/`, data meant for testing purposes are stored. While keeping t
   "persons": [ {
     "name": "Person with invalid name field: Ha!ns Mu@ster",
     "phone": "9482424",
-    "email": "hans@example.com",
+    "example": "hans@example.com",
     "address": "4th street"
   } ]
 }
diff --git a/src/main/java/seedu/pennywise/ui/HelpWindowCell.java b/src/main/java/seedu/pennywise/ui/HelpWindowCell.java
new file mode 100644
index 00000000000..69cceb8814b
--- /dev/null
+++ b/src/main/java/seedu/pennywise/ui/HelpWindowCell.java
@@ -0,0 +1,41 @@
+package seedu.pennywise.ui;
+
+public class HelpWindowCell {
+    private final javafx.beans.property.SimpleStringProperty action = new javafx.beans.property.SimpleStringProperty("");
+    private final javafx.beans.property.SimpleStringProperty format = new javafx.beans.property.SimpleStringProperty("");
+    private final javafx.beans.property.SimpleStringProperty example = new javafx.beans.property.SimpleStringProperty("");
+
+    public HelpWindowCell() {
+        this("", "", "");
+    }
+
+    public HelpWindowCell(String action, String format, String example) {
+        setAction(action);
+        setFormat(format);
+        setExample(example);
+    }
+
+    public String getAction() {
+        return action.get();
+    }
+
+    public void setAction(String fName) {
+        action.set(fName);
+    }
+
+    public String getFormat() {
+        return format.get();
+    }
+
+    public void setFormat(String fName) {
+        format.set(fName);
+    }
+
+    public String getExample() {
+        return example.get();
+    }
+
+    public void setExample(String fName) {
+        example.set(fName);
+    }
+}
diff --git a/src/main/resources/view/HelpWindow.css b/src/main/resources/view/HelpWindow.css
index 06cf0715ac6..b9119374c90 100644
--- a/src/main/resources/view/HelpWindow.css
+++ b/src/main/resources/view/HelpWindow.css
@@ -24,3 +24,10 @@
     -fx-padding: 8px;
     -fx-background-color: -pw-surface;
 }
+
+#table {
+    -fx-background-color: -pw-primary;
+    -fx-font-size: 12px;
+    -fx-font-family: "Poppins Regular";
+}
+
diff --git a/src/main/resources/view/HelpWindow.fxml b/src/main/resources/view/HelpWindow.fxml
index 5d6a96b5f64..ce6795903cd 100644
--- a/src/main/resources/view/HelpWindow.fxml
+++ b/src/main/resources/view/HelpWindow.fxml
@@ -9,6 +9,12 @@
 <?import javafx.scene.layout.HBox?>
 <?import javafx.stage.Stage?>
 
+<?import javafx.scene.layout.VBox?>
+<?import javafx.scene.control.TableView?>
+<?import javafx.scene.control.TableColumn?>
+<?import javafx.scene.control.cell.PropertyValueFactory?>
+<?import javafx.collections.FXCollections?>
+<?import seedu.pennywise.ui.HelpWindowCell?>
 <fx:root resizable="false" title="Help" type="javafx.stage.Stage" xmlns="http://javafx.com/javafx/11" xmlns:fx="http://javafx.com/fxml/1">
   <icons>
     <Image url="@/images/help_icon.png" />
@@ -20,8 +26,48 @@
         <URL value="@HelpWindow.css" />
       </stylesheets>
 
-      <HBox alignment="CENTER" fx:id="helpMessageContainer">
-        <children>
+      <VBox alignment="CENTER" fx:id="helpMessageContainer">
+        <VBox>
+          <children>
+                <TableView fx:id="table" fixedCellSize="50.00">
+                  <columns>
+                    <TableColumn text="Action" prefWidth="130" style="-fx-wrap-text: true;">
+                      <cellValueFactory><PropertyValueFactory property="action" />
+                      </cellValueFactory>
+                    </TableColumn>
+                    <TableColumn text="Format" prefWidth="400" style="-fx-wrap-text: true;">
+                      <cellValueFactory><PropertyValueFactory property="format" />
+                      </cellValueFactory>
+                    </TableColumn>
+                    <TableColumn text="Example" prefWidth="260" style="-fx-wrap-text: true;">
+                      <cellValueFactory><PropertyValueFactory property="example" />
+                      </cellValueFactory>
+                    </TableColumn>
+                  </columns>
+                  <items>
+                    <FXCollections fx:factory="observableArrayList">
+                      <HelpWindowCell action="Add" format="add t/ENTRY_TYPE d/DESCRIPTION a/AMOUNT da/DATE c/CATEGORY"
+                                      example="add t/e d/Lunch a/15.60 da/10-10-2022 c/Food"/>
+                      <HelpWindowCell action="Delete" format="del INDEX_OF_ENTRY t/ENTRY_TYPE"
+                                      example="del 2 t/e"/>
+                      <HelpWindowCell action="Edit" format="edit INDEX_OF_ENTRY t/ENTRY_TYPE [d/EDITED_DESCRIPTION a/EDITED_AMOUNT da/EDITED_DATE c/EDITED_CATEGORY]"
+                                      example="edit 2 t/i a/150.00 da/22-10-2022"/>
+                      <HelpWindowCell action="Summary" format="summary [mo/MONTH]"
+                                      example="summary mo/2022-09"/>
+                      <HelpWindowCell action="View (Category)" format="view t/ENTRY_TYPE"
+                                      example="view t/e"/>
+                      <HelpWindowCell action="View (Month)" format="view t/ENTRY_TYPE [mo/MONTH]"
+                                      example="view t/e mo/2022-10"/>
+                      <HelpWindowCell action="Clear" format="clear"
+                                      example="-"/>
+                      <HelpWindowCell action="Exit" format="exit"
+                                      example="-"/>
+                    </FXCollections>
+                  </items>
+                </TableView>
+          </children>
+        </VBox>
+        <HBox>
           <Label fx:id="helpMessage" text="Label">
             <HBox.margin>
               <Insets right="5.0" />
@@ -32,14 +78,14 @@
               <Insets left="5.0" />
             </HBox.margin>
           </Button>
-        </children>
+        </HBox>
         <opaqueInsets>
           <Insets bottom="10.0" left="5.0" right="10.0" top="5.0" />
         </opaqueInsets>
         <padding>
           <Insets bottom="10.0" left="5.0" right="10.0" top="5.0" />
         </padding>
-      </HBox>
+      </VBox>
     </Scene>
   </scene>
 </fx:root>

From f3caaa7771f4cf9c65fabf333f2f8a21f23796d5 Mon Sep 17 00:00:00 2001
From: Jason Yap <jasonyapzx@gmail.com>
Date: Thu, 27 Oct 2022 23:04:20 +0800
Subject: [PATCH 2/5] Undo errorneous changes

---
 docs/AboutUs.md                  | 2 +-
 docs/tutorials/RemovingFields.md | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/docs/AboutUs.md b/docs/AboutUs.md
index 5eb1cb486d7..c7f96dab59a 100644
--- a/docs/AboutUs.md
+++ b/docs/AboutUs.md
@@ -5,7 +5,7 @@ title: About Us
 
 We are a team based in the [School of Computing, National University of Singapore](http://www.comp.nus.edu.sg).
 
-You can reach us at the example `seer[at]comp.nus.edu.sg`
+You can reach us at the email `seer[at]comp.nus.edu.sg`
 
 ## Project team
 
diff --git a/docs/tutorials/RemovingFields.md b/docs/tutorials/RemovingFields.md
index 5f1cd7073ca..b4108fd3b79 100644
--- a/docs/tutorials/RemovingFields.md
+++ b/docs/tutorials/RemovingFields.md
@@ -84,7 +84,7 @@ private Label address;
 ...
 <Label fx:id="phone" styleClass="cell_small_label" text="\$phone" />
 <Label fx:id="address" styleClass="cell_small_label" text="\$address" />
-<Label fx:id="example" styleClass="cell_small_label" text="\$example" />
+<Label fx:id="email" styleClass="cell_small_label" text="\email" />
 ...
 ```
 
@@ -103,7 +103,7 @@ In `src/test/data/`, data meant for testing purposes are stored. While keeping t
   "persons": [ {
     "name": "Person with invalid name field: Ha!ns Mu@ster",
     "phone": "9482424",
-    "example": "hans@example.com",
+    "email": "hans@example.com",
     "address": "4th street"
   } ]
 }

From 27d8dbe68c2ee8b27da0e240125b137ccdb80d5f Mon Sep 17 00:00:00 2001
From: Jason Yap <jasonyapzx@gmail.com>
Date: Thu, 27 Oct 2022 23:13:38 +0800
Subject: [PATCH 3/5] Fix checkstyle

---
 .../java/seedu/pennywise/ui/HelpWindow.java   |  2 +-
 .../seedu/pennywise/ui/HelpWindowCell.java    | 23 +++++++++++--------
 src/main/resources/view/HelpWindow.css        |  2 +-
 3 files changed, 16 insertions(+), 11 deletions(-)

diff --git a/src/main/java/seedu/pennywise/ui/HelpWindow.java b/src/main/java/seedu/pennywise/ui/HelpWindow.java
index 24871654bac..73eb987f019 100644
--- a/src/main/java/seedu/pennywise/ui/HelpWindow.java
+++ b/src/main/java/seedu/pennywise/ui/HelpWindow.java
@@ -11,7 +11,7 @@
 import seedu.pennywise.commons.core.LogsCenter;
 
 /**
- * Controller for a help page
+ * Controller for a help page.
  */
 public class HelpWindow extends UiPart<Stage> {
 
diff --git a/src/main/java/seedu/pennywise/ui/HelpWindowCell.java b/src/main/java/seedu/pennywise/ui/HelpWindowCell.java
index 69cceb8814b..1c40762d71b 100644
--- a/src/main/java/seedu/pennywise/ui/HelpWindowCell.java
+++ b/src/main/java/seedu/pennywise/ui/HelpWindowCell.java
@@ -1,9 +1,14 @@
 package seedu.pennywise.ui;
 
+import javafx.scene.text.Text;
+
+/**
+ * Table cell for help window.
+ */
 public class HelpWindowCell {
-    private final javafx.beans.property.SimpleStringProperty action = new javafx.beans.property.SimpleStringProperty("");
-    private final javafx.beans.property.SimpleStringProperty format = new javafx.beans.property.SimpleStringProperty("");
-    private final javafx.beans.property.SimpleStringProperty example = new javafx.beans.property.SimpleStringProperty("");
+    private final Text action = new Text();
+    private final Text format = new Text();
+    private final Text example = new Text();
 
     public HelpWindowCell() {
         this("", "", "");
@@ -16,26 +21,26 @@ public HelpWindowCell(String action, String format, String example) {
     }
 
     public String getAction() {
-        return action.get();
+        return action.getText();
     }
 
     public void setAction(String fName) {
-        action.set(fName);
+        action.setText(fName);
     }
 
     public String getFormat() {
-        return format.get();
+        return format.getText();
     }
 
     public void setFormat(String fName) {
-        format.set(fName);
+        format.setText(fName);
     }
 
     public String getExample() {
-        return example.get();
+        return example.getText();
     }
 
     public void setExample(String fName) {
-        example.set(fName);
+        example.setText(fName);
     }
 }
diff --git a/src/main/resources/view/HelpWindow.css b/src/main/resources/view/HelpWindow.css
index b9119374c90..169a35660f0 100644
--- a/src/main/resources/view/HelpWindow.css
+++ b/src/main/resources/view/HelpWindow.css
@@ -26,7 +26,7 @@
 }
 
 #table {
-    -fx-background-color: -pw-primary;
+    -fx-border-color: -pw-secondary;
     -fx-font-size: 12px;
     -fx-font-family: "Poppins Regular";
 }

From e191f963ae3f4dbcadb8937ecbb9274a25997f77 Mon Sep 17 00:00:00 2001
From: Jason Yap <jasonyapzx@gmail.com>
Date: Thu, 27 Oct 2022 23:23:09 +0800
Subject: [PATCH 4/5] update case insensitive for tags

---
 docs/UserGuide.md | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/docs/UserGuide.md b/docs/UserGuide.md
index be8d3c77c4f..b4938213605 100644
--- a/docs/UserGuide.md
+++ b/docs/UserGuide.md
@@ -109,8 +109,8 @@ clean Graphical User Interface (GUI) for easy comprehension of expenditure and s
 ![UserInterfaceExplaination](images/UserInterfaceExplaination.png)
 
 - For **ALL** entries, categories are <ins>COMPULSORY</ins> and every entry can only contain <ins>one</ins> category. 
-  The following table shows the`Expenditure` and `Income` entries categories. The category names are <ins>case sensitive</ins>.
-
+  The following table shows the`Expenditure` and `Income` entries categories. The category names are <ins>case insensitive</ins>.
+  
 |   `Expenditure`   |    `Income`     |
 |:-----------------:|:---------------:|
 |     **Food**      |   **Salary**    |

From 73df69cf003b86d19352fbc6ee19d34c11bbe40d Mon Sep 17 00:00:00 2001
From: Jason Yap <jasonyapzx@gmail.com>
Date: Thu, 27 Oct 2022 23:28:06 +0800
Subject: [PATCH 5/5] Fix checkstyle

---
 docs/UserGuide.md                                  | 14 ++++++--------
 .../java/seedu/pennywise/ui/HelpWindowCell.java    |  3 +++
 2 files changed, 9 insertions(+), 8 deletions(-)

diff --git a/docs/UserGuide.md b/docs/UserGuide.md
index b4938213605..0bf5bf63cbc 100644
--- a/docs/UserGuide.md
+++ b/docs/UserGuide.md
@@ -196,18 +196,16 @@ The default date is the current date on your computer!
 1. Summary of all entries in the currently shown list
    * Examples: `summary`
      * Expected: <br/>
-       Financials Summarized <br/>
-       Total Expenditure: 154.49 <br/>
-       Total Income: 250.00 <br/>
-       Total Balance: 95.51 <br/>
+       Total Expenditure: $154.49 <br/>
+       Total Income: $250.00 <br/>
+       Total Balance: $95.51 <br/>
      ![SummaryCommand1](images/SummaryCommand1.png)
 2. Summary of all entries the specified month
     * Examples: `summary mo/2022-10`
     * Expected: <br/>
-      Financials Summarized <br/>
-      Total Expenditure: 4.20 <br/>
-      Total Income: 250.00 <br/>
-      Total Balance: 245.80 <br/>
+      Total Expenditure: $4.20 <br/>
+      Total Income: $250.00 <br/>
+      Total Balance: $245.80 <br/>
     ![SummaryCommand2](images/SummaryCommand2.png)
 * Provides a financial summary recorded by the user in a month. The month refers to the month that is displayed to the user.
 * The `MONTH` field is optional, if no month is specified, the application displays the summary for all entries.
diff --git a/src/main/java/seedu/pennywise/ui/HelpWindowCell.java b/src/main/java/seedu/pennywise/ui/HelpWindowCell.java
index 1c40762d71b..0c631e4d143 100644
--- a/src/main/java/seedu/pennywise/ui/HelpWindowCell.java
+++ b/src/main/java/seedu/pennywise/ui/HelpWindowCell.java
@@ -14,6 +14,9 @@ public HelpWindowCell() {
         this("", "", "");
     }
 
+    /**
+     * Constructor for HelpWindowCell
+     */
     public HelpWindowCell(String action, String format, String example) {
         setAction(action);
         setFormat(format);