Create enumeration keys by adding up enumeration values for permissions

Question

Create enumeration keys by adding up enumeration values for permissions

One example of an enum is:

RoleEnum={
            None: 0,
            ViewAnalytics: 1,
            ManageTargets: 2,
            ManageBranches: 4,
            ViewActivationDetails: 8,
            ManageUsers: 16,
            ViewBilling: 32,
            ManageQuestions: 64
};

If the response from the database is 7, then it should return:
```
["None","ViewAnalytics","ManageTargets","ManageBranches"]
```
If the response from the database is 3, then it should return:
```
["None","ViewAnalytics","ManageTargets"]
```

This logic applies to other cases as well.

In a .ts file, you can have:-

      vm.userLevelPermission.ViewAnalytics = vm.userLevelPermission.includes('ViewAnalytics');
      vm.userLevelPermission.ManageTargets = vm.userLevelPermission.includes('ManageTargets');

The permission value received from the database is added here with the logic.

    <div class="panel-title"><h4 class="mts">User Level Permission Settings<button class="btn btn-primary pull-right" type="button" ng-click="vm.updateUserLevelPermission()">Save</button></h4></div>
</div>
        <tr>
            <td>Manage Targets</td>
            <td class="text-center"><input type="checkbox" class="css-checkbox" checked="vm.userLevelPermission.ManageTargets"></td>
            <td>View Analytics</td>
            <td class="text-center"><input type="checkbox" class="css-checkbox" checked="vm.userLevelPermission.ViewAnalytics"></td>
        </tr>

Similarly, when updating, the value should be the sum of checked boxes. If both are checked, it will return 3.

javascript angular typescript

Answer 1

Answer №1

Perhaps you just need to adjust your approach a bit. Instead of overcomplicating things, consider using a simple bitmask technique. Here's a snippet of code that demonstrates how it can be done:

const permissions = { None: 0, ViewAnalytics: 1, ManageTargets: 2, ManageBranches: 4, ViewActivationDetails: 8, ManageUsers: 16, ViewBilling: 32, ManageQuestions: 64 };
const userPermissions = 7; // for example

const userLevelPermissions = Object.fromEntries(Object.entries(permissions).map(([key, value]) => {
    return [key, key === 'None' || !!(userPermissions & permissions[key])];
}));

const hasPermission = (permission) => permission === permissions.None || !!(userPermissions & permission)

console.log(hasPermission(permissions.ManageTargets))

console.log({userLevelPermissions})

Answer 2

Perhaps you just need to adjust your approach a bit. Instead of overcomplicating things, consider using a simple bitmask technique. Here's a snippet of code that demonstrates how it can be done:

const permissions = { None: 0, ViewAnalytics: 1, ManageTargets: 2, ManageBranches: 4, ViewActivationDetails: 8, ManageUsers: 16, ViewBilling: 32, ManageQuestions: 64 };
const userPermissions = 7; // for example

const userLevelPermissions = Object.fromEntries(Object.entries(permissions).map(([key, value]) => {
    return [key, key === 'None' || !!(userPermissions & permissions[key])];
}));

const hasPermission = (permission) => permission === permissions.None || !!(userPermissions & permission)

console.log(hasPermission(permissions.ManageTargets))

console.log({userLevelPermissions})

Answer 3

Answer №2


vm.userLevelPermission = Object.keys(vm.userLevelPermissionsEnum).map(function(key, value) {
                        vm.hasUserLevelPermission = (key === 'None' || !!(vm.userPermissions & vm.userLevelPermissionsEnum[key]));
                        return [key,value, vm.hasUserLevelPermission];
                    });

I appreciate the previous fix provided. The use of Object.keys() effectively tackled the problem.

Answer 4


vm.userLevelPermission = Object.keys(vm.userLevelPermissionsEnum).map(function(key, value) {
                        vm.hasUserLevelPermission = (key === 'None' || !!(vm.userPermissions & vm.userLevelPermissionsEnum[key]));
                        return [key,value, vm.hasUserLevelPermission];
                    });

I appreciate the previous fix provided. The use of Object.keys() effectively tackled the problem.

Create enumeration keys by adding up enumeration values for permissions

Answer №1

Answer №2

Similar questions

redux saga: accessing different endpoint parameters

Is there a way to ensure that a "loop once" animated GIF background will replay on each page refresh or load?

Delete the scene once the user has logged in successfully

Issue with JSON encoding in Embed message/interaction reply in Discord.js v14

Having trouble getting Django to display images using jQuery? Uncaught Reference Error may be preventing it

Exploring Angular 2 with Visual Studio 2015 Update 1 in the context of Type Script Configuration

The error message received is: `npm ERR! code ERR_TLS_CERT_ALTNAME_INVALID

Navigate to a different page using Angular with a simple click

When attempting to select dates from the picker options, the array is found to be devoid of any entries

Retrieving information from my JavaScript function

What is the best way to convert the javascript code into clojurescript?

When is it best to use an interface instead of defining an object directly in a function signature in Typescript?

Increase the gap between the legend and the chart when utilizing charts.js

Returning an incorrect array occurs when there is only one piece of data in the JSON

Facing an angular 502 error when attempting to use HttpParams in my code

Encountered a problem while trying to upload a file using node

Looking to swap out innerHTML in a div multiple times with javascript?

Utilizing Ajax for submitting a form in Wordpress contact page

Balancing scrolling status in sibling components within React/Redux

What is the process for making a referenced variable null?