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 = ``;