squidex/frontend/app/features/rules/pages/events/rule-events-page.component.ts

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

import { Component, OnInit } from '@angular/core';
import { ActivatedRoute } from '@angular/router';
import { ResourceOwner, Router2State, RuleEventDto, RuleEventsState } from '@app/shared';

@Component({
    selector: 'sqx-rule-events-page',
    styleUrls: ['./rule-events-page.component.scss'],
    templateUrl: './rule-events-page.component.html',
    providers: [
        Router2State,
    ],
})
export class RuleEventsPageComponent extends ResourceOwner implements OnInit {
    public selectedEventId: string | null = null;

    constructor(
        private readonly route: ActivatedRoute,
        public readonly ruleEventsRoute: Router2State,
        public readonly ruleEventsState: RuleEventsState,
    ) {
        super();
    }

    public ngOnInit() {
        this.own(
            this.route.queryParams
                .subscribe(() => {
                    const initial =
                        this.ruleEventsRoute.mapTo(this.ruleEventsState)
                            .withPaging('rules', 30)
                            .withString('ruleId')
                            .withString('query')
                            .getInitial();

                    this.ruleEventsState.load(false, initial);
                }));
    }

    public reload() {
        this.ruleEventsState.load(true);
    }

    public enqueue(event: RuleEventDto) {
        this.ruleEventsState.enqueue(event);
    }

    public cancelAll() {
        this.ruleEventsState.cancelAll();
    }

    public cancel(event: RuleEventDto) {
        this.ruleEventsState.cancel(event);
    }

    public selectEvent(id: string) {
        if (this.selectedEventId === id) {
            this.selectedEventId = null;
        } else {
            this.selectedEventId = id;
        }
    }

    public trackByRuleEvent(_index: number, ruleEvent: RuleEventDto) {
        return ruleEvent.id;
    }
}