loke/ng2-fittext
1
0
Fork 0
Code Issues 2 Pull requests 2 Projects Releases 3 Packages Wiki Activity Actions

Exposed as module

Browse source
This commit is contained in:
Lorenzo Iovino 2017-03-16 23:03:48 +01:00
parent 6f7cfd8479
commit 8d6dfd3cd0
9 changed files with 23 additions and 15 deletions
Download patch file Download diff file Expand all files Collapse all files

46
src/fittext.directive.ts
View file

@ -1,46 +0,0 @@
import {Directive, ElementRef, Renderer, Input, AfterViewInit, HostListener} from '@angular/core';
@Directive({
selector: '[fittext]'
})
export class FittextDirective implements AfterViewInit {
@Input('fittext') fittext: any;
@Input('container') container: any;
@Input('onResize') activateOnResize: boolean;
public fontSize:number = 0;
public speed:number = 1.05;
constructor(public el: ElementRef, public renderer: Renderer) {
}
checkOverflow(parent:any, children:any) {
return (children.clientHeight > parent.clientHeight || children.scrollWidth > parent.clientWidth);
}
@HostListener('window:resize', ['$event'])
onResize() {
if(this.activateOnResize){
this.fontSize = 0;
this.ngAfterViewInit();
}
}
ngAfterViewInit() {
if (this.fittext) {
if(this.fontSize == 0){
this.fontSize = this.container.clientWidth;
this.el.nativeElement.style.setProperty('font-size', (this.fontSize).toString()+'px');
}
let overflow = this.checkOverflow(this.container, this.el.nativeElement);
if(overflow) {
if(this.fontSize < 2) {
return;
}
this.fontSize = Math.floor(this.fontSize/this.speed);
this.el.nativeElement.style.setProperty('font-size', (this.fontSize).toString()+'px');
this.ngAfterViewInit();
}
}
}
}