diff --git a/src/app/app.component.html b/src/app/app.component.html index ba0734ca..ab790f70 100644 --- a/src/app/app.component.html +++ b/src/app/app.component.html @@ -14,6 +14,7 @@ {{ subtitle }} +
{{ 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 = ``; diff --git a/src/index.html b/src/index.html index af6b4edf..b50f230e 100644 --- a/src/index.html +++ b/src/index.html @@ -1,29 +1,32 @@ - - - - DSOMM - - - - - - - - - - - - - - + + + + + - - - + + + + + - \ No newline at end of file + + + +