subline/views/inventoryPage/enterTransactions.js

let enterTransactionsObj = {
    isPopulated: false,

    display: function(){
        controller.clearScreen();
        controller.enterTransactionsStrand.style.display = "flex";

        if(!this.isPopulated){
            this.populateRecipes();
            this.isPopulated = true;
        }
    },

    populateRecipes: function(){
        let tbody = document.querySelector("#enterTransactionsStrand tbody");

        for(let recipe of merchant.recipes){
            let row = document.createElement("tr");
            row._id = recipe._id;
            tbody.appendChild(row);

            let name = document.createElement("td");
            name.innerText = recipe.name;
            row.appendChild(name);

            let quantity = document.createElement("td");
            row.appendChild(quantity);

            let input = document.createElement("input");
            input.type = "number";
            input.step = "1";
            input.value = "0";
            input.id = "transactionQuantity";
            quantity.appendChild(input);
        }
    },

    submit: function(){
        let tbody = document.querySelector("#enterTransactionsStrand tbody");

        let recipesSold = [];

        for(let row of tbody.children){
            let quantity = document.querySelector("#transactionQuantity").value;
            
            if(quantity >= 0){
                let recipe = {
                    id: row._id,
                    quantity: quantity
                }

                recipesSold.push(recipe);
            }else{
                banner.createError("Cannot have negative quantities");
                break;
            }
        }

        axios.post("/transactions/create", recipesSold)
            .then(()=>{
                banner.createNotification("Your sales have been logged");
                inventoryObj.display();
            })
            .catch((err)=>{
                banner.createError("Something went wrong and your sales could not be logged");
            });
    }
}