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.
36 lines
1011 B
36 lines
1011 B
/*
|
|
* 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() {
|
|
this.renderer.setAttribute(this.element.nativeElement, 'target', '_blank');
|
|
this.renderer.setAttribute(this.element.nativeElement, 'rel', 'noopener');
|
|
|
|
if (this.type !== 'noicon') {
|
|
const icon = this.renderer.createElement('i');
|
|
|
|
this.renderer.addClass(icon, 'icon-external-link');
|
|
this.renderer.addClass(icon, 'ml-1');
|
|
|
|
this.renderer.appendChild(this.element.nativeElement, icon);
|
|
}
|
|
}
|
|
}
|