alfresco-ng2-components/docs/content-services/components/add-permission-dialog.component.md

---
Title: Add Permission Dialog Component
Added: v2.4.0
Status: Active
Last reviewed: 2024-05-07
---

# Add Permission Dialog Component

`import { NodePermissionDialogService } from '@alfresco/adf-content-services';`

Displays a dialog to search for people or groups to add to the current node permissions.

![Add Permission Component](../../docassets/images/add-permission-component.png)

## Basic Usage

```ts
import { NodePermissionDialogService } from '@alfresco/adf-content-services';
import { inject } from '@angular/core';

export class MyComponent {
    private nodePermissionDialogService = inject(NodePermissionDialogService);

    showDialog() {
        this.nodePermissionDialogService
            .openAddPermissionDialog(this.nodeId)
            .subscribe((selectedNodes) => {
                //action for selected nodes
            },
            (error) => {
                this.showErrorMessage(error);
            });
    }
}
```

## Details

This component extends the [Add permission panel component](add-permission-panel.component.md)
to apply the chosen selection of permissions when they are accepted.

You can open the dialog with the `openAddPermissionDialog` method from the
[Node Permission Dialog Service](../services/node-permission-dialog.service.md).
This returns an [`Observable`](http://reactivex.io/documentation/observable.html)
that you can subscribe to, so you can get the details of the node after the update.

Use the `updateNodePermissionByDialog` method from the service to update node permissions, as shown in
the following example:

```ts
import { NodePermissionDialogService } from '@alfresco/adf-content-services';
import { inject } from '@angular/core';

export class MyComponent {
    private nodePermissionDialogService = inject(NodePermissionDialogService);
    
    updateNodePermissions() {
        this.nodePermissionDialogService.updateNodePermissionByDialog(this.nodeId).subscribe((node) => {
            //updated node
        },
        (error) => {
            this.showErrorMessage(error);
        });
    }
}
```

## See also

-   [Node permission dialog service](../services/node-permission-dialog.service.md)
-   [Add permission panel component](add-permission-panel.component.md)