angular2-simple-ui/sui/sui.util/sui.util.visible.pipe.ts

Angular 2 Simple Material Design UI Components customisable with Simple 30 KB CSS with LESS support and full features support , just plugin up and run for clarity look at sample examples

import { PipeTransform, Pipe } from '@angular/core';
import { ColumnModel } from '../sui.table/sui.table.model';

@Pipe({
    name: 'visible'
})
export class VisiblePipe implements PipeTransform {
    transform(items: ColumnModel[], hiddenFields: string[]): any {
        return items.filter(item => {
            return this.isVisible(item, hiddenFields);
        });
    }

    isVisible(column: ColumnModel, hiddenFields: string[]): boolean {
        let exist = hiddenFields.find(y => y === column.fieldName);
        if (exist === undefined)
            return true;
    }
}