Started fresh with new dashboard layout

views/dashboardPage/dashboard.css

@@ -1,215 +0,0 @@
-#title{
-    font-size: 45px;
-    color: rgb(255, 99, 107);
-    text-align: center;
-    margin-top: 25px;
-}
-
-.cursor{
-    cursor: pointer;
-}
-
-/* Inventory Strand */
-#inventoryStrand{
-    flex-direction: column;
-    align-items: center;
-}
-
-    #inventoryStrand > *{
-        margin: 10px;
-    }
-
-    #inventoryStrand tbody{
-        text-transform: capitalize;
-    }
-
-    #filter{
-        max-height: 32px;
-    }
-
-/* Recipes Strand */
-#recipesStrand{
-    flex-direction: column;
-    align-items: center;
-}
-
-    #recipesStrand > *{
-        margin: 15px;
-    }
-
-    #recipeUpdate{
-        margin-bottom: 10px;
-    }
-
-    #newRecipe{
-        display: none;
-        justify-content: center;
-    }
-
-    #recipesContainer{
-        display: flex;
-        justify-content: space-around;
-        flex-wrap: wrap;
-        padding: 25px;
-    }
-
-        .recipe-card{
-            border: 2px solid rgb(255, 99, 107);
-            box-shadow: 2px 2px 2px rgb(0, 27, 45);
-            background: rgb(0, 27, 45);
-            color: rgb(255, 99, 107);
-            width: 20%;
-            min-width: 200px;
-            padding: 35px;
-            margin: 25px;
-            border-radius: 10px;
-            cursor: pointer;
-        }
-
-            .recipe-card:hover{
-                transform: translateY(-3px);
-            }
-
-            .empty-recipe{
-                background: rgb(255, 99, 107);
-                border: 2px solid rgb(0, 27, 45);
-                color: rgb(0, 27, 45);
-            }
-
-/* Account Strand */
-#accountStrand{
-    flex-direction: column;
-    align-items: center;
-}
-
-    #accountStrand > *{
-        margin: 15px;
-    }
-
-    #accountStrand label{
-        display: flex;
-    }
-
-    #accountEdit{
-        display: none;
-    }
-
-    #passwordEdit{
-        display: none;
-    }
-
-/* Add Ingredient Action */
-#addIngredientAction{
-    flex-direction: column;
-    align-items: center;
-}
-
-    #addIngredientAction > *{
-        margin: 25px;
-    }
-
-    .container{
-        display: flex;
-        justify-content: space-around;
-        align-items: center;
-    }
-
-        .container > *{
-            margin: 50px;
-        }
-
-        .container > div{
-            display: flex;
-            flex-direction: column;
-            align-items: center;
-        }
-
-            .container > div > *{
-                margin: 10px;
-            }
-
-/* Enter Transactions Action */
-#enterTransactionsAction{
-    flex-direction: column;
-    align-items: center;
-}
-    #enterTransactionsAction > *{
-        margin: 10px;
-    }
-
-/* Enter Purchase Action */
-#enterPurchaseAction{
-    flex-direction: column;
-    align-items: center;
-}
-
-    #enterPurchaseAction > *{
-        margin: 10px;
-    }
-
-/* Single Recipe Action */
-#singleRecipeAction{
-    display: none;
-    flex-direction: column;
-    margin: auto;
-    align-items: center;
-}
-
-    #singleRecipeAction > *{
-        margin: 15px;
-    }
-
-    #delRecipe{
-        display: "none"
-    }
-
-@media screen and (max-width: 1000px){
-    /* General use */
-    body{
-        text-align: center;
-    }
-
-    /* Single Recipe Action */
-    #singleRecipeAction .buttonsDiv{
-        font-size: 15px;
-    }
-
-    #singleRecipeAction input{
-        max-width: 100px;
-    }
-}
-
-@media screen and (max-width: 600px){
-    /* Inventory Strand */
-    #inventoryStrand h1{
-        font-size: 20px;
-        text-align: center;
-        margin: 5px;
-    }
-
-    .options{
-        flex-direction: column;
-    }
-
-    .options > *{
-        margin: 5px;
-    }
-
-    #inventoryStrand .button-small{
-        font-size: 12px;
-    }
-
-    #inventoryStrand td, #inventoryStrand th{
-        padding: 3px;
-        font-size: 12px;
-    }
-
-    /* addIngredientStrand */
-    .container{
-        flex-direction: column;
-    }
-
-    #addIngredientAction > *{
-        margin: 10px;
-    }
-}

