Merge pull request #71 from Preeti9764/fix-bug-issue#69

Fixes issue #69 : Enhanced feedback to Selection/Deselection of CheckBox

Author: hpdang

src/index.css

@@ -50,3 +50,17 @@ li {
 	list-style-type: disc !important;
 	margin-left: 1rem;
 }
+.selectedLabel {
+	font-weight: 400;
+	color: #333333;
+}
+
+.unselectedLabel {
+	font-weight: 300; 
+	color: #666666; 
+}
+
+.selectedLabel, .unselectedLabel {
+	transition: color 0.3s ease-in-out, font-weight 0.3s ease-in-out;
+}
+

src/scripts/main.js

@@ -92,19 +92,27 @@ function handleEndingDateChange() {
 }
 function handleLastWeekContributionChange() {
 	var value = lastWeekContributionElement.checked;
+	var labelElement = document.querySelector("label[for='lastWeekContribution']");
+
 	if (value) {
-		startingDateElement.disabled = true;
-		endingDateElement.disabled = true;
-		endingDateElement.value = getToday();
-		startingDateElement.value = getLastWeek();
-		handleEndingDateChange();
-		handleStartingDateChange();
+			startingDateElement.disabled = true;
+			endingDateElement.disabled = true;
+			endingDateElement.value = getToday();
+			startingDateElement.value = getLastWeek();
+		        handleEndingDateChange();
+		        handleStartingDateChange();
+			labelElement.classList.add("selectedLabel");
+			labelElement.classList.remove("unselectedLabel");
 	} else {
-		startingDateElement.disabled = false;
-		endingDateElement.disabled = false;
+			startingDateElement.disabled = false;
+			endingDateElement.disabled = false;
+			labelElement.classList.add("unselectedLabel");
+			labelElement.classList.remove("selectedLabel");
 	}
+	
 	chrome.storage.local.set({ lastWeekContribution: value });
 }
+
 function getLastWeek() {
 	var today = new Date();
 	var noDays_to_goback = gsoc == 0 ? 7 : 1;
@@ -145,9 +153,19 @@ function handleProjectNameChange() {
 }
 function handleOpenLabelChange() {
 	var value = showOpenLabelElement.checked;
+	var labelElement = document.querySelector("label[for='showOpenLabel']");
+
+	if (value) {
+			labelElement.classList.add("selectedLabel");
+			labelElement.classList.remove("unselectedLabel");
+	} else {
+			labelElement.classList.add("unselectedLabel");
+			labelElement.classList.remove("selectedLabel");
+	}
+
 	chrome.storage.local.set({ showOpenLabel: value });
-	chrome.storage.local.set({ showClosedLabel: value });
 }
+
 function handleUserReasonChange() {
 	var value = userReasonElement.value;
 	chrome.storage.local.set({ userReason: value });