Insert playback service into scale map

Author: Salma Alam-Naylor

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

@@ -13,7 +13,7 @@ <h5 class="scaleDisplay__note">
       <button class="button__playScale"
               aria-label="Play this scale"
               type="button"
-              (click)="playScale()">
+              (click)="playScale(modeMap)">
         <span class="button__playScale__svg">
           <app-play-svg></app-play-svg>
         </span>

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

@@ -1,5 +1,6 @@
 import { Component, Input } from '@angular/core';
 import { Mode, ModeMap, Scale } from '../../../util/types';
+import { NotePlaybackService } from '../../playback/note-playback.service';
 
 enum ScaleDegreesToggleText {
   hidden = 'What is this?',
@@ -30,6 +31,9 @@ export class ScaleMapComponent {
   scaleDegreesToggleText = ScaleDegreesToggleText.hidden;
   theoreticalScalesToggleText = TheoreticalScalesToggleText.hidden;
 
+  constructor(public playbackService: NotePlaybackService) {
+  }
+
   toggleScaleMapInfo() {
     this.showScaleMapInfo = !this.showScaleMapInfo;
     this.scaleDegreesToggleText = this.showScaleMapInfo ? ScaleDegreesToggleText.visible : ScaleDegreesToggleText.hidden;
@@ -40,7 +44,7 @@ export class ScaleMapComponent {
     this.theoreticalScalesToggleText = this.showTheoreticalScalesInfo ? TheoreticalScalesToggleText.visible : TheoreticalScalesToggleText.hidden;
   }
 
-  playScale() {
-    console.log('playing');
+  playScale(modeMap: ModeMap) {
+    this.playbackService.playMode(modeMap);
   }
 }

apps/fretonator-web/src/app/common/playback/note-playback.service.ts

@@ -1,5 +1,6 @@
 import { Injectable } from '@angular/core';
 import { StringFrequencies } from '../../util/constants';
+import { ModeMap } from '../../util/types';
 
 const SYNTH_BUFFER_SIZE = 4096;
 const SYNTH_PLAY_DURATION = 2000;
@@ -27,6 +28,11 @@ export class NotePlaybackService {
     }
   }
 
+  playMode(modeMap: ModeMap) {
+    console.log('playMode called!');
+    console.log(modeMap);
+  }
+
   private getFrequency(stringName, fret) {
     // We're using stringName here, the case sensitive alt to string, to differentiate E/e strings.
     const stringFrequency = StringFrequencies[stringName];