squidex/frontend/app/framework/angular/routers/parent-link.directive.ts

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

import { Directive, ElementRef, HostListener, Input, OnInit, Renderer2 } from '@angular/core';
import { ActivatedRoute, Router } from '@angular/router';

import { ResourceOwner } from '@app/framework/internal';

@Directive({
    selector: '[sqxParentLink]'
})
export class ParentLinkDirective extends ResourceOwner implements OnInit {
    private url: string;

    @Input()
    public isLazyLoaded = false;

    constructor(
        private readonly router: Router,
        private readonly route: ActivatedRoute,
        private readonly element: ElementRef,
        private readonly renderer: Renderer2
    ) {
        super();
    }

    public ngOnInit() {
        this.own(
            this.route.url.subscribe(() => {
                this.url = this.isLazyLoaded ?
                    this.router.createUrlTree(['.'], { relativeTo: this.route.parent!.parent }).toString() :
                    this.router.createUrlTree(['.'], { relativeTo: this.route.parent }).toString();

                this.renderer.setProperty(this.element.nativeElement, 'href', this.url);
            }));
    }

    @HostListener('click')
    public onClick(): boolean {
        this.router.navigateByUrl(this.url);

        return false;
    }
}