Merge branch 'master' into commits

Author: vedansh-5

README.md

@@ -23,7 +23,7 @@
 5. Click the Scrum Helper icon on your browser toolbar
 6. Fill in your settings in the popup (GitHub username, date range, etc.)
 
-### For Firefox:
+<!-- ### For Firefox:
 
 1. Clone this repository to your local machine.
 2. Open Firefox and navigate to `about:debugging`
@@ -36,7 +36,7 @@
 
 **Note for Firefox users:** The extension will be automatically removed when you close Firefox. You'll need to reload it each time you start a new browser session by repeating steps 2-5.
 
-**Persistence Note:** If you need the extension to persist between sessions, use Firefox Developer Edition. You can enable persistence by setting `xpinstall.signatures.required` to `false` in the browser's configuration.
+**Persistence Note:** If you need the extension to persist between sessions, use Firefox Developer Edition. You can enable persistence by setting `xpinstall.signatures.required` to `false` in the browser's configuration. -->
 
 ## Usage
 
@@ -80,8 +80,12 @@ $ npm install
 
 ![POPUP](docs/images/popup.png)
 
+![POPUP2](docs/images/popup2.png)
+
 ![STANDALONE](docs/images/standalone.png)
 
+![SETTINGSMENU](docs/images/settings.png)
+
 ## Using Scrum Helper with Your Own GitHub Organization
 
 Scrum Helper is not limited to the [FOSSASIA](https://github.com/fossasia) organization. You can easily configure it to fetch and generate SCRUM reports for your own GitHub organization or repositories.
@@ -116,7 +120,6 @@ Scrum Helper is not limited to the [FOSSASIA](https://github.com/fossasia) organ
    * Save your changes.
    * For Chrome: Rebuild or reload the extension in your browser (`chrome://extensions` → Refresh your extension).
    * For Firefox: Reload the temporary add-on by going to `about:debugging` → "This Firefox" → Click "Reload" next to your extension.
-
 4. **How to Obtain a GitHub Personal Access Token**
 
 - To use Scrum Helper with authenticated requests (for higher rate limits and private repositories), you need a GitHub personal access token.
@@ -151,8 +154,6 @@ Scrum Helper is not limited to the [FOSSASIA](https://github.com/fossasia) organ
 5. **Get Customized SCRUM Reports**
     - The reports will now be generated using contributions from your organization.
 
-
-
 ## About contributing
 
 - Follow the Issues and PRs templates as far as possible.

docs/images/popup.png

@@ -1,3 +1,4 @@
+
 @import "tailwindcss";
 @tailwind base;
 @tailwind components;
@@ -367,7 +368,6 @@ body,input,div,h3,h4,p,label,hr, #scrumReport{
     box-shadow: 0 1px 4px rgba(0,0,0,0.18);
 }
 
-/* Only affects popup, not email */
 .popup-commit-list {
     margin: 8px 0 8px 18px;
     padding-left: 0;

docs/images/popup2.png

@@ -68,15 +68,15 @@ function handleBodyOnLoad() {
 				lastWeekContributionElement.checked = items.lastWeekContribution;
 				handleLastWeekContributionChange();
 			}
-			 else if (items.lastWeekContribution !== false) {
+			else if (items.lastWeekContribution !== false) {
 				lastWeekContributionElement.checked = true;
 				handleLastWeekContributionChange();
 			}
 			if (items.yesterdayContribution) {
 				yesterdayContributionElement.checked = items.yesterdayContribution;
 				handleYesterdayContributionChange();
 			}
-			 else if (items.yesterdayContribution !== false) {
+			else if (items.yesterdayContribution !== false) {
 				yesterdayContributionElement.checked = true;
 				handleYesterdayContributionChange();
 			}
@@ -91,29 +91,29 @@ function handleBodyOnLoad() {
 }
 
 document.getElementById('refreshCache').addEventListener('click', async (e) => {
-    const button = e.currentTarget;
-    button.classList.add('loading');
-    button.disabled = true;
-    
-    try {
-        const tabs = await chrome.tabs.query({active: true, currentWindow: true});
-        await chrome.tabs.sendMessage(tabs[0].id, {
-            action: 'forceRefresh',
-            timestamp: Date.now()
-        });
-        
-        // Reload the active tab to re-inject content
-        chrome.tabs.reload(tabs[0].id);
-        
-        Materialize.toast({html: 'Data refreshed successfully!', classes: 'green'});
-    } catch (err) {
-        console.error('Refresh failed:', err);
-    } finally {
-        setTimeout(() => {
-            button.classList.remove('loading');
-            button.disabled = false;
-        }, 500);
-    }
+	const button = e.currentTarget;
+	button.classList.add('loading');
+	button.disabled = true;
+
+	try {
+		const tabs = await chrome.tabs.query({ active: true, currentWindow: true });
+		await chrome.tabs.sendMessage(tabs[0].id, {
+			action: 'forceRefresh',
+			timestamp: Date.now()
+		});
+
+		// Reload the active tab to re-inject content
+		chrome.tabs.reload(tabs[0].id);
+
+		Materialize.toast({ html: 'Data refreshed successfully!', classes: 'green' });
+	} catch (err) {
+		console.error('Refresh failed:', err);
+	} finally {
+		setTimeout(() => {
+			button.classList.remove('loading');
+			button.disabled = false;
+		}, 500);
+	}
 });
 
 function handleEnableChange() {
@@ -132,21 +132,21 @@ function handleLastWeekContributionChange() {
 	let value = lastWeekContributionElement.checked;
 	let labelElement = document.querySelector("label[for='lastWeekContribution']");
 	if (value) {
-			startingDateElement.disabled = true;
-			endingDateElement.disabled = true;
+			startingDateElement.readOnly = true;
+			endingDateElement.readOnly = 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.readOnly = false;
+			endingDateElement.readOnly = false;
 			labelElement.classList.add("unselectedLabel");
 			labelElement.classList.remove("selectedLabel");
 	}
-	
+
 	chrome.storage.local.set({ lastWeekContribution: value });
 }
 
@@ -155,17 +155,17 @@ function handleYesterdayContributionChange() {
 	let labelElement = document.querySelector("label[for='yesterdayContribution']");
 
 	if (value) {
-		startingDateElement.disabled = true;
-		endingDateElement.disabled = true;
+		startingDateElement.readOnly = true;
+		endingDateElement.readOnly = true;
 		endingDateElement.value = getToday();
 		startingDateElement.value = getYesterday();
-			handleEndingDateChange();
-			handleStartingDateChange();
+		handleEndingDateChange();
+		handleStartingDateChange();
 		labelElement.classList.add("selectedLabel");
 		labelElement.classList.remove("unselectedLabel");
 	} else {
-		startingDateElement.disabled = false;
-		endingDateElement.disabled = false;
+		startingDateElement.readOnly = false;
+		endingDateElement.readOnly = false;
 		labelElement.classList.add("unselectedLabel");
 		labelElement.classList.remove("selectedLabel");
 	}
@@ -192,7 +192,7 @@ function getYesterday() {
 	let yesterdayMonth = yesterday.getMonth() + 1;
 	let yesterdayWeekDay = yesterday.getDate();
 	let yesterdayYear = yesterday.getFullYear();
-	let yesterdayPadded = 
+	let yesterdayPadded =
 		('0000' + yesterdayYear.toString()).slice(-4) +
 		'-' +
 		('00' + yesterdayMonth.toString()).slice(-2) +
@@ -236,11 +236,11 @@ function handleOpenLabelChange() {
 	let labelElement = document.querySelector("label[for='showOpenLabel']");
 
 	if (value) {
-			labelElement.classList.add("selectedLabel");
-			labelElement.classList.remove("unselectedLabel");
+		labelElement.classList.add("selectedLabel");
+		labelElement.classList.remove("unselectedLabel");
 	} else {
-			labelElement.classList.add("unselectedLabel");
-			labelElement.classList.remove("selectedLabel");
+		labelElement.classList.add("unselectedLabel");
+		labelElement.classList.remove("selectedLabel");
 	}
 
 	chrome.storage.local.set({ showOpenLabel: value });