0

Gostaria de uma ajuda com um pipe. A finalidade do pipe é filtrar em uma lista de anúncios de veículos algumas propriedades. Por exemplo: marca, combustível, tipo e etc. Até aqui tudo funciona, mas preciso também filtrar os opcionais, que é um array de objetos. Segue um resumo do pipe (com algumas tentativas em comentário):

import { Pipe, PipeTransform } from '@angular/core';
@Pipe({
    name: 'filterDataVeiculo'
})

export class FilterDataVeiculoPipe implements PipeTransform {
    transform(items: Array<any>, tipoSearch: string, marcaSearch: any=[], 
    combustivelSearch: string, cambioSearch: string,
    opcionalSearch: any=[], modeloSearch: string, estadoSearch: string, cidadeSearch: string){
        //pcdSearch: boolean, 
        if(items && items.length){
            return items.filter(item => {
                if(marcaSearch && item.veiculo.marca.nome.toLowerCase().indexOf(marcaSearch.nome.toLocaleLowerCase()) === -1) {
                    return false;
                }
                if(cambioSearch && item.veiculo.cambio.toString().indexOf(cambioSearch) === -1) {
                    return false;
                }
                //if(opcionalSearch && item.veiculo.opcionais.some(getOpcional(opcionalSearch['nome']))){
                //if(opcionalSearch && item.veiculo.opcionais.findIndex(opcObj => opcionalSearch.findIndex(m => m.id == opcObj.id) > -1)){
                //if(opcionalSearch && item.veiculo.opcionais.find(obj => opcionalSearch.findIndex(m => m.id == obj.id) > -1)) {
                if(opcionalSearch && opcionalSearch.indexOf(x => item.veiculo.opcionais.id.indexOf(x.id)) > -1) {
                    return false;
                }
                return true;
            })
        }
        else {
            return items;
        } 
    }
}

A lista de anúncios é similiar ao objeto abaixo:

{
    "id": 33,
    "instante": "04/01/2019 11:37",
    "cliente": {
        "id": 3,
        "nome": "Bruce Wayne",
    },
    "tipo": "VEICULO",
    "veiculo": {
        "id": 14,
        "tipo": "carros",
        "estado": "USADO",
        "marca": {
            "id": 25,
            "nome": "Honda",
        },
        "modelo": {
            "id": 7150,
            "nome": "HR-V EX 1.8 Flexone 16V 5p Aut.",
            "marca": {
                "id": 25,
                "nome": "Honda",
            }
        },
        "opcionais": [
            {
                "id": 1,
                "nome": "AIR-BAG"
            },
            {
                "id": 3,
                "nome": "AR-CONDICIONADO"
            },
            {
                "id": 4,
                "nome": "AR-CONDICIONADO DIGITAL"
            },
            {
                "id": 5,
                "nome": "BANCO DE COURO"
            },
            {
                "id": 6,
                "nome": "DIREÇÃO ELÉTRICA"
            },
            {
                "id": 7,
                "nome": "FAROL DE NEBLINA"
            },
        ],
        "combustivel": "FLEX",
        "cambio": 1,
        "kmRodados": 10000,
        "cor": {
            "id": 6,
            "nome": "Vermelho"
        },
        "finalPlaca": "2",
        "valor": 86000,
        "anoFabricacao": "2018",
        "anoModelo": "2018",
        "dataCadastro": "04/01/2019",
    },
    "dataInicio": null,
    "dataTermino": null,
}

Como filtrar os opcionais, utilizando a mesma lógica aplicada no pipe?

1
  • corrigi a sua pergunta, pois não é correto escrever o código como se fosse texto. Sempre que postar o código, ao terminar, selecione todo o código e clique em { } para que o mesmo fique formatado como código e não como texto.
    – Cadu
    Commented 14/01/2019 às 14:07

1 Resposta 1

1

Depois de muitos testes, consegui resolver a minha questão. Vou deixar a solução para futuras pesquisas. Inverti a lógica e utilizei o some e o findIndex.

    if(opcionalSearch && opcionalSearch.some(x => item.veiculo.opcionais.findIndex(m => m.id === x.id) === -1)) {
    return false;
}

opcionalSearch - Array de opcionais selecionados para filtrar.
item.veiculo.opcionais - Opcionais do item salvo.

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .