Improvements & fixes for the User Guide content component
This commit is contained in:
parent
9018795e6e
commit
551db6a998
|
@ -1,5 +1,5 @@
|
||||||
:host ::ng-deep .href{
|
:host ::ng-deep .href{
|
||||||
color: lightblue !important;
|
color: -webkit-link !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
:host :hover ::ng-deep .href {
|
:host :hover ::ng-deep .href {
|
||||||
|
|
|
@ -13,6 +13,7 @@ export class UserGuideContentComponent extends BaseComponent implements OnInit,
|
||||||
|
|
||||||
|
|
||||||
guideHTML: any;
|
guideHTML: any;
|
||||||
|
private scrollEvent: EventListener;
|
||||||
|
|
||||||
constructor(
|
constructor(
|
||||||
private userGuideService: UserGuideService,
|
private userGuideService: UserGuideService,
|
||||||
|
@ -20,7 +21,7 @@ export class UserGuideContentComponent extends BaseComponent implements OnInit,
|
||||||
) { super(); }
|
) { super(); }
|
||||||
|
|
||||||
ngOnInit() {
|
ngOnInit() {
|
||||||
|
this.scrollEvent = ((ev) => this.scroll(ev));
|
||||||
this.userGuideService.getUserGuide()
|
this.userGuideService.getUserGuide()
|
||||||
.pipe(takeUntil(this._destroyed))
|
.pipe(takeUntil(this._destroyed))
|
||||||
.subscribe(response => {
|
.subscribe(response => {
|
||||||
|
@ -44,14 +45,15 @@ export class UserGuideContentComponent extends BaseComponent implements OnInit,
|
||||||
}
|
}
|
||||||
|
|
||||||
scroll(ev: Event) {
|
scroll(ev: Event) {
|
||||||
document.getElementById((ev.srcElement as any).getAttribute('path')).scrollIntoView({ behavior: "smooth", block: "start" });
|
document.getElementById((ev.srcElement as any).getAttribute('path')).scrollIntoView({behavior: 'smooth', block: 'start'});
|
||||||
}
|
}
|
||||||
|
|
||||||
private parse() {
|
private parse() {
|
||||||
const specialElements: HTMLCollection = document.getElementsByClassName('href');
|
const specialElements: HTMLCollection = document.getElementsByClassName('href');
|
||||||
for (let i = 0; i < specialElements.length; i++) {
|
for (let i = 0; i < specialElements.length; i++) {
|
||||||
const element = specialElements.item(i);
|
const element = specialElements.item(i);
|
||||||
element.addEventListener('click',(ev) => this.scroll(ev));
|
element.removeEventListener('click', this.scrollEvent);
|
||||||
|
element.addEventListener('click', this.scrollEvent);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue