No guitar option [SG-122]

src/features/game-core/game-initialization/core-game-coordination-initializer.js

@@ -62,10 +62,29 @@ export class CoreGameCoordinationInitializer {
         }
         // All game coordinators MUST implement a play() and stop() method
 
+        this.noGuitarOption();
+
         // Init game mode options after they have been added via instantiation of the correct gameModeCoordinator above
         GameConfigurationManager.initGameModeOptions();
     }
 
+    noGuitarOption(){
+        // Overwrite noteDetectorEnabled and metronomeEnabled if the user has selected "no guitar"
+        const noGuitarCheckbox = document.querySelector('#no-guitar-option input');
+        noGuitarCheckbox?.addEventListener('change', function () {
+            disableNoteDetector();
+        });
+        const self = this;
+        const disableNoteDetector = function() {
+            if (noGuitarCheckbox?.checked) {
+                self.coreGameCoordinator.metronomeEnabled = false;
+                self.coreGameCoordinator.noteDetectorEnabled = false;
+            }
+        }
+        disableNoteDetector();
+    }
+
+
     /**
      * Start and stop game or metronome
      * Executed on click of start or stop button

src/features/game-core/game-start/core-game-coordinator.js

@@ -112,8 +112,8 @@ export class CoreGameCoordinator {
         }
         // Default value
         this.stopAndResumeAfterVisibilityChange = false;
-        if (this.noteDetectorEnabled) {
             GameElementsVisualizer.showGameElementsAndHideInstructions();
+        if (this.noteDetectorEnabled) {
 
             // Prevent screen from getting dark on mobile
             void this.screenWakeLocker.requestWakeLock();

src/features/game-modes/note-in-key/note-in-key-game-initializer.js

@@ -4,6 +4,7 @@ import {GameConfigurationManager} from "../../game-core/game-initialization/game
 import {GameProgressVisualizer} from "../../game-core/game-progress/game-progress-visualizer.js?v=1.2.3";
 import {NoteInKeyGenerator} from "./note-in-key-generator.js?v=1.2.3";
 import {PracticeNoteDisplayer} from "../../practice-note-combination/practice-note-displayer.js?v=1.2.3";
+import {NoteInKeyGameNoGuitarOption} from "./note-in-key-game-no-guitar-option.js";
 
 export class NoteInKeyGameInitializer {
 
@@ -65,6 +66,9 @@ export class NoteInKeyGameInitializer {
 
         // Level up event listener
         document.addEventListener('leveled-up', this.levelUpEventHandler);
+
+        // Init no guitar game option
+        new NoteInKeyGameNoGuitarOption().initNoGuitarGameOption();
     }
 
     initStringOptionsEventListeners() {
@@ -190,6 +194,13 @@ export class NoteInKeyGameInitializer {
                         <!--<span class="normal-font-size"></span>-->
                         <img src="src/assets/images/entire-fretboard-icon.svg" class="button-icon">
                     </label>
+                    <!-- For simplicity, the no-guitar option has the same id for all game modes and 
+                     the core-game-coordination-initializer sets the metronomeEnabled and noteDetectorEnabled values -->
+                    <label class='checkbox-button option-for-game-mode' id="no-guitar-option">
+                        <input type='checkbox'>
+                        <!--<span class="normal-font-size"></span>-->
+                        <img src="src/assets/images/no-guitar-icon.svg" class="button-icon">
+                    </label>
                     `;
         document.querySelector('#game-mode-options').insertAdjacentHTML('afterend', `
                     <span class="normal-font-size label-text options-title-span" id="string-option-title">Strings</span>

src/features/game-modes/note-in-key/note-in-key-game-no-guitar-option.js

@@ -0,0 +1,5 @@
+export class NoteInKeyGameNoGuitarOption {
+    initNoGuitarGameOption() {
+
+    }
+}