mirror of https://github.com/Squidex/squidex.git
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
38 lines
1.0 KiB
38 lines
1.0 KiB
/*
|
|
* Squidex Headless CMS
|
|
*
|
|
* @license
|
|
* Copyright (c) Squidex UG (haftungsbeschränkt). All rights reserved.
|
|
*/
|
|
|
|
import { AfterViewInit, Directive, ElementRef, Input, Renderer2 } from '@angular/core';
|
|
|
|
@Directive({
|
|
selector: '[sqxExternalLink]'
|
|
})
|
|
export class ExternalLinkDirective implements AfterViewInit {
|
|
@Input('sqxExternalLink')
|
|
public type?: string;
|
|
|
|
constructor(
|
|
private readonly element: ElementRef<Element>,
|
|
private readonly renderer: Renderer2
|
|
) {
|
|
}
|
|
|
|
public ngAfterViewInit() {
|
|
const element = this.element.nativeElement;
|
|
|
|
this.renderer.setProperty(element, 'target', '_blank');
|
|
this.renderer.setProperty(element, 'rel', 'noopener');
|
|
|
|
if (this.type !== 'noicon') {
|
|
const icon = this.renderer.createElement('i');
|
|
|
|
this.renderer.addClass(icon, 'icon-external-link');
|
|
|
|
this.renderer.appendChild(element, this.renderer.createText(' '));
|
|
this.renderer.appendChild(element, icon);
|
|
}
|
|
}
|
|
}
|