hazza/dspace-angular
1
0
Fork 1
mirror of https://github.com/DSpace/dspace-angular.git synced 2025-10-18 07:23:03 +00:00
Code Issues Packages Projects Releases Wiki Activity

print commit

Browse Source
This commit is contained in:
Lotte Hofstede
2017-12-18 13:57:01 +01:00
parent 71a8ed05d1
commit d7c2b09697
2 changed files with 11 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
src/app/shared/truncatable/truncatable.component.html
View File

@@ -1 +1,2 @@
<span dsShave [shave]="{character: '...'}" [shaveHeight]="height | async" [innerHTML]="innerHTML"></span> <span dsShave [shave]="{character: '...'}" [shaveHeight]="styles.toString()" [innerHTML]="innerHTML"></span>
{{print(styles)}}

12
src/app/shared/truncatable/truncatable.component.ts
View File

@@ -11,16 +11,22 @@ import { NativeWindowRef, NativeWindowService } from '../window.service';
selector: 'ds-truncatable', selector: 'ds-truncatable',
templateUrl: './truncatable.component.html' templateUrl: './truncatable.component.html'
}) })
export class TruncatableComponent implements AfterViewChecked { export class TruncatableComponent implements OnInit {
@Input() lines: Observable<number>; @Input() lines: Observable<number>;
@Input() innerHTML; @Input() innerHTML;
@Input() height: Observable<number>; @Input() height: Observable<number>;
styles: any;
public constructor(private elementRef:ElementRef, @Inject(NativeWindowService) private _window: NativeWindowRef) { } public constructor(private elementRef:ElementRef, @Inject(NativeWindowService) private _window: NativeWindowRef) { }
ngAfterViewChecked(): void { ngOnInit(): void {
const lineHeight = this._window.nativeWindow.getComputedStyle(this.elementRef.nativeElement).lineHeight.replace('px', ''); const lineHeight = this._window.nativeWindow.getComputedStyle(this.elementRef.nativeElement).lineHeight.replace('px', '');
this.styles = this._window.nativeWindow.getComputedStyle(this.elementRef.nativeElement);
this.height = this.lines.map((lines) => (lines * lineHeight)).startWith(0); this.height = this.lines.map((lines) => (lines * lineHeight)).startWith(0);
this.height.subscribe((h) => console.log('height: ', h)); this.print(this.styles);
}
print(styles) {
console.log(styles);
} }
} }