views/dashboardPage/dashboard.ejs

@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="en">
+<html>
     <head>
         <meta charset="UTF-8">
         <title>The Subline</title>
@@ -8,249 +8,8 @@
         <link rel="stylesheet" href="/shared/shared.css">
     </head>
     <body>
-        <% include ../shared/header %>
+        <h1>Dashboard</h1>
 
-        <% include ../shared/banner %>
-
-        <h1 id="title"><%=merchant.name%></h1>
-
-        <strand-selector></strand-selector>
-
-        <div id="inventoryStrand" class="strand">
-            <div class="buttonBox">
-                <button class="button" onclick="addIngredientObj.display()">Add Ingredient</button>
-
-                <button class="button" onclick="enterPurchaseObj.display()">Enter Purchases</button>
-
-                <% if(merchant.pos === "none"){ %>
-                    <button class="button" onclick="enterTransactionsObj.display()">Enter Transactions</button>
-                <% } %>
-
-                <a class="button" href="/data">Analyze data</a>
-            </div>
-
-            <input id="filter" onkeyup="inventoryObj.filter()" type="text" placeholder="FILTER INGREDIENTS">
-
-            <table>
-                <thead>
-                    <tr>
-                        <th class="cursor" onclick="inventoryObj.sortIngredients('name')">Item</th>
-                        <th class="cursor" onclick="inventoryObj.sortIngredients('category')">Category</th>
-                        <th class="cursor" onclick="inventoryObj.sortIngredients('quantity')">Quantity</th>
-                        <th class="cursor" onclick="inventoryObj.sortIngredients('unit')">Unit</th>
-                        <th>Actions</th>
-                    </tr>
-                    <tbody></tbody>
-                </thead>
-            </table>
-        </div>
-
-        <div id="recipesStrand" class="strand">
-            <div>
-                <% if(merchant.pos === "none"){ %>
-                    <button class="button" onclick="window.recipesObj.showInput()">Add a Recipe</button>
-                <% }else{%>
-                    <button class="button" id="recipeUpdate" onclick="recipesObj.updateRecipes()">Update Recipes</button>
-                <% } %>
-            </div>
-
-            <div id="newRecipe">
-                <label>Name:
-                    <input id="newName" type="text">
-                </label>
-
-                <label>Price:
-                    <input id="newPrice" type="number" step="0.01">
-                </label>
-
-                <button class="button-small" onclick="window.recipesObj.submitNew()">Create</button>
-
-                <button class="button-small" onclick="window.recipesObj.cancelAdd()">Cancel</button>
-            </div>
-            
-            <div id="recipesContainer"></div>
-        </div>
-
-        <div id="accountStrand" class="strand">
-            <form id="accountDisplay" onsubmit="accountObj.editAccount()">
-                <label>Name:&nbsp;&nbsp;
-                    <p><%=merchant.name%></p>
-                </label>
-
-                <label>Email:&nbsp;&nbsp;
-                    <p><%=merchant.email%></p>
-                </label>
-
-                <button class="button" onclick="accountObj.editAccount()">Edit</button>
-            </form>
-
-            <form id="accountEdit">
-                <label>Name:&nbsp;&nbsp;
-                    <input id="accountName" type="text" value="<%=merchant.name%>">
-                </label>
-
-                <label>Email:&nbsp;&nbsp;
-                    <input id="accountEmail" type="email" value="<%=merchant.email%>">
-                </label>
-
-                <div class="buttonBox">
-                    <button class="button" onclick="accountObj.updateAccount()">Save</button>
-
-                    <button class="button" onclick="accountObj.editAccountCancel()">Cancel</button>
-                </div>
-            </form>
-
-            <form id="passwordEdit" onsubmit="accountObj.updatePassword()">
-                <label>Old password:
-                    <input id="oldPass" type="password" required>
-                </label>
-
-                <label>New password:
-                    <input id="newPass" type="password" required>
-                </label>
-
-                <label>Confirm new password:
-                    <input id="confirmNewPass" type="password" required>
-                </label>
-
-
-                <div class="buttonBox">
-                    <input class="button" type="submit" value="Submit">
-
-                    <button class="button" onclick="accountObj.editPasswordCancel()">Cancel</button>
-                </div>
-            </form>
-
-            <button class="button" onclick="accountObj.editPassword()">Change password</button>
-        </div>
-
-
-        <div id="addIngredientAction" class="action">
-            <div class="container">
-                <div>
-                    <h2>Choose Ingredients</h2>
-
-                    <input id="addFilter" type="text" placeholder="FILTER INGREDIENTS" onkeyup="window.addIngredientObj.filterAndDisplay()">
-
-                    <table>
-                        <thead>
-                            <tr>
-                                <th>Add</th>
-                                <th class="cursor" onclick="window.addIngredientObj.sort(1)">Ingredient</th>
-                                <th class="cursor" onclick="window.addIngredientObj.sort(2)">Category</th>
-                                <th class="cursor" onclick="window.addIngredientObj.sort(3)">Unit</th>
-                                <th>Quantity</th>
-                            </tr>
-                        </thead>
-                        <tbody></tbody>
-                    </table>
-
-                    <button class="button" onclick="addIngredientObj.submitAdd()">Submit</button>
-                </div>
-
-                <h1>Or</h1>
-
-                <form id="createIngredientInput" onsubmit="addIngredientObj.submitNew()">
-                    <h2>Create New Ingredient</h2>
-
-                    <label>Name
-                        <input id="newIngName" type="text" required>
-                    </label>
-
-                    <label>Category
-                        <input id="newCategory" type="text" required>
-                    </label>
-
-                    <label>Unit
-                        <input id="newUnit" type="text" required>
-                    </label>
-
-                    <label>Quantity
-                        <input id="newQuantity" type="number" step="0.01" required>
-                    </label>
-
-                    <button class="button">Create Ingredient</button>
-                </form>
-            </div>
-        </div>
-
-
-        <div id="enterTransactionsAction" class="action">
-            <h1>Enter all sales</h1>
-            <h3>Last updated: <span id="updated"></span></h3>
-            
-            <table>
-                <thead>
-                    <tr>
-                        <th>Recipe</th>
-                        <th>Number sold</th>
-                    </tr>
-                </thead>
-                <tbody></tbody>
-            </table>
-
-            <button class="button" onclick="enterTransactionsObj.submit()">Submit</button>
-        </div>
-
-
-        <div id="enterPurchaseAction" class="action">
-            <h1>Enter Purchases</h1>
-            
-            <table>
-                <thead>
-                    <tr>
-                        <th>Ingredient</th>
-                        <th>Amount</th>
-                    </tr>
-                </thead>
-                <tbody></tbody>
-            </table>
-
-            <button class="button" onclick="enterPurchaseObj.submit()">Submit</button>
-        </div>
-
-
-        <div id="singleRecipeAction" class="action">
-            <h2 id="recipeName"></h2>
-
-            <div class="buttonBox">
-                <button class="button" id="addButton">Add Ingredient</button>
-                <% if(merchant.pos === "none"){ %>
-                    <button class="button" id="removeButton">Remove</button>
-                <% } %>
-            </div>
-
-            <table>
-                <thead>
-                    <tr>
-                        <th>Name</th>
-                        <th>Quantity</th>
-                        <th>Actions</th>
-                    </tr>
-                </thead>
-                <tbody></tbody>
-            </table>
-        </div>
-
-        <%- include ../shared/footer %>
-
-        <script>
-                <% if(locals.error){ %>
-                    let error = <%- JSON.stringify(error) %>;
-                <% }else{ %>
-                    let error = undefined;
-                <% } %>
-        </script>
         <script>let merchant = <%- JSON.stringify(merchant) %>;</script>
