Summary Table
Categories |
Total Count |
PII |
0 |
URL |
0 |
DNS |
0 |
EKL |
0 |
IP |
0 |
PORT |
0 |
VsID |
0 |
CF |
0 |
AI |
0 |
VPD |
0 |
PL |
0 |
Other |
0 |
File Content
// import {
// Directive,
// HostBinding,
// HostListener,
// ElementRef,
// Renderer2,
// AfterViewInit
// } from '@angular/core';
// @Directive({
// selector: '[appTooltip]'
// })
// export class TooltipDirective implements AfterViewInit {
// constructor(private el: ElementRef, private renderer: Renderer2) {}
// ngAfterViewInit() {
// const element = this.el.nativeElement;
// // sets element styles based on the tooltips.scss file's ".tooltip:hover span, .tooltip a:focus span" class
// this.renderer.listen(element, 'focus', () => {
// if (element.querySelector('span').innerHTML) {
// this.renderer.addClass(element.querySelector('span'), 'show-tooltip');
// }
// });
// // undoes the above function's styles
// this.renderer.listen(element, 'blur', () => {
// this.renderer.removeClass(element.querySelector('span'), 'show-tooltip');
// });
// // forces a focus on mouseenter to prevent two tooltips from rendering at once
// this.renderer.listen(element, 'mouseenter', () => {
// this.renderer.addClass(element.querySelector('span'), 'show-tooltip');
// //element.focus();
// });
// this.renderer.listen(element, 'mouseleave', () => {
// //element.blur();
// this.renderer.removeClass(element.querySelector('span'), 'show-tooltip');
// });
// }
// }