Disable Buttons While Timer Active

- Recent projects, topic view, subtopic view, project view, options button, back button all don't do anything while timer active

Author: programmingKyle

src/optionsHandler.js

@@ -3,6 +3,9 @@ const optionsButton_el = document.getElementById('optionsButton');
 let optionsValues;
 
 optionsButton_el.addEventListener('click', () => {
+    if (timerActive){
+        return;
+    }
     overlayContainer_el.style.display = 'flex';
     loadOverlayContent('overlays.html', '#optionsContainer', optionsListeners);
 });

src/projectView.js

@@ -22,6 +22,9 @@ async function populateProjects(subtopicID, label){
 
         // Add event listener using a closure to capture the current value of 'element'
         projectItemDiv_el.addEventListener('click', async () => {
+            if (timerActive){
+                return;
+            }
             topicSelect_el.value = currentSelectedTopic.id;
             await populateSubtopicSelect(currentSelectedTopic.id);
             subtopicSelect_el.value = currentSelectedSubtopic;

src/recentProjects.js

@@ -35,6 +35,9 @@ async function populateRecentProjects(){
 
 function projectEventListener(div, topicID, subtopicID, project){
     div.addEventListener('click', async () => {
+        if (timerActive){
+            return;
+        }
         topicSelect_el.value = topicID;
         await populateSubtopicSelect(topicID);
         subtopicSelect_el.value = subtopicID;

src/subtopicView.js

@@ -19,6 +19,9 @@ async function populateSubtopics(topicID, topic) {
     noSubtopicTimeText_el.textContent = time;
 
     noSubtopicItem_el.addEventListener('click', async () => {
+        if (timerActive){
+            return;
+        }
         subjectViewLocation = 2;
         currentSelectedSubtopic = 'null';
         await populate30DayGraph('Subtopic', 'null');
@@ -50,6 +53,9 @@ async function populateSubtopics(topicID, topic) {
 
         // Add event listener using a closure to capture the current value of 'element'
         subtopicItemDiv_el.addEventListener('click', async () => {
+            if (timerActive){
+                return;
+            }
             subjectViewLocation = 2;
             currentSelectedSubtopic = element.id;
             await populate30DayGraph('Subtopic', element.id);
@@ -68,6 +74,9 @@ async function populateSubtopics(topicID, topic) {
 }
 
 subtopicViewBackButton_el.addEventListener('click', async () => {
+    if (timerActive){
+        return;
+    }
     subjectViewLocation -= 1;
     if (subjectViewLocation === 0){
         subtopicViewBackButton_el.style.display = 'none';

src/topicView.js

@@ -27,6 +27,9 @@ async function populateTopicView(){
         topicItemDiv_el.append(topicName_el, topicTime_el);
 
         topicItemDiv_el.addEventListener('click', async () => {
+            if (timerActive){
+                return;
+            }    
             subjectViewLocation = 1;
             subtopicViewBackButton_el.style.display = 'block';
             currentSelectedTopic = ({id: element.id, topic: element.topic});