-        <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
-        <script src="../shared/validation.js"></script>
-        <script src="/dashboardPage/inventory.js"></script>
-        <script src="/dashboardPage/recipes.js"></script>
-        <script src="/dashboardPage/account.js"></script>
-        <script src="/dashboardPage/addIngredient.js"></script>
-        <script src="/dashboardPage/enterTransactions.js"></script>
-        <script src="/dashboardPage/enterPurchase.js"></script>
-        <script src="/dashboardPage/singleRecipe.js"></script>
-        <script src="/shared/controller.js"></script>
     </body>
 </html>

views/oldDashboardPage/dashboard.css

@@ -0,0 +1,215 @@
+#title{
+    font-size: 45px;
+    color: rgb(255, 99, 107);
+    text-align: center;
+    margin-top: 25px;
+}
+
+.cursor{
+    cursor: pointer;
+}
+
+/* Inventory Strand */
+#inventoryStrand{
+    flex-direction: column;
+    align-items: center;
+}
+
+    #inventoryStrand > *{
+        margin: 10px;
+    }
+
+    #inventoryStrand tbody{
+        text-transform: capitalize;
+    }
+
+    #filter{
+        max-height: 32px;
+    }
+
+/* Recipes Strand */
+#recipesStrand{
+    flex-direction: column;
+    align-items: center;
+}
+
+    #recipesStrand > *{
+        margin: 15px;
+    }
+
+    #recipeUpdate{
+        margin-bottom: 10px;
+    }
+
+    #newRecipe{
+        display: none;
+        justify-content: center;
+    }
+
+    #recipesContainer{
+        display: flex;
+        justify-content: space-around;
+        flex-wrap: wrap;
+        padding: 25px;
+    }
+
+        .recipe-card{
+            border: 2px solid rgb(255, 99, 107);
+            box-shadow: 2px 2px 2px rgb(0, 27, 45);
+            background: rgb(0, 27, 45);
+            color: rgb(255, 99, 107);
+            width: 20%;
+            min-width: 200px;
+            padding: 35px;
+            margin: 25px;
+            border-radius: 10px;
+            cursor: pointer;
+        }
+
+            .recipe-card:hover{
+                transform: translateY(-3px);
+            }
+
+            .empty-recipe{
+                background: rgb(255, 99, 107);
+                border: 2px solid rgb(0, 27, 45);
+                color: rgb(0, 27, 45);
+            }
+
+/* Account Strand */
+#accountStrand{
+    flex-direction: column;
+    align-items: center;
+}
+
+    #accountStrand > *{
+        margin: 15px;
+    }
+
+    #accountStrand label{
+        display: flex;
+    }
+
+    #accountEdit{
+        display: none;
+    }
+
+    #passwordEdit{
+        display: none;
+    }
+
+/* Add Ingredient Action */
+#addIngredientAction{
+    flex-direction: column;
+    align-items: center;
+}
+
+    #addIngredientAction > *{
+        margin: 25px;
+    }
+
+    .container{
+        display: flex;
+        justify-content: space-around;
+        align-items: center;
+    }
+
+        .container > *{
+            margin: 50px;
+        }
+
+        .container > div{
+            display: flex;
+            flex-direction: column;
+            align-items: center;
+        }
+
+            .container > div > *{
+                margin: 10px;
+            }
+
+/* Enter Transactions Action */
+#enterTransactionsAction{
+    flex-direction: column;
+    align-items: center;
+}
+    #enterTransactionsAction > *{
+        margin: 10px;
+    }
+
+/* Enter Purchase Action */
+#enterPurchaseAction{
+    flex-direction: column;
+    align-items: center;
+}
+
+    #enterPurchaseAction > *{
+        margin: 10px;
+    }
+
+/* Single Recipe Action */
+#singleRecipeAction{
+    display: none;
+    flex-direction: column;
+    margin: auto;
+    align-items: center;
+}
+
+    #singleRecipeAction > *{
+        margin: 15px;
+    }
+
+    #delRecipe{
+        display: "none"
+    }
+
+@media screen and (max-width: 1000px){
+    /* General use */
+    body{
+        text-align: center;
+    }
+
+    /* Single Recipe Action */
+    #singleRecipeAction .buttonsDiv{
+        font-size: 15px;
+    }
+
+    #singleRecipeAction input{
+        max-width: 100px;
+    }
+}
+
+@media screen and (max-width: 600px){
+    /* Inventory Strand */
+    #inventoryStrand h1{
+        font-size: 20px;
+        text-align: center;
+        margin: 5px;
+    }
+
+    .options{
+        flex-direction: column;
+    }
+
+    .options > *{
+        margin: 5px;
+    }
+
+    #inventoryStrand .button-small{
+        font-size: 12px;
+    }
+
+    #inventoryStrand td, #inventoryStrand th{
+        padding: 3px;
+        font-size: 12px;
+    }
+
+    /* addIngredientStrand */
+    .container{
+        flex-direction: column;
+    }
+
+    #addIngredientAction > *{
+        margin: 10px;
+    }
+}

