checkbox in UI

Signed-off-by: Vedansh Saini <[email protected]>

Author: vedansh-5

src/popup.html

@@ -138,6 +138,19 @@ <h4>Your Github Token</h4>
 							</button>
 						</div>
 						<input id="githubToken" type="password" class="w-full border-2 border-gray-200 bg-gray-200 rounded-xl text-gray-800 p-2 my-2 pr-10" placeholder="Required for making authenticated requests">
+
+						<div class="col s12 my-4">
+							<div class="flex items-center gap-2">
+								<input type="checkbox" id="showCommits" checked class="form-checkbox h-4 w-4 text-blue-600">
+								<label id="showCommitsLabel" for="showCommits" class="text-gray-700 font-medium text-sm">Show last 5 commits in Open PRs</label> <span class="tooltip-container">
+								<i class="fa fa-question-circle question-icon"></i>
+								<span class="tooltip-bubble">
+									Github Token required.
+								</span>
+							</span>
+							</div>
+						</div>
+
 						<p class="text-sm font-medium">Enter cache TTL <span class="text-sm font-normal">(in minutes)</span>
 							<span class="tooltip-container">
 								<i class="fa fa-question-circle question-icon"></i>
@@ -148,6 +161,7 @@ <h4>Your Github Token</h4>
 						</p> 
 						<input type="text" id="cacheInput" class="w-full border-2 border-gray-200 bg-gray-200 rounded-xl text-gray-800  p-2 my-2" placeholder="Write Cache TTL in minutes (Default 10 minutes)">
 					</div>
+
 					<div class="">
 						<button id="refreshCache" class="w-full mt-3 bg-blue-600 hover:bg-blue-700 text-white font-medium py-2 px-4 rounded flex items-center justify-center gap-2 transition-colors duration-200">
 							<i class="fa fa-refresh"></i>

src/scripts/main.js

@@ -9,6 +9,7 @@ let startingDateElement = document.getElementById('startingDate');
 let endingDateElement = document.getElementById('endingDate');
 let showOpenLabelElement = document.getElementById('showOpenLabel');
 let userReasonElement = document.getElementById('userReason');
+let showCommitsElement = document.getElementById('showCommits');
 
 function handleBodyOnLoad() {
 	chrome.storage.local.get(
@@ -25,6 +26,7 @@ function handleBodyOnLoad() {
 			'yesterdayContribution',
 			'cacheInput',
 			'githubToken',
+			'showCommits',
 		],
 		(items) => {
 			if (items.githubUsername) {
@@ -78,6 +80,12 @@ function handleBodyOnLoad() {
 				yesterdayContributionElement.checked = true;
 				handleYesterdayContributionChange();
 			}
+			if (items.showCommits){
+				showCommitsElement.checked = items.showCommits;
+			} else {
+				showCommitsElement.checked = false;
+				handleShowCommitsChange();
+			}
 		},
 	);
 }
@@ -242,12 +250,18 @@ function handleUserReasonChange() {
 	let value = userReasonElement.value;
 	chrome.storage.local.set({ userReason: value });
 }
+
+function handleShowCommitsChange() {
+    let value = showCommitsElement.checked;
+    chrome.storage.local.set({ showCommits: value });
+}
 enableToggleElement.addEventListener('change', handleEnableChange);
 githubUsernameElement.addEventListener('keyup', handleGithubUsernameChange);
 githubTokenElement.addEventListener('keyup', handleGithubTokenChange);
 cacheInputElement.addEventListener('keyup', handleCacheInputChange);
 projectNameElement.addEventListener('keyup', handleProjectNameChange);
 startingDateElement.addEventListener('change', handleStartingDateChange);
+showCommitsElement.addEventListener('change', handleShowCommitsChange);
 endingDateElement.addEventListener('change', handleEndingDateChange);
 lastWeekContributionElement.addEventListener('change', handleLastWeekContributionChange);
 yesterdayContributionElement.addEventListener('change', handleYesterdayContributionChange);

src/scripts/scrumHelper.js

@@ -25,6 +25,7 @@ function allIncluded(outputTarget = 'email') {
     let prsReviewDataProcessed = false; 
 	let showOpenLabel = true;
 	let showClosedLabel = true;
+	let showCommits = false;
 	let userReason = '';
 
 	let pr_merged_button =
@@ -54,7 +55,8 @@ function allIncluded(outputTarget = 'email') {
 				'yesterdayContribution',
 				'userReason',
         		'githubCache',
-				'cacheInput'
+				'cacheInput',
+				'showCommits',
 			],
 			(items) => {
 					console.log("Storage items received:", items);
@@ -120,6 +122,11 @@ function allIncluded(outputTarget = 'email') {
 						pr_merged_button = '';
 						issue_closed_button = '';
 					}
+					if(items.showCommits !== undefined) {
+						showCommits = items.showCommits;
+					} else {
+						showCommits = false; // Default value
+					}
 					if (items.userReason) {
 						userReason = items.userReason;
 					}
@@ -771,7 +778,7 @@ ${userReason}`;
 						li = `<li><i>(${project})</i> - Made PR (#${number}) - <a href='${html_url}'>${title}</a> ${pr_merged_button}</li>`;
 					} else if (item.state === 'open') {
 						li = `<li><i>(${project})</i> - Made PR (#${number}) - <a href='${html_url}'>${title}</a> ${pr_unmerged_button}`;
-						if (item._lastCommits && item._lastCommits.length) {
+						if (showCommits && item._lastCommits && item._lastCommits.length) {
 							item._lastCommits.forEach(commit => {
 								li += `<li style="list-style: disc; margin: 0 0 0 20px; padding: 0; color: #666;"><span style="color:#2563eb;">${commit.messageHeadline}</span><span style="color:#666; font-size: 11px;"> (${commit.author?.user?.login || commit.author?.name || 'unknown'}, ${new Date(commit.committedDate).toLocaleString()})</span></li>`;
 							});
@@ -902,6 +909,17 @@ ${userReason}`;
 }
 
 async function forceGithubDataRefresh() {
+	let showCommits = false;
+
+	await new Promise(resolve => {
+        chrome.storage.local.get('showCommits', (result) => {
+            if (result.showCommits !== undefined) {
+                showCommits = result.showCommits;
+            }
+            resolve();
+        });
+    });
+
 	if(typeof githubCache !== 'undefined') {
 		githubCache.data = null;
 		githubCache.cacheKey = null;
@@ -915,6 +933,8 @@ async function forceGithubDataRefresh() {
 		chrome.storage.local.remove('githubCache', resolve);
 	});
 
+	chrome.storage.local.set({ showCommits: showCommits });
+
 	hasInjectedContent = false;
 
 	return {success: true};