alfresco-ng2-components/lib/core/card-view/services/card-view-update.service.ts

/*!
 * @license
 * Copyright 2016 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 { Injectable } from '@angular/core';
import { Observable, Subject } from 'rxjs';
import { CardViewBaseItemModel } from '../models/card-view-baseitem.model';

export interface UpdateNotification {
    target: any;
    changed: any;
}

export interface ClickNotification {
    target: any;
}

export function transformKeyToObject(key: string, value): Object {
    const objectLevels: string[] = key.split('.').reverse();

    return objectLevels.reduce<{}>((previousValue, currentValue) => {
        return { [currentValue]: previousValue};
    }, value);
}

@Injectable({
    providedIn: 'root'
})
export class CardViewUpdateService {

    // Observable sources
    private itemUpdatedSource = new Subject<UpdateNotification>();
    private itemClickedSource = new Subject<ClickNotification>();

    // Observable streams
    public itemUpdated$ = <Observable<UpdateNotification>> this.itemUpdatedSource.asObservable();
    public itemClicked$ = <Observable<ClickNotification>> this.itemClickedSource.asObservable();

    update(property: CardViewBaseItemModel, newValue: any) {
        this.itemUpdatedSource.next({
            target: property,
            changed: transformKeyToObject(property.key, newValue)
        });
    }

    clicked(property: CardViewBaseItemModel) {
        this.itemClickedSource.next({
            target: property
        });
    }
}