alfresco-ng2-components/demo-shell/src/app/components/app-layout/cloud/people-groups-cloud-demo.component.ts

/*!
 * @license
 * Copyright 2019 Alfresco Software, Ltd.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

import { Component, ViewEncapsulation } from '@angular/core';
import { PeopleCloudComponent, GroupCloudComponent, GroupModel } from '@alfresco/adf-process-services-cloud';
import { MatRadioChange } from '@angular/material';

@Component({
    selector: 'app-people-groups-cloud',
    templateUrl: './people-groups-cloud-demo.component.html',
    styleUrls: ['./people-groups-cloud-demo.component.scss'],
    encapsulation: ViewEncapsulation.None
})
export class PeopleGroupCloudDemoComponent {

    DEFAULT_GROUP_PLACEHOLDER: string = `[{"id": "1", "name":"activitiUserGroup"}]`;
    DEFAULT_PEOPLE_PLACEHOLDER: string = `[{"email": "example@alfresco.com", "firstName":"Administrator", "lastName": "ADF"}]`;

    peopleMode: string = PeopleCloudComponent.MODE_SINGLE;
    preSelectUsers: string[] = [];
    peopleRoles: string[] = [];

    groupMode: string = GroupCloudComponent.MODE_SINGLE;
    preSelectGroup: GroupModel[] = [];
    selectedGroupList: GroupModel[] = [];
    groupRoles: string[];

    setPeoplePreselectValue(event: any) {
        this.preSelectUsers = this.getArrayFromString(event.target.value);
    }

    setGroupsPreselectValue(event: any) {
        this.preSelectGroup = this.getArrayFromString(event.target.value);
    }

    setPeopleRoles(event: any) {
        this.peopleRoles = this.getArrayFromString(event.target.value);
    }

    setGroupRoles(event: any) {
        this.groupRoles = this.getArrayFromString(event.target.value);
    }

    onChangePeopleMode(event: MatRadioChange) {
       this.peopleMode = event.value;
       this.preSelectUsers = [...this.preSelectUsers];
    }

    onChangeGroupsMode(event: MatRadioChange) {
        this.groupMode = event.value;
        this.preSelectGroup = [...this.preSelectGroup];
    }

    isStringArray(str: string) {
        try {
            const result = JSON.parse(str);
            return Array.isArray(result);
        } catch (e) {
            return false;
        }
    }

    private getArrayFromString(value: string) {

        if (this.isStringArray(value)) {
            return JSON.parse(value);
        } else {
            return [];
        }
    }

    canShowPeopleList() {
        return this.peopleMode === GroupCloudComponent.MODE_MULTIPLE;
    }

    canShowGroupList() {
        return this.groupMode === GroupCloudComponent.MODE_MULTIPLE;
    }

    onRemoveGroup(group: GroupModel) {
        this.preSelectGroup = this.preSelectGroup.filter((value: any) => value.id !== group.id);
    }

    onSelectGroup(group: GroupModel) {
        if (this.groupMode === GroupCloudComponent.MODE_MULTIPLE) {
            this.preSelectGroup.push(group);
        }
    }

    get peopleSingleMode() {
        return PeopleCloudComponent.MODE_SINGLE;
    }

    get peopleMultipleMode() {
        return PeopleCloudComponent.MODE_MULTIPLE;
    }

    get groupSingleMode() {
        return GroupCloudComponent.MODE_SINGLE;
    }

    get groupMultipleMode() {
        return GroupCloudComponent.MODE_MULTIPLE;
    }
}