theopenbar/interface

// http://www.shanidkv.com/blog/angularjs-adding-form-fields-dynamically
app.controller('RecipeCtrl', ['$scope', 'typeService', 'liquidService', 'recipeService',
    function($scope, typeService, liquidService, recipeService) {

        // set up default values
        defaultValues();

        // get all Types on page load
        var promise = typeService.getTypes();
        promise.then(function (types) {
            $scope.types = types;
        });

        $scope.submitRecipe = function() {
            // save to database
            recipeService.saveRecipe($scope.recipe).then(function (status) {
                if(status) {
                    $scope.messageSuccess = "Recipe saved successfully.";
                    // clear to start a new recipe
                    defaultValues();
                }
            });
        };

        $scope.selectType = function() {
            // erase all values afterwards
            deleteFutureChoices("subtype");

            // get all Subtypes from that Type
            querySubtypes();
        }

        $scope.selectSubtype = function() {
            // erase all values afterwards
            deleteFutureChoices("brand");

            // query for liquids from the Type and Subtype
            queryBrands();
        }

        $scope.selectBrand = function() {
            // erase all values afterwards
            deleteFutureChoices("description");

            // query for descriptions from the Type, Subtype, and Brand
            queryDescriptions();
        }

        $scope.selectDescription = function() {
            // last liquid option, so get id of liquid and set it in recipe
             $scope.liquidSelection.id = $scope.liquidSelection.descriptions.filter(function(v) {
                    return v.description === $scope.liquidSelection.description;
            })[0]._id;
        }

        $scope.cancelLiquid = function() {
            // hide add liquid box
            $scope.addLiquidDisplay = false;
            // reset selection for next time
            resetLiquidSelection();
        }

        $scope.addLiquidToRecipe = function() {
            // check that liquid is fully filled in (i.e. has an ID assigned)
            if($scope.liquidSelection.id == null || $scope.liquidSelection.amount == null) {
                $scope.ingredientError = "Please fill in all forms for this liquid.";
            }
            else {
                // otherwise good, clear error if there and add
                $scope.ingredientError = null;

                // hide add liquid box
                $scope.addLiquidDisplay = false;

                // add liquid to recipe
                $scope.recipe.liquids.push($scope.liquidSelection);

                // reset selections for next liquid
                resetLiquidSelection();
            }
        }

        $scope.cancelGarnish = function() {
            // hide add garnish box
            $scope.addGarnishDisplay = false;
            // reset selection for next time
            resetGarnishSelection();
        }

        $scope.addGarnishToRecipe = function() {
            // check that garnish is fully filled in
            var garnish = $scope.garnishSelection;
            for (var member in garnish) {
                if (garnish[member] == null) {
                    $scope.ingredientError = "Please fill in all forms for this garnish.";
                    // return an error
                    return false;
                }
            }
            // otherwise good, clear error if there
            $scope.ingredientError = null;

            // hide add garnish box
            $scope.addGarnishDisplay = false;

            // add garnish to recipe
            $scope.recipe.garnishes.push($scope.garnishSelection);

            // reset selections for next garnish
            resetGarnishSelection();
        }

        $scope.editLiquid = function(index) {
            // copy selected liquid into liquidSelection
            $scope.liquidSelection = $scope.recipe.liquids[index];
            // remove selected liquid from recipe
            $scope.recipe.liquids.splice(index,1);
            // show add liquid box
            $scope.addLiquidDisplay = true;
            querySubtypes();
            queryBrands();
            queryDescriptions();
        }

        $scope.deleteLiquid = function(index) {
            // remove selected liquid from recipe
            $scope.recipe.liquids.splice(index,1);
        }

        $scope.editGarnish = function(index) {
            // copy selected garnish into garnishSelection
            $scope.garnishSelection = $scope.recipe.garnishes[index];
            // remove selected garnish from recipe
            $scope.recipe.garnishes.splice(index,1);
            // show add garnish box
            $scope.addGarnishDisplay = true;
        }

        $scope.deleteGarnish = function(index) {
            // remove selected garnish from recipe
            $scope.recipe.garnishes.splice(index,1);
        }

        function resetLiquidSelection() {
            $scope.liquidSelection = {"subtypes": null, "brands": null, "descriptions": null,
                                        "type": null, "subtype": null, "brand": null,
                                        "amount": null, "requirement": true};
        }

        function resetGarnishSelection() {
            $scope.garnishSelection = {"name": null, "amount": null};
        }

        function defaultValues() {
            // hide add liquid box
            $scope.addLiquidDisplay = false;
            // hide add garnish box
            $scope.addGarnishDisplay = false;

            // reset full recipe
            $scope.recipe = {name: null, liquids: [], garnishes: []};

            // reset actual selections
            resetLiquidSelection();
            resetGarnishSelection();
        }

        function deleteFutureChoices(state) {
            // erase all values after the current state
            switch (state) {
                // no "break" because you always want it to fall through
                case "subtype":
                    delete $scope.liquidSelection.subtype;
                    delete $scope.liquidSelection.subtypes;
                case "brand":
                    delete $scope.liquidSelection.brand;
                    delete $scope.liquidSelection.brands;
                case "description":
                    delete $scope.liquidSelection.description;
                    delete $scope.liquidSelection.descriptions;
                default:
                    delete $scope.liquidSelection.id;

            }
        }

        function querySubtypes() {
            // first query subtypes
            var promise = typeService.getSubtypes($scope.liquidSelection.type);
            promise.then(function (subtypes) {
                $scope.liquidSelection.subtypes = subtypes;
            });
        }

        function queryBrands() {
            var query = {
                "type" : $scope.liquidSelection.type,
                "subtype" : $scope.liquidSelection.subtype
            };
            var promise = liquidService.getLiquids(query);
            promise.then(function (brands) {
                if ($scope.liquidSelection.subtype == "*Any") {
                    // get liquid ID for "subtype" : "*Any"
                    // http://stackoverflow.com/a/7364203
                    $scope.liquidSelection.id = brands.filter(function(v) {
                        return v.subtype === "*Any"; // Filter out the appropriate one
                    })[0]._id;
                }
                else if ($scope.liquidSelection.subtype != null) {
                    // remove duplicate Brands
                    // http://stackoverflow.com/a/31963129
                    $scope.liquidSelection.brands = brands.reduceRight(function (r, a) {
                        r.some(function (b) { return a.brand === b.brand; }) || r.push(a);
                        return r;
                    }, []);
                }
            });
        }

        function queryDescriptions() {
            if ($scope.liquidSelection.brand == "*Any") {
                // get liquid ID for "brand" : "*Any"
                // http://stackoverflow.com/a/7364203
                 $scope.liquidSelection.id = $scope.liquidSelection.brands.filter(function(v) {
                    return v.brand === "*Any"; // Filter out the appropriate one
                })[0]._id;
            }
            else if ($scope.liquidSelection.brand != null) {
                // get all Descriptions from that Type and Subtype and Brand
                var query = {
                    "type" : $scope.liquidSelection.type,
                    "subtype" : $scope.liquidSelection.subtype,
                    "brand" : $scope.liquidSelection.brand
                };
                var promise = liquidService.getLiquids(query);
                promise.then(function (descriptions) {
                    $scope.liquidSelection.descriptions = descriptions;
                });
            }
        }
}]);