MaDgiK-CITE
/
argos
13
0
Fork 0
Code Issues Pull Requests Projects Releases 3 Wiki Activity

Improvements & fixes for the User Guide content component

This commit is contained in:
George Kalampokis 2020-02-13 18:18:54 +02:00
parent 9018795e6e
commit 551db6a998
2 changed files with 6 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
dmp-frontend/src/app/ui/user-guide/user-guide-content/user-guide-content.component.scss
View File

@ -1,5 +1,5 @@
:host ::ng-deep .href{
color: lightblue !important;
color: -webkit-link !important;
}
:host :hover ::ng-deep .href {

8
dmp-frontend/src/app/ui/user-guide/user-guide-content/user-guide-content.component.ts
View File

@ -13,6 +13,7 @@ export class UserGuideContentComponent extends BaseComponent implements OnInit,
guideHTML: any;
private scrollEvent: EventListener;
constructor(
private userGuideService: UserGuideService,
@ -20,7 +21,7 @@ export class UserGuideContentComponent extends BaseComponent implements OnInit,
) { super(); }
ngOnInit() {
this.scrollEvent = ((ev) => this.scroll(ev));
this.userGuideService.getUserGuide()
.pipe(takeUntil(this._destroyed))
.subscribe(response => {
@ -44,14 +45,15 @@ export class UserGuideContentComponent extends BaseComponent implements OnInit,
}
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() {
const specialElements: HTMLCollection = document.getElementsByClassName('href');
for (let i = 0; i < specialElements.length; i++) {
const element = specialElements.item(i);
element.addEventListener('click',(ev) => this.scroll(ev));
element.removeEventListener('click', this.scrollEvent);
element.addEventListener('click', this.scrollEvent);
}
}