Clean up files for new fretonator sub components

Author: Salma Alam-Naylor

apps/fretonator-web/src/app/common/fretonator/chord-map/chord-map.component.ts

@@ -1,17 +1,11 @@
-import { Component, Input, OnInit } from '@angular/core';
+import { Component, Input } from '@angular/core';
 import { ChordMap } from '../../../util/types';
 
 @Component({
   selector: 'app-chord-map',
   templateUrl: './chord-map.component.html',
   styleUrls: ['./chord-map.component.scss']
 })
-export class ChordMapComponent implements OnInit {
+export class ChordMapComponent {
   @Input() chordMap: ChordMap;
-
-  constructor() { }
-
-  ngOnInit(): void {
-  }
-
 }

apps/fretonator-web/src/app/common/fretonator/interval-map/interval-map.component.ts

@@ -1,15 +1,10 @@
-import { Component, Input, OnInit } from '@angular/core';
+import { Component, Input } from '@angular/core';
 
 @Component({
   selector: 'app-interval-map',
   templateUrl: './interval-map.component.html',
   styleUrls: ['./interval-map.component.scss']
 })
-export class IntervalMapComponent implements OnInit {
+export class IntervalMapComponent {
   @Input() intervalMap: [];
-  constructor() { }
-
-  ngOnInit(): void {
-  }
-
 }

apps/fretonator-web/src/app/common/fretonator/scale-map/scale-map.component.html

@@ -14,8 +14,8 @@ <h4 class="scaleMap__title">Degrees</h4>
               aria-controls="scaleMapInfo"
               role="switch"
               type="button"
-              [attr.aria-checked]="showscaleMapInfo"
-              (click)="togglescaleMapInfo()">{{scaleDegreesToggleText}}
+              [attr.aria-checked]="showScaleMapInfo"
+              (click)="toggleScaleMapInfo()">{{scaleDegreesToggleText}}
       </button>
     </div>
 
@@ -34,14 +34,14 @@ <h5 class="scaleDisplay__note">
 
   <div class="scaleMapInfo"
        id="scaleMapInfo"
-       *ngIf="showscaleMapInfo">
+       *ngIf="showScaleMapInfo">
     <h2 class="scaleMapInfo__title">About Scale Degrees
       <button class="scaleMapInfo__close"
               aria-label="Scale Degrees Info Toggle"
               aria-controls="scaleMapInfo"
               role="switch"
               type="button"
-              (click)="togglescaleMapInfo()">
+              (click)="toggleScaleMapInfo()">
         <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14">
           <path fill="#474350" fill-rule="evenodd"
                 d="M14 1.41L12.59 0 7 5.59 1.41 0 0 1.41 5.59 7 0 12.59 1.41 14 7 8.41 12.59 14 14 12.59 8.41 7z"></path>

apps/fretonator-web/src/app/common/fretonator/scale-map/scale-map.component.ts

@@ -1,4 +1,4 @@
-import { Component, Input, OnInit } from '@angular/core';
+import { Component, Input } from '@angular/core';
 import { Mode, Scale } from '../../../util/types';
 
 enum ScaleDegreesToggleText {
@@ -11,20 +11,15 @@ enum ScaleDegreesToggleText {
   templateUrl: './scale-map.component.html',
   styleUrls: ['./scale-map.component.scss']
 })
-export class ScaleMapComponent implements OnInit {
+export class ScaleMapComponent {
   @Input() mode: Mode;
   @Input() scale: Scale;
 
-  showscaleMapInfo = false;
+  showScaleMapInfo = false;
   scaleDegreesToggleText = ScaleDegreesToggleText.hidden;
 
-  constructor() { }
-
-  ngOnInit(): void {
-  }
-
-  togglescaleMapInfo() {
-    this.showscaleMapInfo = !this.showscaleMapInfo;
-    this.scaleDegreesToggleText = this.showscaleMapInfo ? ScaleDegreesToggleText.visible : ScaleDegreesToggleText.hidden;
+  toggleScaleMapInfo() {
+    this.showScaleMapInfo = !this.showScaleMapInfo;
+    this.scaleDegreesToggleText = this.showScaleMapInfo ? ScaleDegreesToggleText.visible : ScaleDegreesToggleText.hidden;
   }
 }