Do not show scale degrees or allow different tunings on learn/patterns

Author: salmacodecomputerlove

apps/fretonator-web/src/app/common/fretonator/fretboard/fretboard.component.html

@@ -42,7 +42,7 @@
 </div>
 
 <div class="controlPanel">
-  <div class="controlPanel__row">
+  <div class="controlPanel__row" *ngIf="configuration !== 'learn'">
     <div class="controlPanel__section">
       <h4 class="controlPanel__title">Highlight scale degrees</h4>
       <app-scale-degrees
@@ -79,7 +79,7 @@ <h4 class="controlPanel__title">Fretboard</h4>
     ></app-fretboard-config>
   </div>
 
-  <div class="controlPanel__column">
+  <div class="controlPanel__column" *ngIf="configuration !== 'learn'">
     <h4 class="controlPanel__title">Guitar tuning</h4>
     <div class="fretboard__tuningGroup">
       <button class="fretboard__changeTuning"

apps/fretonator-web/src/app/common/fretonator/fretboard/fretboard.component.ts

@@ -45,23 +45,23 @@ const TuningReturner = {
     { name: 'G', note: 'G', frequencyMarker: 'G' },
     { name: 'D', note: 'D', frequencyMarker: 'D' },
     { name: 'A', note: 'A', frequencyMarker: 'A' },
-    { name: 'E', note: 'E', frequencyMarker: 'E' },
+    { name: 'E', note: 'E', frequencyMarker: 'E' }
   ],
   'dropd': [
     { name: 'e', note: 'E', frequencyMarker: 'e' },
     { name: 'B', note: 'B', frequencyMarker: 'B' },
     { name: 'G', note: 'G', frequencyMarker: 'G' },
     { name: 'D', note: 'D', frequencyMarker: 'D' },
     { name: 'A', note: 'A', frequencyMarker: 'A' },
-    { name: 'D', note: 'D', frequencyMarker: 'D_' },
+    { name: 'D', note: 'D', frequencyMarker: 'D_' }
   ],
   'dadgad': [
     { name: 'd', note: 'D', frequencyMarker: 'd' },
     { name: 'A', note: 'A', frequencyMarker: 'A' },
     { name: 'G', note: 'G', frequencyMarker: 'G' },
     { name: 'D', note: 'D', frequencyMarker: 'D' },
     { name: 'A', note: 'A', frequencyMarker: 'A' },
-    { name: 'D', note: 'D', frequencyMarker: 'D_' },
+    { name: 'D', note: 'D', frequencyMarker: 'D_' }
   ]
 };
 
@@ -90,6 +90,7 @@ export class FretboardComponent implements OnChanges, OnInit {
   @Input() stringNamesAreCaseSensitive = false;
   @Input() loadExpanded = false;
   @Input() configuration;
+  @Input() standardTuningOnly;
   orientation;
   fretMode;
   frets;
@@ -106,7 +107,10 @@ export class FretboardComponent implements OnChanges, OnInit {
     this.loadPropFromStorage(StorageKeys.fretMode, 'fretMode', FretModes.twelve);
     this.loadPropFromStorage(StorageKeys.orientation, 'orientation', Orientations.right);
     this.loadPropFromStorage(StorageKeys.noteNameDisplay, 'noteNameDisplay', NoteDisplays.noteNames);
-    this.loadPropFromStorage(StorageKeys.tuning, 'tuning', Tunings.standard);
+
+    if (this.configuration !== 'learn') {
+      this.loadPropFromStorage(StorageKeys.tuning, 'tuning', Tunings.standard);
+    }
 
     this.toggleHighlight(ScaleDegrees.tonic);
     this.configureStrings();