Add price to recipe creation for non-pos users

controllers/recipeData.js

@@ -15,6 +15,7 @@ module.exports = {
         let recipe = new Recipe({
             merchant: req.session.user,
             name: req.body.name,
+            price: Math.round(req.body.price * 100),
             ingredients: []
         });
 

views/inventoryPage/inventory.ejs

@@ -55,7 +55,13 @@
             </div>
 
             <div id="newRecipe">
-                <input type="text">
+                <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>
 

views/inventoryPage/recipes.js

@@ -73,20 +73,24 @@ window.recipesObj = {
         document.querySelector("#newRecipe").style.display = "block";
     },
 
-    cancel: function(){
-        document.querySelector("#newRecipe input").value = "";
+    cancelAdd: function(){
+        document.querySelector("#newName").value = "";
+        document.querySelector("#newPrice").value = 0;
         document.querySelector("#newRecipe").style.display = "none";
     },
 
     submitNew: function(){
         let inputDiv = document.querySelector("#newRecipe");
-        let input = document.querySelector("#newRecipe input");
+        let nameInput = document.querySelector("#newName");
+        let priceInput = document.querySelector("#newPrice");
 
         let data = {
-            name: input.value
+            name: nameInput.value,
+            price: priceInput.value
         };
 
-        input.value = "";
+        nameInput.value = "";
+        priceInput.value = 0;
         inputDiv.style.display = "none";
 
         axios.post("/recipe/create", data)