Jay_Mingle/job-board-notifications
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Separated Opportunitues from Applied using headers, Added Date Posted to jobs.

Browse Source
This commit is contained in:
Jay Mingle
2026-07-07 20:58:42 +00:00
parent dcd00af6bb
commit 8155b121da
5 changed files with 410 additions and 173 deletions
Download Patch File Download Diff File Expand all files Collapse all files

115
job-notifier/popup.js
View File

@@ -1,7 +1,7 @@
// popup.js
function sortJobsById(jobs) {
return jobs.slice().sort(function(a, b) {
return jobs.slice().sort(function (a, b) {
return (parseInt(b.id, 10) || 0) - (parseInt(a.id, 10) || 0);
});
}
@@ -11,66 +11,119 @@ function updateUI(data) {
var lastAndelaUpdated = data.lastAndelaUpdated;
var totalAndelaMatching = data.totalAndelaMatching || 0;
document.getElementById('jobCount').textContent = totalAndelaMatching + ' jobs found';
document.getElementById('jobCount').textContent =
totalAndelaMatching + ' open opportunities';
var jobList = document.getElementById('jobList');
jobList.innerHTML = '';
if (lastAndelaJobs.length === 0) {
jobList.innerHTML = '<div class="no-jobs">No jobs found yet. Click "Check Now" to scan for jobs.</div>';
jobList.innerHTML =
'<div class="no-jobs">No jobs found yet. Click "Check Now" to scan for jobs.</div>';
} else {
var sortedJobs = sortJobsById(lastAndelaJobs);
var opportunities = sortJobsById(
lastAndelaJobs.filter(function (j) {
return j.kind === 'opportunity';
}),
);
var applied = sortJobsById(
lastAndelaJobs.filter(function (j) {
return j.kind !== 'opportunity';
}),
);
sortedJobs.slice(0, 10).forEach(function(job) {
function renderJob(job) {
var jobElement = document.createElement('div');
jobElement.className = 'job-item';
var postedDate = job.posted_date || 'Recently posted';
var companyName = typeof job.company === 'object' ? (job.company && job.company.name || 'Company') : (job.company || 'Company');
var startInfo = job.posted_date || '';
var postedAgo = job.posted_ago || '';
var companyName =
typeof job.company === 'object'
? (job.company && job.company.name) || 'Company'
: job.company || 'Company';
jobElement.innerHTML =
'<div class="job-title">' + job.title + '</div>' +
'<div class="job-company">' + companyName + '</div>' +
'<div class="job-location">' + (job.location || 'Remote') + '</div>' +
'<div class="job-posted">' + postedDate + '</div>';
'<div class="job-title">' +
job.title +
'</div>' +
'<div class="job-company">' +
companyName +
'</div>' +
'<div class="job-location">' +
(job.location || 'Remote') +
'</div>' +
'<div class="job-posted">' +
startInfo +
(postedAgo ? ' · ' + postedAgo : '') +
'</div>';
jobElement.addEventListener('click', function() {
var url = job.url || ('https://app.andela.com/job-postings/' + job.id);
jobElement.addEventListener('click', function () {
var url = job.url || 'https://app.andela.com/job-postings/' + job.id;
chrome.tabs.create({ url: url });
});
jobList.appendChild(jobElement);
});
}
if (opportunities.length) {
var oppHeading = document.createElement('div');
oppHeading.className = 'section-heading section-heading-opportunities';
oppHeading.textContent = 'Open Opportunities';
jobList.appendChild(oppHeading);
opportunities.slice(0, 10).forEach(renderJob);
}
if (applied.length) {
var appliedHeading = document.createElement('div');
appliedHeading.className = 'section-heading section-heading-applied';
appliedHeading.textContent = 'Applied';
jobList.appendChild(appliedHeading);
applied.slice(0, 10).forEach(renderJob);
}
}
var status = document.getElementById('status');
status.textContent = lastAndelaUpdated ?
'Last checked: ' + new Date(lastAndelaUpdated).toLocaleString() :
'Not checked yet';
status.textContent = lastAndelaUpdated
? 'Last checked: ' + new Date(lastAndelaUpdated).toLocaleString()
: 'Not checked yet';
}
document.addEventListener('DOMContentLoaded', function() {
document.getElementById('checkNow').addEventListener('click', function() {
document.addEventListener('DOMContentLoaded', function () {
document.getElementById('checkNow').addEventListener('click', function () {
console.log('Manual check triggered');
chrome.runtime.sendMessage({ action: 'checkNow' }, function(response) {
chrome.runtime.sendMessage({ action: 'checkNow' }, function (response) {
console.log('Check initiated');
});
});
document.getElementById('openSettings').addEventListener('click', function() {
chrome.tabs.create({ url: 'settings.html' });
});
document
.getElementById('openSettings')
.addEventListener('click', function () {
chrome.tabs.create({ url: 'settings.html' });
});
chrome.storage.local.get(['lastAndelaJobs', 'lastAndelaUpdated', 'totalAndelaMatching'], function(result) {
updateUI(result);
});
chrome.storage.local.get(
['lastAndelaJobs', 'lastAndelaUpdated', 'totalAndelaMatching'],
function (result) {
updateUI(result);
},
);
chrome.storage.onChanged.addListener(function(changes, areaName) {
if (areaName === 'local' && (changes.lastAndelaJobs || changes.lastAndelaUpdated || changes.totalAndelaMatching)) {
chrome.storage.onChanged.addListener(function (changes, areaName) {
if (
areaName === 'local' &&
(changes.lastAndelaJobs ||
changes.lastAndelaUpdated ||
changes.totalAndelaMatching)
) {
console.log('Storage updated, refreshing UI...');
chrome.storage.local.get(['lastAndelaJobs', 'lastAndelaUpdated', 'totalAndelaMatching'], function(result) {
updateUI(result);
});
chrome.storage.local.get(
['lastAndelaJobs', 'lastAndelaUpdated', 'totalAndelaMatching'],
function (result) {
updateUI(result);
},
);
}
});
});