Commit 8ffa067

committed

Added Matomo analytics to the Skills component

1 parent 665060b commit 8ffa067Copy full SHA for 8ffa067

File tree

3 files changed

+20

-40

lines changed

src/app/skills

3 files changed

+20

-40

lines changed

`‎src/app/skills/models/struct-skill.ts‎`

Lines changed: 7 additions & 38 deletions

Original file line number	Diff line number	Diff line change
`@@ -6,55 +6,24 @@ export class StructSkill {`
`6`	`6`	`static DefaultHeight: string = "80px";`
`7`	`7`	`static CategoryWeightThreshold = 0.5;`
`8`	`8`
`9`		`- item: string;`
`10`		`- fontSize: string;`
`11`		`- percentOfTime: number;`
`12`		`- kind: string;`
`13`		`- successors: StructSkill[];`
	`9`	`+ id!: number;`
	`10`	`+ item!: string;`
	`11`	`+ fontSize!: string;`
	`12`	`+ percentOfTime!: number;`
	`13`	`+ kind!: string;`
	`14`	`+ successors!: StructSkill[];`
`14`	`15`	`public expandCollapseIcon: string = "arrow_drop_down_circle";`
`15`	`16`
`16`	`17`	`public nodeAlwaysVisible: boolean = false;`
`17`	`18`	`//private _nodeVisible: boolean = false;`
`18`		`-`
`19`		`- constructor(`
`20`		`- itemObj: any,`
`21`		`- fontSize: any,`
`22`		`- percentOfTime: any,`
`23`		`- kind: any,`
`24`		`- childrenArr?: any[]`
`25`		`- ) {`
`26`		`- this.item = itemObj;`
`27`		`- this.fontSize = fontSize;`
`28`		`- this.percentOfTime = percentOfTime;`
`29`		`- this.kind = kind;`
`30`		`- this.successors = childrenArr`
`31`		`- ? StructSkill.CreateChildrenArray(childrenArr)`
`32`		`- : [];`
`33`		`- }`
`34`		`-`
`35`		`- static CreateChildrenArray(childrenArr?: any[]) {`
`36`		`- let snChildren = new Array<StructSkill>();`
`37`		`- if (childrenArr) {`
`38`		`- childrenArr.map(child => {`
`39`		`- let sn = new StructSkill(`
`40`		`- child.item,`
`41`		`- child.fontSize,`
`42`		`- child.percentOfTime,`
`43`		`- child.kind,`
`44`		`- child.successors`
`45`		`- );`
`46`		`- snChildren.push(sn);`
`47`		`- });`
`48`		`- }`
`49`		`- return snChildren;`
`50`		`- }`
`51`	`19`	`}`
`52`	`20`
`53`	`21`	`export class SkillFlatNode {`
`54`	`22`	`constructor(`
`55`	`23`	`public expandable: boolean,`
`56`	`24`	`public name: string,`
`57`	`25`	`public fontSize: string,`
	`26`	`+ public itemId: number,`
`58`	`27`	`public percentOfTime: number,`
`59`	`28`	`public kind: string,`
`60`	`29`	`public level: number`

`‎src/app/skills/skills.component.html‎`

Lines changed: 1 addition & 1 deletion

Original file line number	Diff line number	Diff line change
`@@ -16,7 +16,7 @@`
`16`	`16`	`<button`
`17`	`17`	`mat-icon-button`
`18`	`18`	`matTreeNodeToggle`
`19`		`- [attr.aria-label]="'toggle ' + node.name"`
	`19`	`+ [attr.aria-label]="'toggle ' + node.name"(click)="trackNodeExpandCollapse(node)"`
`20`	`20`	`>`
`21`	`21`	`<mat-icon class="mat-icon-rtl-mirror" color="accent">`
`22`	`22`	`{{treeControl.isExpanded(node) ? 'expand_more' : 'chevron_right'}}`

`‎src/app/skills/skills.component.ts‎`

Lines changed: 12 additions & 1 deletion

Original file line number	Diff line number	Diff line change
`@@ -6,6 +6,8 @@ import {`
`6`	`6`	`MatTreeFlattener`
`7`	`7`	`} from "@angular/material/tree";`
`8`	`8`
	`9`	`+import { MatomoTracker } from 'ngx-matomo';`
	`10`	`+`
`9`	`11`	`import { StructSkill, SkillFlatNode } from "./models/struct-skill";`
`10`	`12`	`import { SkillsService } from "./skills.service";`
`11`	`13`
`@@ -24,6 +26,7 @@ export class SkillsComponent implements OnInit {`
`24`	`26`	`!!node.successors && node.successors.length > 0,`
`25`	`27`	`node.item,`
`26`	`28`	`node.fontSize,`
	`29`	`+ node.id,`
`27`	`30`	`node.percentOfTime,`
`28`	`31`	`node.kind,`
`29`	`32`	`level`
`@@ -32,7 +35,8 @@ export class SkillsComponent implements OnInit {`
`32`	`35`
`33`	`36`	`dataSource: MatTreeFlatDataSource<StructSkill, SkillFlatNode>;`
`34`	`37`
`35`		`- constructor(private skillsService: SkillsService) {`
	`38`	`+ constructor(private skillsService: SkillsService,`
	`39`	`+ private matomoTracker: MatomoTracker) {`
`36`	`40`	`this.treeControl = new FlatTreeControl<SkillFlatNode>(`
`37`	`41`	`node => node.level,`
`38`	`42`	`node => node.expandable`
`@@ -60,13 +64,20 @@ export class SkillsComponent implements OnInit {`
`60`	`64`	`}`
`61`	`65`
`62`	`66`	`ngOnInit(): void {`
	`67`	`+ this.matomoTracker.setDocumentTitle('ngx-Matomo SkillsComponent');`
`63`	`68`	`this.skillsService.getAll();`
`64`	`69`	`}`
`65`	`70`
`66`	`71`	`hasChild = (index: number, node: SkillFlatNode): boolean => {`
	`72`	`+ /*`
`67`	`73`	`console.log(`
`68`	`74`	`hasChild: node.name = ${node.name} node.expandable = ${node.expandable}`
`69`	`75`	`);`
	`76`	`+ */`
`70`	`77`	`return node.expandable;`
`71`	`78`	`};`
	`79`	`+`
	`80`	`+ trackNodeExpandCollapse(node: SkillFlatNode): void {`
	`81`	+ this.matomoTracker.trackEvent('Node expanded or collapsed', `Node with itemId ${node.itemId} is expanded? ${this.treeControl.isExpanded(node)}`, node.name, node.level);
	`82`	`+ }`
`72`	`83`	`}`

0 commit comments

Comments

(0)

Navigation Menu

Search code, repositories, users, issues, pull requests...

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

Commit 8ffa067

File tree

3 files changed

3 files changed

`‎src/app/skills/models/struct-skill.ts‎`

`‎src/app/skills/skills.component.html‎`

`‎src/app/skills/skills.component.ts‎`

0 commit comments