views/oldDashboardPage/dashboard.ejs

@@ -0,0 +1,256 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <meta charset="UTF-8">
+        <title>The Subline</title>
+        <link rel="icon" type="img/png" href="/shared/images/logo.png">
+        <link rel="stylesheet" href="/dashboardPage/dashboard.css">
+        <link rel="stylesheet" href="/shared/shared.css">
+    </head>
+    <body>
+        <% include ../shared/header %>
+
+        <% include ../shared/banner %>
+
+        <h1 id="title"><%=merchant.name%></h1>
+
+        <strand-selector></strand-selector>
+
+        <div id="inventoryStrand" class="strand">
+            <div class="buttonBox">
+                <button class="button" onclick="addIngredientObj.display()">Add Ingredient</button>
+
+                <button class="button" onclick="enterPurchaseObj.display()">Enter Purchases</button>
+
+                <% if(merchant.pos === "none"){ %>
+                    <button class="button" onclick="enterTransactionsObj.display()">Enter Transactions</button>
+                <% } %>
+
+                <a class="button" href="/data">Analyze data</a>
+            </div>
+
+            <input id="filter" onkeyup="inventoryObj.filter()" type="text" placeholder="FILTER INGREDIENTS">
+
+            <table>
+                <thead>
+                    <tr>
+                        <th class="cursor" onclick="inventoryObj.sortIngredients('name')">Item</th>
+                        <th class="cursor" onclick="inventoryObj.sortIngredients('category')">Category</th>
+                        <th class="cursor" onclick="inventoryObj.sortIngredients('quantity')">Quantity</th>
+                        <th class="cursor" onclick="inventoryObj.sortIngredients('unit')">Unit</th>
+                        <th>Actions</th>
+                    </tr>
+                    <tbody></tbody>
+                </thead>
+            </table>
+        </div>
+
+        <div id="recipesStrand" class="strand">
+            <div>
+                <% if(merchant.pos === "none"){ %>
+                    <button class="button" onclick="window.recipesObj.showInput()">Add a Recipe</button>
+                <% }else{%>
+                    <button class="button" id="recipeUpdate" onclick="recipesObj.updateRecipes()">Update Recipes</button>
+                <% } %>
+            </div>
+
+            <div id="newRecipe">
+                <label>Name:
+                    <input id="newName" type="text">
+                </label>
+
+                <label>Price:
+                    <input id="newPrice" type="number" step="0.01">
+                </label>
+
+                <button class="button-small" onclick="window.recipesObj.submitNew()">Create</button>
+
+                <button class="button-small" onclick="window.recipesObj.cancelAdd()">Cancel</button>
+            </div>
+            
+            <div id="recipesContainer"></div>
+        </div>
+
+        <div id="accountStrand" class="strand">
+            <form id="accountDisplay" onsubmit="accountObj.editAccount()">
+                <label>Name:&nbsp;&nbsp;
+                    <p><%=merchant.name%></p>
+                </label>
+
+                <label>Email:&nbsp;&nbsp;
+                    <p><%=merchant.email%></p>
+                </label>
+
+                <button class="button" onclick="accountObj.editAccount()">Edit</button>
+            </form>
+
+            <form id="accountEdit">
+                <label>Name:&nbsp;&nbsp;
+                    <input id="accountName" type="text" value="<%=merchant.name%>">
+                </label>
+
+                <label>Email:&nbsp;&nbsp;
+                    <input id="accountEmail" type="email" value="<%=merchant.email%>">
+                </label>
+
+                <div class="buttonBox">
+                    <button class="button" onclick="accountObj.updateAccount()">Save</button>
+
+                    <button class="button" onclick="accountObj.editAccountCancel()">Cancel</button>
+                </div>
+            </form>
+
+            <form id="passwordEdit" onsubmit="accountObj.updatePassword()">
+                <label>Old password:
+                    <input id="oldPass" type="password" required>
+                </label>
+
+                <label>New password:
+                    <input id="newPass" type="password" required>
+                </label>
+
+                <label>Confirm new password:
+                    <input id="confirmNewPass" type="password" required>
+                </label>
+
+
+                <div class="buttonBox">
+                    <input class="button" type="submit" value="Submit">
+
+                    <button class="button" onclick="accountObj.editPasswordCancel()">Cancel</button>
+                </div>
+            </form>
+
+            <button class="button" onclick="accountObj.editPassword()">Change password</button>
+        </div>
+
+
+        <div id="addIngredientAction" class="action">
+            <div class="container">
+                <div>
+                    <h2>Choose Ingredients</h2>
+
+                    <input id="addFilter" type="text" placeholder="FILTER INGREDIENTS" onkeyup="window.addIngredientObj.filterAndDisplay()">
+
+                    <table>
+                        <thead>
+                            <tr>
+                                <th>Add</th>
+                                <th class="cursor" onclick="window.addIngredientObj.sort(1)">Ingredient</th>
+                                <th class="cursor" onclick="window.addIngredientObj.sort(2)">Category</th>
+                                <th class="cursor" onclick="window.addIngredientObj.sort(3)">Unit</th>
+                                <th>Quantity</th>
+                            </tr>
+                        </thead>
+                        <tbody></tbody>
+                    </table>
+
+                    <button class="button" onclick="addIngredientObj.submitAdd()">Submit</button>
+                </div>
+
+                <h1>Or</h1>
+
+                <form id="createIngredientInput" onsubmit="addIngredientObj.submitNew()">
+                    <h2>Create New Ingredient</h2>
+
+                    <label>Name
+                        <input id="newIngName" type="text" required>
+                    </label>
+
+                    <label>Category
+                        <input id="newCategory" type="text" required>
+                    </label>
+
+                    <label>Unit
+                        <input id="newUnit" type="text" required>
+                    </label>
+
+                    <label>Quantity
+                        <input id="newQuantity" type="number" step="0.01" required>
+                    </label>
+
+                    <button class="button">Create Ingredient</button>
+                </form>
+            </div>
+        </div>
+
+
+        <div id="enterTransactionsAction" class="action">
+            <h1>Enter all sales</h1>
+            <h3>Last updated: <span id="updated"></span></h3>
+            
+            <table>
+                <thead>
+                    <tr>
+                        <th>Recipe</th>
+                        <th>Number sold</th>
+                    </tr>
+                </thead>
+                <tbody></tbody>
+            </table>
+
+            <button class="button" onclick="enterTransactionsObj.submit()">Submit</button>
+        </div>
+
+
+        <div id="enterPurchaseAction" class="action">
+            <h1>Enter Purchases</h1>
+            
+            <table>
+                <thead>
+                    <tr>
+                        <th>Ingredient</th>
+                        <th>Amount</th>
+                    </tr>
+                </thead>
+                <tbody></tbody>
+            </table>
+
+            <button class="button" onclick="enterPurchaseObj.submit()">Submit</button>
+        </div>
+
+
+        <div id="singleRecipeAction" class="action">
+            <h2 id="recipeName"></h2>
+
+            <div class="buttonBox">
+                <button class="button" id="addButton">Add Ingredient</button>
+                <% if(merchant.pos === "none"){ %>
+                    <button class="button" id="removeButton">Remove</button>
+                <% } %>
+            </div>
+
+            <table>
+                <thead>
+                    <tr>
+                        <th>Name</th>
+                        <th>Quantity</th>
+                        <th>Actions</th>
+                    </tr>
+                </thead>
+                <tbody></tbody>
+            </table>
+        </div>
+
+        <%- include ../shared/footer %>
+
+        <script>
+                <% if(locals.error){ %>
+                    let error = <%- JSON.stringify(error) %>;
+                <% }else{ %>
+                    let error = undefined;
+                <% } %>
+        </script>
+        <script>let merchant = <%- JSON.stringify(merchant) %>;</script>
+        <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
+        <script src="../shared/validation.js"></script>
+        <script src="/dashboardPage/inventory.js"></script>
+        <script src="/dashboardPage/recipes.js"></script>
+        <script src="/dashboardPage/account.js"></script>
+        <script src="/dashboardPage/addIngredient.js"></script>
+        <script src="/dashboardPage/enterTransactions.js"></script>
+        <script src="/dashboardPage/enterPurchase.js"></script>
+        <script src="/dashboardPage/singleRecipe.js"></script>
+        <script src="/shared/controller.js"></script>
+    </body>
+</html>