Searches Groups.

Contents

Basic Usage

<adf-cloud-group
    [appName]="'simple-app'"
    [mode]="'multiple'">
</adf-cloud-group>

adf-cloud-group

Class members

Properties

NameTypeDefault valueDescription
appNamestringName of the application. If specified this shows the groups who have access to the app.
groupChipsCtrlFormControl<any>FormControl to list of group
modeComponentSelectionMode"single"Group selection mode (single/multiple).
preSelectGroupsIdentityGroupModel[][]Array of groups to be pre-selected. This pre-selects all groups in multi selection mode and only the first group of the array in single selection mode.
readOnlybooleanfalseShow the info in readonly mode
requiredbooleanfalseMark this field as required
rolesstring[][]Role names of the groups to be listed.
searchGroupsControlFormControl<any>FormControl to search the group
titlestringTitle of the field
validatebooleanfalseThis flag enables the validation on the preSelectGroups passed as input. In case the flag is true the components call the identity service to verify the validity of the information passed as input. Otherwise, no check will be done.

Events

NameTypeDescription
changedGroupsEventEmitter<IdentityGroupModel[]>Emitted when a group selection change.
removeGroupEventEmitter<IdentityGroupModel>Emitted when a group is removed.
selectGroupEventEmitter<IdentityGroupModel>Emitted when a group is selected.
warningEventEmitter<any>Emitted when an warning occurs.

Details

Selection Mode

You can specify either single selection or multiple selection (single is the default):

Single selection

<adf-cloud-group></adf-cloud-group>

adf-cloud-group

Multiple selection

<adf-cloud-group
    [mode]="'multiple'">
</adf-cloud-group>

adf-cloud-group

Pre-selection

Usage example:

import { ObjectDataTableAdapter }  from '@alfresco/adf-core';

@Component({...})
class MyComponent {
    groups: any;

    constructor() {
        this.groups =
            [
                {id: 1, name: 'Group 1'},
                {id: 2, name: 'Group 2'}
            ];
    }
}
<adf-cloud-group
    [mode]="'multiple'"
    [preSelectGroups]="groups">
</adf-cloud-group>

Read-only

You can use readonly property to set the component in readonly mode. Readonly mode will disable any interaction with the component.

<adf-cloud-group
    [appName]="'simple-app'"
    [mode]="'multiple'"
    [preSelectGroups]="groups"
    [readOnly]="true">
</adf-cloud-group>

If you want to manage each group seperately you can set their readonly property at your preference. You need to have component's readonly property set to false. Component's readonly mode overwrites groups level.

You can use readonly property to make preselected groups read-only in multiple mode.

Usage example:

import { ObjectDataTableAdapter }  from '@alfresco/adf-core';

@Component({...})
class MyComponent {
    groups: any;

    constructor() {
        this.groups =
            [
                {id: 1, name: 'Group 1', readonly: true},
                {id: 2, name: 'Group 2', readonly: false}
            ];
    }
}
<adf-cloud-group
    [mode]="'multiple'"
    [preSelectGroups]="groups">
</adf-cloud-group>

from above preSelectGroups, Group 2 is removable from the preSelectGroups whereas Group 1 is readonly you can not remove them.

© 2023 Alfresco Software, Inc. All Rights Reserved.