squidex/frontend/app/shared/components/search/queries/query.component.ts

/*
 * Squidex Headless CMS
 *
 * @license
 * Copyright (c) Squidex UG (haftungsbeschränkt). All rights reserved.
 */

import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';

import {
    LanguageDto,
    Query,
    QueryModel
} from '@app/shared/internal';

@Component({
    selector: 'sqx-query',
    styleUrls: ['./query.component.scss'],
    templateUrl: './query.component.html',
    changeDetection: ChangeDetectionStrategy.OnPush
})
export class QueryComponent {
    @Output()
    public queryChange = new EventEmitter<Query>();

    @Input()
    public language: LanguageDto;

    @Input()
    public model: QueryModel;

    @Input()
    public set query(query: Query) {
        if (!query) {
            query = {};
        }

        if (!query.filter) {
            query.filter = { and: [] };
        }

        if (!query.sort) {
            query.sort = [];
        }

        this.queryValue = query;
    }

    public queryValue: Query = {};

    public addSorting() {
        const path = Object.keys(this.model.fields)[0];

        if (this.queryValue.sort) {
            this.queryValue.sort.push({ path, order: 'ascending' });
        }

        this.emitQueryChange();
    }

    public removeSorting(index: number) {
        if (this.queryValue.sort) {
            this.queryValue.sort.splice(index, 1);
        }

        this.emitQueryChange();
    }

    public emitQueryChange() {
        this.queryChange.emit(this.queryValue);
    }
}