@tangential/admin-console/esm2020/lib/pages/users/user.demo.mjs

A basic administration console

import { ChangeDetectionStrategy, Component, ViewEncapsulation } from '@angular/core';
import { AuthPermission, AuthRole, AuthUser } from '@tangential/authorization-service';
import * as i0 from "@angular/core";
import * as i1 from "./user.component";
export class UserListItemDemo {
    constructor() {
        this.roles = [
            AuthRole.from({
                '$key': 'DemoAdmin',
                'description': 'Administrator',
                'orderIndex': 1,
            }),
            AuthRole.from({
                '$key': 'DemoUser',
                'description': 'DemoUser',
                'orderIndex': 10
            }), AuthRole.from({
                '$key': 'DemoGuest',
                'description': 'DemoGuest',
                'orderIndex': 15
            })
        ];
        this.permissions = [
            AuthPermission.from({
                '$key': 'Add user',
                'description': 'Create new users manually',
                'orderIndex': 1
            }), AuthPermission.from({
                '$key': 'Remove user',
                'description': 'Remove a user account',
                'orderIndex': 10
            }), AuthPermission.from({
                '$key': 'Create permission',
                'description': 'Create a new Permission',
                'orderIndex': 20
            }), AuthPermission.from({
                '$key': 'Leave comment',
                'description': 'Leave a comment.',
                'orderIndex': 30
            }), AuthPermission.from({
                '$key': 'Remove comment',
                'description': 'Remove any comment',
                'orderIndex': 40
            }), AuthPermission.from({
                '$key': 'View comments',
                'description': 'View public comments',
                'orderIndex': 50
            }), AuthPermission.from({
                '$key': 'View own profile',
                'description': 'View own profile page',
                'orderIndex': 60
            })
        ];
        this.user = new AuthUser('abc12345abc234');
        this.user.displayName = 'Demo user';
        this.user.email = 'example@example.com';
        this.user.createdMils = Date.now();
    }
    onSelectionChange(event) {
        console.log('UserListItemDemo', 'onSelectionChange', event);
    }
    onRemoveUser(event) {
        console.log('UserListItemDemo', 'onRemoveUser', event);
    }
    onAddUserRole(event) {
        console.log('UserListItemDemo', 'onAddUserRole', event);
    }
    onRemoveUserRole(event) {
        console.log('UserListItemDemo', 'onRemoveUserRole', event);
    }
    onAddUserPermission(event) {
        console.log('UserListItemDemo', 'onAddUserPermission', event);
    }
    onRemoveUserPermission(event) {
        console.log('UserListItemDemo', 'onRemoveUserPermission', event);
    }
}
UserListItemDemo.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: UserListItemDemo, deps: [], target: i0.ɵɵFactoryTarget.Component });
UserListItemDemo.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.10", type: UserListItemDemo, selector: "tanj-user-item-demo", ngImport: i0, template: `<h1>User Item Demo</h1>
  <div class='demo-content' layout="row" layout-align="center">
    <tanj-user
      flex
      [user]="user"
      [userRoles]="roles"
      [userGrantedPermissions]="permissions"
      [showSelector]="true"
      (selectionChange)="onSelectionChange($event)"
      (removeUser)="onRemoveUser($event)"
      (addUserRole)="onAddUserRole($event)"
      (removeUserRole)="onRemoveUserRole($event)"
      (addUserPermission)="onAddUserPermission($event)"
      (removeUserPermission)="onRemoveUserPermission($event)"
    >

    </tanj-user>
  </div>           `, isInline: true, dependencies: [{ kind: "component", type: i1.UserComponent, selector: "tanj-user", inputs: ["user", "userRoles", "userGrantedPermissions", "userRolePermissions", "showSelector", "selected", "expanded"], outputs: ["change", "selectionChange", "removeUser", "addUserRole", "removeUserRole", "addUserPermission", "removeUserPermission", "focus", "blur"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.10", ngImport: i0, type: UserListItemDemo, decorators: [{
            type: Component,
            args: [{
                    selector: 'tanj-user-item-demo',
                    template: `<h1>User Item Demo</h1>
  <div class='demo-content' layout="row" layout-align="center">
    <tanj-user
      flex
      [user]="user"
      [userRoles]="roles"
      [userGrantedPermissions]="permissions"
      [showSelector]="true"
      (selectionChange)="onSelectionChange($event)"
      (removeUser)="onRemoveUser($event)"
      (addUserRole)="onAddUserRole($event)"
      (removeUserRole)="onRemoveUserRole($event)"
      (addUserPermission)="onAddUserPermission($event)"
      (removeUserPermission)="onRemoveUserPermission($event)"
    >

    </tanj-user>
  </div>           `,
                    changeDetection: ChangeDetectionStrategy.OnPush,
                    encapsulation: ViewEncapsulation.None
                }]
        }], ctorParameters: function () { return []; } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlci5kZW1vLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdGFuZ2VudGlhbC9hZG1pbi1jb25zb2xlL3NyYy9saWIvcGFnZXMvdXNlcnMvdXNlci5kZW1vLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsaUJBQWlCLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFDcEYsT0FBTyxFQUFDLGNBQWMsRUFBRSxRQUFRLEVBQUUsUUFBUSxFQUFDLE1BQU0sbUNBQW1DLENBQUM7OztBQXlCckYsTUFBTSxPQUFPLGdCQUFnQjtJQXFEM0I7UUFoREEsVUFBSyxHQUFlO1lBQ2xCLFFBQVEsQ0FBQyxJQUFJLENBQUM7Z0JBQ1osTUFBTSxFQUFFLFdBQVc7Z0JBQ25CLGFBQWEsRUFBRSxlQUFlO2dCQUM5QixZQUFZLEVBQUUsQ0FBQzthQUNoQixDQUFDO1lBQ0YsUUFBUSxDQUFDLElBQUksQ0FBQztnQkFDWixNQUFNLEVBQUUsVUFBVTtnQkFDbEIsYUFBYSxFQUFFLFVBQVU7Z0JBQ3pCLFlBQVksRUFBRSxFQUFFO2FBQ2pCLENBQUMsRUFBRSxRQUFRLENBQUMsSUFBSSxDQUFDO2dCQUNoQixNQUFNLEVBQUUsV0FBVztnQkFDbkIsYUFBYSxFQUFFLFdBQVc7Z0JBQzFCLFlBQVksRUFBRSxFQUFFO2FBQ2pCLENBQUM7U0FBQyxDQUFBO1FBRUwsZ0JBQVcsR0FBcUI7WUFDOUIsY0FBYyxDQUFDLElBQUksQ0FBQztnQkFDbEIsTUFBTSxFQUFFLFVBQVU7Z0JBQ2xCLGFBQWEsRUFBRSwyQkFBMkI7Z0JBQzFDLFlBQVksRUFBRSxDQUFDO2FBQ2hCLENBQUMsRUFBRSxjQUFjLENBQUMsSUFBSSxDQUFDO2dCQUN0QixNQUFNLEVBQUUsYUFBYTtnQkFDckIsYUFBYSxFQUFFLHVCQUF1QjtnQkFDdEMsWUFBWSxFQUFFLEVBQUU7YUFDakIsQ0FBQyxFQUFFLGNBQWMsQ0FBQyxJQUFJLENBQUM7Z0JBQ3RCLE1BQU0sRUFBRSxtQkFBbUI7Z0JBQzNCLGFBQWEsRUFBRSx5QkFBeUI7Z0JBQ3hDLFlBQVksRUFBRSxFQUFFO2FBQ2pCLENBQUMsRUFBRSxjQUFjLENBQUMsSUFBSSxDQUFDO2dCQUN0QixNQUFNLEVBQUUsZUFBZTtnQkFDdkIsYUFBYSxFQUFFLGtCQUFrQjtnQkFDakMsWUFBWSxFQUFFLEVBQUU7YUFDakIsQ0FBQyxFQUFFLGNBQWMsQ0FBQyxJQUFJLENBQUM7Z0JBQ3RCLE1BQU0sRUFBRSxnQkFBZ0I7Z0JBQ3hCLGFBQWEsRUFBRSxvQkFBb0I7Z0JBQ25DLFlBQVksRUFBRSxFQUFFO2FBQ2pCLENBQUMsRUFBRSxjQUFjLENBQUMsSUFBSSxDQUFDO2dCQUN0QixNQUFNLEVBQUUsZUFBZTtnQkFDdkIsYUFBYSxFQUFFLHNCQUFzQjtnQkFDckMsWUFBWSxFQUFFLEVBQUU7YUFDakIsQ0FBQyxFQUFFLGNBQWMsQ0FBQyxJQUFJLENBQUM7Z0JBQ3RCLE1BQU0sRUFBRSxrQkFBa0I7Z0JBQzFCLGFBQWEsRUFBRSx1QkFBdUI7Z0JBQ3RDLFlBQVksRUFBRSxFQUFFO2FBQ2pCLENBQUM7U0FBQyxDQUFBO1FBSUgsSUFBSSxDQUFDLElBQUksR0FBRyxJQUFJLFFBQVEsQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFBO1FBQzFDLElBQUksQ0FBQyxJQUFJLENBQUMsV0FBVyxHQUFHLFdBQVcsQ0FBQTtRQUNuQyxJQUFJLENBQUMsSUFBSSxDQUFDLEtBQUssR0FBRyxxQkFBcUIsQ0FBQTtRQUN2QyxJQUFJLENBQUMsSUFBSSxDQUFDLFdBQVcsR0FBRyxJQUFJLENBQUMsR0FBRyxFQUFFLENBQUE7SUFFcEMsQ0FBQztJQUVELGlCQUFpQixDQUFDLEtBQVU7UUFDMUIsT0FBTyxDQUFDLEdBQUcsQ0FBQyxrQkFBa0IsRUFBRSxtQkFBbUIsRUFBRSxLQUFLLENBQUMsQ0FBQTtJQUM3RCxDQUFDO0lBRUQsWUFBWSxDQUFDLEtBQVU7UUFDckIsT0FBTyxDQUFDLEdBQUcsQ0FBQyxrQkFBa0IsRUFBRSxjQUFjLEVBQUUsS0FBSyxDQUFDLENBQUE7SUFDeEQsQ0FBQztJQUVELGFBQWEsQ0FBQyxLQUFVO1FBQ3RCLE9BQU8sQ0FBQyxHQUFHLENBQUMsa0JBQWtCLEVBQUUsZUFBZSxFQUFFLEtBQUssQ0FBQyxDQUFBO0lBQ3pELENBQUM7SUFFRCxnQkFBZ0IsQ0FBQyxLQUFVO1FBQ3pCLE9BQU8sQ0FBQyxHQUFHLENBQUMsa0JBQWtCLEVBQUUsa0JBQWtCLEVBQUUsS0FBSyxDQUFDLENBQUE7SUFDNUQsQ0FBQztJQUVELG1CQUFtQixDQUFDLEtBQVU7UUFDNUIsT0FBTyxDQUFDLEdBQUcsQ0FBQyxrQkFBa0IsRUFBRSxxQkFBcUIsRUFBRSxLQUFLLENBQUMsQ0FBQTtJQUMvRCxDQUFDO0lBRUQsc0JBQXNCLENBQUMsS0FBVTtRQUMvQixPQUFPLENBQUMsR0FBRyxDQUFDLGtCQUFrQixFQUFFLHdCQUF3QixFQUFFLEtBQUssQ0FBQyxDQUFBO0lBQ2xFLENBQUM7OzhHQW5GVSxnQkFBZ0I7a0dBQWhCLGdCQUFnQiwyREFyQmpCOzs7Ozs7Ozs7Ozs7Ozs7OztvQkFpQlE7NEZBSVAsZ0JBQWdCO2tCQXZCNUIsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUscUJBQXFCO29CQUMvQixRQUFRLEVBQUU7Ozs7Ozs7Ozs7Ozs7Ozs7O29CQWlCUTtvQkFDbEIsZUFBZSxFQUFFLHVCQUF1QixDQUFDLE1BQU07b0JBQy9DLGFBQWEsRUFBRSxpQkFBaUIsQ0FBQyxJQUFJO2lCQUN0QyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgVmlld0VuY2Fwc3VsYXRpb259IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtBdXRoUGVybWlzc2lvbiwgQXV0aFJvbGUsIEF1dGhVc2VyfSBmcm9tICdAdGFuZ2VudGlhbC9hdXRob3JpemF0aW9uLXNlcnZpY2UnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICd0YW5qLXVzZXItaXRlbS1kZW1vJyxcbiAgdGVtcGxhdGU6IGA8aDE+VXNlciBJdGVtIERlbW88L2gxPlxuICA8ZGl2IGNsYXNzPSdkZW1vLWNvbnRlbnQnIGxheW91dD1cInJvd1wiIGxheW91dC1hbGlnbj1cImNlbnRlclwiPlxuICAgIDx0YW5qLXVzZXJcbiAgICAgIGZsZXhcbiAgICAgIFt1c2VyXT1cInVzZXJcIlxuICAgICAgW3VzZXJSb2xlc109XCJyb2xlc1wiXG4gICAgICBbdXNlckdyYW50ZWRQZXJtaXNzaW9uc109XCJwZXJtaXNzaW9uc1wiXG4gICAgICBbc2hvd1NlbGVjdG9yXT1cInRydWVcIlxuICAgICAgKHNlbGVjdGlvbkNoYW5nZSk9XCJvblNlbGVjdGlvbkNoYW5nZSgkZXZlbnQpXCJcbiAgICAgIChyZW1vdmVVc2VyKT1cIm9uUmVtb3ZlVXNlcigkZXZlbnQpXCJcbiAgICAgIChhZGRVc2VyUm9sZSk9XCJvbkFkZFVzZXJSb2xlKCRldmVudClcIlxuICAgICAgKHJlbW92ZVVzZXJSb2xlKT1cIm9uUmVtb3ZlVXNlclJvbGUoJGV2ZW50KVwiXG4gICAgICAoYWRkVXNlclBlcm1pc3Npb24pPVwib25BZGRVc2VyUGVybWlzc2lvbigkZXZlbnQpXCJcbiAgICAgIChyZW1vdmVVc2VyUGVybWlzc2lvbik9XCJvblJlbW92ZVVzZXJQZXJtaXNzaW9uKCRldmVudClcIlxuICAgID5cblxuICAgIDwvdGFuai11c2VyPlxuICA8L2Rpdj4gICAgICAgICAgIGAsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lXG59KVxuZXhwb3J0IGNsYXNzIFVzZXJMaXN0SXRlbURlbW8ge1xuXG5cbiAgdXNlcjogQXV0aFVzZXJcblxuICByb2xlczogQXV0aFJvbGVbXSA9IFtcbiAgICBBdXRoUm9sZS5mcm9tKHtcbiAgICAgICcka2V5JzogJ0RlbW9BZG1pbicsXG4gICAgICAnZGVzY3JpcHRpb24nOiAnQWRtaW5pc3RyYXRvcicsXG4gICAgICAnb3JkZXJJbmRleCc6IDEsXG4gICAgfSksXG4gICAgQXV0aFJvbGUuZnJvbSh7XG4gICAgICAnJGtleSc6ICdEZW1vVXNlcicsXG4gICAgICAnZGVzY3JpcHRpb24nOiAnRGVtb1VzZXInLFxuICAgICAgJ29yZGVySW5kZXgnOiAxMFxuICAgIH0pLCBBdXRoUm9sZS5mcm9tKHtcbiAgICAgICcka2V5JzogJ0RlbW9HdWVzdCcsXG4gICAgICAnZGVzY3JpcHRpb24nOiAnRGVtb0d1ZXN0JyxcbiAgICAgICdvcmRlckluZGV4JzogMTVcbiAgICB9KV1cblxuICBwZXJtaXNzaW9uczogQXV0aFBlcm1pc3Npb25bXSA9IFtcbiAgICBBdXRoUGVybWlzc2lvbi5mcm9tKHtcbiAgICAgICcka2V5JzogJ0FkZCB1c2VyJyxcbiAgICAgICdkZXNjcmlwdGlvbic6ICdDcmVhdGUgbmV3IHVzZXJzIG1hbnVhbGx5JyxcbiAgICAgICdvcmRlckluZGV4JzogMVxuICAgIH0pLCBBdXRoUGVybWlzc2lvbi5mcm9tKHtcbiAgICAgICcka2V5JzogJ1JlbW92ZSB1c2VyJyxcbiAgICAgICdkZXNjcmlwdGlvbic6ICdSZW1vdmUgYSB1c2VyIGFjY291bnQnLFxuICAgICAgJ29yZGVySW5kZXgnOiAxMFxuICAgIH0pLCBBdXRoUGVybWlzc2lvbi5mcm9tKHtcbiAgICAgICcka2V5JzogJ0NyZWF0ZSBwZXJtaXNzaW9uJyxcbiAgICAgICdkZXNjcmlwdGlvbic6ICdDcmVhdGUgYSBuZXcgUGVybWlzc2lvbicsXG4gICAgICAnb3JkZXJJbmRleCc6IDIwXG4gICAgfSksIEF1dGhQZXJtaXNzaW9uLmZyb20oe1xuICAgICAgJyRrZXknOiAnTGVhdmUgY29tbWVudCcsXG4gICAgICAnZGVzY3JpcHRpb24nOiAnTGVhdmUgYSBjb21tZW50LicsXG4gICAgICAnb3JkZXJJbmRleCc6IDMwXG4gICAgfSksIEF1dGhQZXJtaXNzaW9uLmZyb20oe1xuICAgICAgJyRrZXknOiAnUmVtb3ZlIGNvbW1lbnQnLFxuICAgICAgJ2Rlc2NyaXB0aW9uJzogJ1JlbW92ZSBhbnkgY29tbWVudCcsXG4gICAgICAnb3JkZXJJbmRleCc6IDQwXG4gICAgfSksIEF1dGhQZXJtaXNzaW9uLmZyb20oe1xuICAgICAgJyRrZXknOiAnVmlldyBjb21tZW50cycsXG4gICAgICAnZGVzY3JpcHRpb24nOiAnVmlldyBwdWJsaWMgY29tbWVudHMnLFxuICAgICAgJ29yZGVySW5kZXgnOiA1MFxuICAgIH0pLCBBdXRoUGVybWlzc2lvbi5mcm9tKHtcbiAgICAgICcka2V5JzogJ1ZpZXcgb3duIHByb2ZpbGUnLFxuICAgICAgJ2Rlc2NyaXB0aW9uJzogJ1ZpZXcgb3duIHByb2ZpbGUgcGFnZScsXG4gICAgICAnb3JkZXJJbmRleCc6IDYwXG4gICAgfSldXG5cblxuICBjb25zdHJ1Y3RvcigpIHtcbiAgICB0aGlzLnVzZXIgPSBuZXcgQXV0aFVzZXIoJ2FiYzEyMzQ1YWJjMjM0JylcbiAgICB0aGlzLnVzZXIuZGlzcGxheU5hbWUgPSAnRGVtbyB1c2VyJ1xuICAgIHRoaXMudXNlci5lbWFpbCA9ICdleGFtcGxlQGV4YW1wbGUuY29tJ1xuICAgIHRoaXMudXNlci5jcmVhdGVkTWlscyA9IERhdGUubm93KClcblxuICB9XG5cbiAgb25TZWxlY3Rpb25DaGFuZ2UoZXZlbnQ6IGFueSkge1xuICAgIGNvbnNvbGUubG9nKCdVc2VyTGlzdEl0ZW1EZW1vJywgJ29uU2VsZWN0aW9uQ2hhbmdlJywgZXZlbnQpXG4gIH1cblxuICBvblJlbW92ZVVzZXIoZXZlbnQ6IGFueSkge1xuICAgIGNvbnNvbGUubG9nKCdVc2VyTGlzdEl0ZW1EZW1vJywgJ29uUmVtb3ZlVXNlcicsIGV2ZW50KVxuICB9XG5cbiAgb25BZGRVc2VyUm9sZShldmVudDogYW55KSB7XG4gICAgY29uc29sZS5sb2coJ1VzZXJMaXN0SXRlbURlbW8nLCAnb25BZGRVc2VyUm9sZScsIGV2ZW50KVxuICB9XG5cbiAgb25SZW1vdmVVc2VyUm9sZShldmVudDogYW55KSB7XG4gICAgY29uc29sZS5sb2coJ1VzZXJMaXN0SXRlbURlbW8nLCAnb25SZW1vdmVVc2VyUm9sZScsIGV2ZW50KVxuICB9XG5cbiAgb25BZGRVc2VyUGVybWlzc2lvbihldmVudDogYW55KSB7XG4gICAgY29uc29sZS5sb2coJ1VzZXJMaXN0SXRlbURlbW8nLCAnb25BZGRVc2VyUGVybWlzc2lvbicsIGV2ZW50KVxuICB9XG5cbiAgb25SZW1vdmVVc2VyUGVybWlzc2lvbihldmVudDogYW55KSB7XG4gICAgY29uc29sZS5sb2coJ1VzZXJMaXN0SXRlbURlbW8nLCAnb25SZW1vdmVVc2VyUGVybWlzc2lvbicsIGV2ZW50KVxuICB9XG5cbn1cblxuIl19