how to enable disable elements based on user role?

[priyanka-obtainit]

Hey I am hiding and showing the elements using angular permission. Now how to enable or disable the elements based on permisssion?

[masterspambot]

https://github.com/Narzerus/angular-permission/wiki/Controlling-access-in-views#custom-behaviour

[priyanka-obtainit]

This is giving me error 'permission.onUnauthorized(...) is not a function'.

[thiagomcampos]

Same for me. Any updates?

[motymichaely]

I worked this around by setting PermissionStrategies to the current scope:

$scope.PermissionStrategies = PermissionStrategies;

Make sure to inject PermissionStrategies.

[thiagomcampos]

@motymichaely great, works perfectly! thank you, bro!

[thari911]

Hi can someone please show an example of how to write this permission to disable based on the permission setting? Thanks

[thari911]

@motymichaely

[thari911]

@thiagomcdc please help me with this problem. Thanks in advance

[motymichaely]

@thari911 you can use this as a sample code snippet:

Put this in your controller (make sure to inject PermPermissionStrategies):

var permissionStrategies = angular.extend({}, {
    enableElement: function($element) {
        PermPermissionStrategies.enableElement($element);
        $element.addClass('authorized');
    },
    disableElement: function($element) {
        PermPermissionStrategies.disableElement($element);
        // Some custom code for the element
        $element.addClass('unauthorized');
    },
    showElement: function($element) {
        PermPermissionStrategies.showElement($element);
    },
    hideElement: function($element) {
        PermPermissionStrategies.hideElement($element);
    }
});

$rootScope.permissionStrategies = permissionStrategies;

The following in your views as an example to enable or disable an anchor based on ui-router permissions:

<a ui-sref="some.router.path" 
    permission 
    permission-sref="'some.router.path'" 
    permission-on-authorized="$root.permissionStrategies.enableElement" 
    permission-on-unauthorized="$root.permissionStrategies.disableElement">
This will be disabled with no permission to access 'some.router.path'.
</a>

[thari911]

i have an anchor tag with a ng-click function and not sref. but even when its not unauthorized the click still works.

This works :

and this does not work :

[thari911]

@masterspambot could you please assist me with this? anchors are not been disabled. just buttons and inputs only seem to get disabled