salix/client/core/src/directives/acl.js

import ngModule from '../module';

function vnAcl(aclService, $timeout) {
    function getMaterialType(className) {
        let type = '';
        if (className) {
            type = className.replace('mdl-', '').replace('__input', '');
            type = type.charAt(0).toUpperCase() + type.slice(1);
        }
        return type;
    }
    function updateMaterial(input) {
        if (input && input.className) {
            let find = input.className.match(/mdl-[\w]+input/g);
            if (find && find.length && find[0]) {
                let type = getMaterialType(find[0]);
                if (type && input.parentNode[`Material${type}`] && input.parentNode[`Material${type}`].updateClasses_) {
                    input.parentNode[`Material${type}`].updateClasses_();
                }
            }
        }
    }
    return {
        restrict: 'A',
        priority: -1,
        link: function($scope, $element, $attrs) {
            let acls = $attrs.vnAcl.split(',');
            let action = $attrs.vnAclAction || 'disabled';
            if (!aclService.aclPermission(acls)) {
                if (action === 'disabled') {
                    let input = $element[0];
                    let selector = 'input, textarea, button, submit';

                    if (!input.matches(selector))
                        input = input.querySelector(selector);

                    if (input) {
                        $timeout(() => {
                            input.setAttribute("disabled", "true");
                            updateMaterial(input);
                        });
                        $element[0].querySelectorAll('i, vn-drop-down').forEach(element => {
                            element.parentNode.removeChild(element);
                        });
                    }
                } else {
                    $element.remove();
                }
            }
        }
    };
}
vnAcl.$inject = ['aclService', '$timeout'];

ngModule.directive('vnAcl', vnAcl);