The flexible way to adopt UX/UI in Angular app according to user’s permissions.

• ngx-to-do-permissions

  1 1 0.0 TypeScript

  Example of handling user permissions in Angular App

export function getPermissions() { let userPerms; // In our example we using stor as a single source of truth. // Full implementation can be found here https://github.com/danduh/ngx-to-do-permissions. const store: Store = AppInjector.get(Store); store .pipe( select(userPermissionsState), take(1) ) .subscribe((_p) => { userPerms = _p ? _p : {}; }); return userPerms; } export function checkPermissions(required: string, userPerms) { // 1) Separate feature and action const [feature, action] = required.split('_'); // 2) Check if user have any type of access to the feature if (!userPerms.hasOwnProperty(feature)) { return false; } // 3) Check if user have permission for required action if (!userPerms[feature].hasOwnProperty(action)) { return false; } return true; }

• SurveyJS

  surveyjs.io sponsored

  Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

  

Suggest a related project