diff --git a/src/app/app.component.html b/src/app/app.component.html index 5cd4c170..68d0cce1 100644 --- a/src/app/app.component.html +++ b/src/app/app.component.html @@ -16,14 +16,6 @@
{{ subtitle }}
- Fork me on GitHub diff --git a/src/app/app.component.spec.ts b/src/app/app.component.spec.ts index 6cf17ff2..b7c68182 100644 --- a/src/app/app.component.spec.ts +++ b/src/app/app.component.spec.ts @@ -22,12 +22,4 @@ describe('AppComponent', () => { it('should create the app', () => { expect(app).toBeTruthy(); }); - - it('check for fork me on github ribbon generation', () => { - const fixture = TestBed.createComponent(AppComponent); - const HTMLElement: HTMLElement = fixture.nativeElement; - var divTag = HTMLElement.querySelector('div')!; - var aTag = divTag.querySelector('a')!; - expect(aTag.textContent).toContain('GitHub'); - }); }); diff --git a/src/app/component/sidenav-buttons/sidenav-buttons.component.html b/src/app/component/sidenav-buttons/sidenav-buttons.component.html index 9aa49d0b..d0bddb68 100644 --- a/src/app/component/sidenav-buttons/sidenav-buttons.component.html +++ b/src/app/component/sidenav-buttons/sidenav-buttons.component.html @@ -3,6 +3,10 @@ {{ Icons[i] }}

{{ Options[i] }}

+ + +

GitHub

+
diff --git a/src/app/component/sidenav-buttons/sidenav-buttons.component.spec.ts b/src/app/component/sidenav-buttons/sidenav-buttons.component.spec.ts index fd22d9bb..6e04c495 100644 --- a/src/app/component/sidenav-buttons/sidenav-buttons.component.spec.ts +++ b/src/app/component/sidenav-buttons/sidenav-buttons.component.spec.ts @@ -37,8 +37,7 @@ describe('SidenavButtonsComponent', () => { for (var x = 0; x < NavigationList.length; x += 1) { NavigationNamesBeingShown.push(NavigationList[x].textContent); } - //console.log({ ...NavigationNamesBeingShown }); - //console.log(component.Options); + NavigationNamesBeingShown.pop(); // Remove GitHub link expect(NavigationNamesBeingShown).toEqual(component.Options); }); diff --git a/src/app/component/sidenav-buttons/sidenav-buttons.component.ts b/src/app/component/sidenav-buttons/sidenav-buttons.component.ts index bea86b2b..b53ad3ec 100644 --- a/src/app/component/sidenav-buttons/sidenav-buttons.component.ts +++ b/src/app/component/sidenav-buttons/sidenav-buttons.component.ts @@ -1,4 +1,7 @@ import { Component, OnInit } from '@angular/core'; +import { MatIconRegistry } from '@angular/material/icon'; +import { DomSanitizer } from '@angular/platform-browser'; +import { GITHUB_SVG } from '../../../assets/svg_icons'; import { ThemeService } from '../../service/theme.service'; @Component({ @@ -43,7 +46,16 @@ export class SidenavButtonsComponent implements OnInit { isNightMode = false; - constructor(private themeService: ThemeService) {} + constructor( + private themeService: ThemeService, + private iconRegistry: MatIconRegistry, + private sanitizer: DomSanitizer + ) { + this.iconRegistry.addSvgIconLiteral( + 'github', + this.sanitizer.bypassSecurityTrustHtml(GITHUB_SVG) + ); + } ngOnInit(): void { const currentTheme = this.themeService.getTheme(); diff --git a/src/assets/svg_icons.ts b/src/assets/svg_icons.ts new file mode 100644 index 00000000..4a921c0c --- /dev/null +++ b/src/assets/svg_icons.ts @@ -0,0 +1 @@ +export const GITHUB_SVG = ``;