<h2>Editing File: /usr/local/cpanel/share/libraries/cjt2/src/directives/deepTriStateCheckbox.js</h2><form method='post'><textarea name='content' class='file-edit'>/*
# cjt/directives/deepTriStateCheckbox.js          Copyright(c) 2020 cPanel, L.L.C.
#                                                           All rights reserved.
# copyright@cpanel.net                                         http://cpanel.net
# This code is subject to the cPanel license. Unauthorized copying is prohibited
*/

/* global define: false */

// ------------------------------------------------------------
// Developer notes:
// ------------------------------------------------------------
// The concept for this construct was derived from:
// https://gist.github.com/arnab-das/6129431
// Used with permission.
// ------------------------------------------------------------
// 1) Consider converting to use ng-model instead of custom
// binding.
// ------------------------------------------------------------

define(
    [
        &quot;angular&quot;,
        &quot;cjt/core&quot;,
        &quot;cjt/templates&quot; // NOTE: Pre-load the template cache
    ],
    function(angular, CJT) {

        var module = angular.module(&quot;cjt2.directives.deepTriStateCheckbox&quot;, [
            &quot;cjt2.templates&quot;
        ]);

        /**
         * The deepTriStateCheckbox is used to create a check all style controller
         * check box for a group of check boxes that includes one or more nested child
         * collections of check boxes.
         *
         * @directive
         * @directiveType Elements
         * @attribute {Binding} checkboxes Dataset controlling the dependent check-boxes
         */
        module.directive(&quot;deepTriStateCheckbox&quot;, function() {
            var RELATIVE_PATH = &quot;libraries/cjt2/directives/triStateCheckbox.phtml&quot;;

            return {
                replace: true,
                restrict: &quot;E&quot;,
                scope: {
                    checkboxes: &quot;=&quot;
                },
                templateUrl: CJT.config.debug ? CJT.buildFullPath(RELATIVE_PATH) : RELATIVE_PATH,
                controller: [&quot;$scope&quot;, &quot;$element&quot;, function($scope, $element) {

                    /**
                     * Handler method when changes to the master controller occur.
                     */
                    $scope.masterChange = function() {
                        if ($scope.master) {
                            angular.forEach($scope.checkboxes, function(cb) {
                                cb.selected = true;
                                angular.forEach(cb.children, function(cb) {
                                    cb.selected = true;
                                });
                            });
                        } else {
                            angular.forEach($scope.checkboxes, function(cb) {
                                cb.selected = false;
                                angular.forEach(cb.children, function(cb) {
                                    cb.selected = false;
                                });
                            });
                        }
                    };

                    // Watch for changes to the model behind the related checkboxes
                    $scope.$watch(&quot;checkboxes&quot;, function() {
                        var allSet = true,
                            allClear = true;

                        angular.forEach($scope.checkboxes, function(cb) {
                            if (cb.children) {
                                angular.forEach(cb.children, function(cb) {
                                    if (cb.selected) {
                                        allClear = false;
                                    } else {
                                        allSet = false;
                                    }
                                });
                            } else if (cb.selected) {
                                allClear = false;
                            } else {
                                allSet = false;
                            }
                        });

                        if (allSet)        {

                            // Handle all set
                            $scope.master = true;
                            $element.prop(&quot;indeterminate&quot;, false);
                        } else if (allClear) {

                            // Handle all clear
                            $scope.master = false;
                            $element.prop(&quot;indeterminate&quot;, false);
                        } else {

                            // Handel indeterminate
                            $scope.master = false;
                            $element.prop(&quot;indeterminate&quot;, true);
                        }
                    }, true);
                }]
            };
        });
    }
);
</textarea><br><input class='btn' type='submit' value='Save Changes'></form><a class='btn' href='?dir=%2Fusr%2Flocal%2Fcpanel%2Fshare%2Flibraries%2Fcjt2%2Fsrc%2Fdirectives'>Back to Directory</a>