Auto-fills roll number and Base64-encoded password with an overlay for managing multiple credentials
// ==UserScript==
// @name Auto-fill JEE Form with Multiple Credentials
// @namespace http://tampermonkey.net/
// @version 5.1
// @description Auto-fills roll number and Base64-encoded password with an overlay for managing multiple credentials
// @match https://josaa.admissions.nic.in/Applicant/Root/CandidateLogin.aspx*
// @grant GM_setValue
// @grant GM_getValue
// @grant GM_listValues
// @grant GM_deleteValue
// ==/UserScript==
(function() {
'use strict';
// Encode and decode Base64 string
function encode(str) {
return btoa(str);
}
function decode(str) {
return atob(str);
}
// Get saved credentials
let credentialsList = GM_getValue('jeeCredentialsList', []);
if (credentialsList.length === 0) {
// Add default credentials if none exist
credentialsList.push({
name: 'Default',
rollNumber: '250310617863',
encodedPassword: 'U2l0amVlQDg4',
timestamp: new Date().toISOString().replace('T', ' ').substr(0, 19)
});
GM_setValue('jeeCredentialsList', credentialsList);
}
// Get last used profile index or default to 0
let lastUsedProfileIndex = GM_getValue('jeeLastUsedProfileIndex', 0);
// Make sure index is valid (in case profiles were deleted)
if (lastUsedProfileIndex >= credentialsList.length) {
lastUsedProfileIndex = 0;
GM_setValue('jeeLastUsedProfileIndex', 0);
}
// Set active credentials to last used profile
let activeCredentials = credentialsList[lastUsedProfileIndex];
window.addEventListener('load', function() {
applyCredentials(activeCredentials);
createCredentialsOverlay();
});
function applyCredentials(creds) {
const rollInput = document.getElementById('ctl00_ContentPlaceHolder1_rollno');
const passInput = document.getElementById('ctl00_ContentPlaceHolder1_Password1');
if (rollInput) {
rollInput.value = creds.rollNumber;
}
if (passInput) {
passInput.value = decode(creds.encodedPassword);
}
}
function createCredentialsOverlay() {
// Create overlay container
const overlay = document.createElement('div');
overlay.style.position = 'fixed';
overlay.style.bottom = '0';
overlay.style.left = '0';
overlay.style.width = '100%';
overlay.style.backgroundColor = 'rgba(0, 0, 0, 0.8)';
overlay.style.color = 'white';
overlay.style.padding = '15px';
overlay.style.zIndex = '9999';
overlay.style.display = 'flex';
overlay.style.flexDirection = 'column';
overlay.style.alignItems = 'center';
overlay.style.maxHeight = '70vh';
overlay.style.overflowY = 'auto';
// Create profile management section
const profileSection = document.createElement('div');
profileSection.style.width = '100%';
profileSection.style.marginBottom = '10px';
profileSection.style.display = 'flex';
profileSection.style.flexWrap = 'wrap';
profileSection.style.justifyContent = 'center';
profileSection.style.alignItems = 'center';
// Profile selector
const profileSelect = document.createElement('select');
profileSelect.style.padding = '5px';
profileSelect.style.marginRight = '10px';
// Populate profile selector
credentialsList.forEach((cred, index) => {
const option = document.createElement('option');
option.value = index;
option.textContent = cred.name + ' (' + cred.rollNumber + ')';
if (index === lastUsedProfileIndex) {
option.selected = true;
}
profileSelect.appendChild(option);
});
// Profile selector change handler
profileSelect.addEventListener('change', function() {
const selectedIndex = parseInt(this.value);
activeCredentials = credentialsList[selectedIndex];
// Save the last used profile index
lastUsedProfileIndex = selectedIndex;
GM_setValue('jeeLastUsedProfileIndex', lastUsedProfileIndex);
// Update form fields
nameInput.value = activeCredentials.name;
rollInput.value = activeCredentials.rollNumber;
passInput.value = decode(activeCredentials.encodedPassword);
// Update status
updateStatusMessage('Profile "' + activeCredentials.name + '" selected');
});
// Delete profile button
const deleteBtn = document.createElement('button');
deleteBtn.textContent = '🗑️ Delete';
deleteBtn.style.padding = '5px 10px';
deleteBtn.style.backgroundColor = '#f44336';
deleteBtn.style.border = 'none';
deleteBtn.style.color = 'white';
deleteBtn.style.cursor = 'pointer';
deleteBtn.style.marginRight = '10px';
deleteBtn.addEventListener('click', function() {
const selectedIndex = parseInt(profileSelect.value);
// Can't delete if only one profile exists
if (credentialsList.length <= 1) {
updateStatusMessage('Cannot delete the only profile', 'error');
return;
}
// Confirm deletion
if (!confirm('Delete profile "' + credentialsList[selectedIndex].name + '"?')) {
return;
}
// Delete profile
credentialsList.splice(selectedIndex, 1);
GM_setValue('jeeCredentialsList', credentialsList);
// Adjust last used index if needed
if (lastUsedProfileIndex >= credentialsList.length) {
lastUsedProfileIndex = credentialsList.length - 1;
}
if (selectedIndex === lastUsedProfileIndex) {
lastUsedProfileIndex = 0; // Reset to first profile if we're deleting the active one
}
GM_setValue('jeeLastUsedProfileIndex', lastUsedProfileIndex);
// Set active credentials to the new last used profile
activeCredentials = credentialsList[lastUsedProfileIndex];
// Rebuild dropdown
while (profileSelect.firstChild) {
profileSelect.removeChild(profileSelect.firstChild);
}
// Repopulate dropdown
credentialsList.forEach((cred, index) => {
const option = document.createElement('option');
option.value = index;
option.textContent = cred.name + ' (' + cred.rollNumber + ')';
if (index === lastUsedProfileIndex) {
option.selected = true;
}
profileSelect.appendChild(option);
});
// Update form fields
nameInput.value = activeCredentials.name;
rollInput.value = activeCredentials.rollNumber;
passInput.value = decode(activeCredentials.encodedPassword);
updateStatusMessage('Profile deleted successfully');
});
// Create form section
const formSection = document.createElement('div');
formSection.style.width = '100%';
formSection.style.display = 'flex';
formSection.style.flexWrap = 'wrap';
formSection.style.justifyContent = 'center';
formSection.style.alignItems = 'center';
formSection.style.marginBottom = '10px';
// Profile name input
const nameLabel = document.createElement('label');
nameLabel.textContent = 'Profile Name: ';
nameLabel.style.marginRight = '5px';
const nameInput = document.createElement('input');
nameInput.type = 'text';
nameInput.placeholder = 'Profile Name';
nameInput.value = activeCredentials.name;
nameInput.style.marginRight = '15px';
nameInput.style.padding = '5px';
// Create roll number input
const rollLabel = document.createElement('label');
rollLabel.textContent = 'Roll Number: ';
rollLabel.style.marginRight = '5px';
const rollInput = document.createElement('input');
rollInput.type = 'text';
rollInput.placeholder = 'Enter Roll Number';
rollInput.value = activeCredentials.rollNumber;
rollInput.style.marginRight = '15px';
rollInput.style.padding = '5px';
// Create password input
const passLabel = document.createElement('label');
passLabel.textContent = 'Password: ';
passLabel.style.marginRight = '5px';
const passInput = document.createElement('input');
passInput.type = 'password';
passInput.placeholder = 'Enter Password';
passInput.value = decode(activeCredentials.encodedPassword);
passInput.style.marginRight = '15px';
passInput.style.padding = '5px';
// Toggle password visibility button
const togglePassBtn = document.createElement('button');
togglePassBtn.textContent = '👁️';
togglePassBtn.style.padding = '5px';
togglePassBtn.style.marginRight = '15px';
togglePassBtn.style.cursor = 'pointer';
togglePassBtn.title = 'Toggle Password Visibility';
togglePassBtn.addEventListener('click', function() {
if (passInput.type === 'password') {
passInput.type = 'text';
} else {
passInput.type = 'password';
}
});
// Button section
const buttonSection = document.createElement('div');
buttonSection.style.width = '100%';
buttonSection.style.display = 'flex';
buttonSection.style.justifyContent = 'center';
buttonSection.style.marginTop = '10px';
// Create apply button
const applyButton = document.createElement('button');
applyButton.textContent = '✓ Apply';
applyButton.style.padding = '5px 10px';
applyButton.style.backgroundColor = '#4CAF50';
applyButton.style.border = 'none';
applyButton.style.color = 'white';
applyButton.style.cursor = 'pointer';
applyButton.style.marginRight = '10px';
// Create save as new button
const saveNewButton = document.createElement('button');
saveNewButton.textContent = '💾 Save as New';
saveNewButton.style.padding = '5px 10px';
saveNewButton.style.backgroundColor = '#2196F3';
saveNewButton.style.border = 'none';
saveNewButton.style.color = 'white';
saveNewButton.style.cursor = 'pointer';
saveNewButton.style.marginRight = '10px';
// Create update button
const updateButton = document.createElement('button');
updateButton.textContent = '🔄 Update Profile';
updateButton.style.padding = '5px 10px';
updateButton.style.backgroundColor = '#FF9800';
updateButton.style.border = 'none';
updateButton.style.color = 'white';
updateButton.style.cursor = 'pointer';
updateButton.style.marginRight = '10px';
// Create close button
const closeButton = document.createElement('button');
closeButton.textContent = 'X';
closeButton.style.padding = '5px 10px';
closeButton.style.backgroundColor = '#f44336';
closeButton.style.border = 'none';
closeButton.style.color = 'white';
closeButton.style.cursor = 'pointer';
// Status message
const statusMsg = document.createElement('div');
statusMsg.style.width = '100%';
statusMsg.style.textAlign = 'center';
statusMsg.style.marginTop = '8px';
statusMsg.style.fontSize = '0.9em';
statusMsg.textContent = 'Select a profile or create a new one';
// Update status message function
function updateStatusMessage(message, type = 'info') {
statusMsg.textContent = message;
if (type === 'error') {
statusMsg.style.color = '#f44336';
} else if (type === 'success') {
statusMsg.style.color = '#4CAF50';
} else {
statusMsg.style.color = 'white';
}
// Reset color after 3 seconds
setTimeout(function() {
statusMsg.style.color = 'white';
statusMsg.textContent = 'Select a profile or create a new one';
}, 3000);
}
// Add event listeners
applyButton.addEventListener('click', function() {
// Apply the current values and remember as last used
const selectedIndex = parseInt(profileSelect.value);
lastUsedProfileIndex = selectedIndex;
GM_setValue('jeeLastUsedProfileIndex', lastUsedProfileIndex);
const formRollInput = document.getElementById('ctl00_ContentPlaceHolder1_rollno');
const formPassInput = document.getElementById('ctl00_ContentPlaceHolder1_Password1');
if (formRollInput) {
formRollInput.value = rollInput.value;
}
if (formPassInput) {
formPassInput.value = passInput.value;
}
updateStatusMessage('Credentials applied successfully', 'success');
});
saveNewButton.addEventListener('click', function() {
// Create a new profile
const now = new Date();
const timestamp = now.toISOString().replace('T', ' ').substr(0, 19);
const newProfile = {
name: nameInput.value || 'Profile ' + (credentialsList.length + 1),
rollNumber: rollInput.value,
encodedPassword: encode(passInput.value),
timestamp: timestamp
};
// Add to list and save
credentialsList.push(newProfile);
GM_setValue('jeeCredentialsList', credentialsList);
// Set as active and remember
lastUsedProfileIndex = credentialsList.length - 1;
GM_setValue('jeeLastUsedProfileIndex', lastUsedProfileIndex);
activeCredentials = newProfile;
// Add to dropdown
const option = document.createElement('option');
option.value = lastUsedProfileIndex;
option.textContent = newProfile.name + ' (' + newProfile.rollNumber + ')';
option.selected = true;
profileSelect.appendChild(option);
updateStatusMessage('New profile "' + newProfile.name + '" created', 'success');
});
updateButton.addEventListener('click', function() {
const selectedIndex = parseInt(profileSelect.value);
const now = new Date();
const timestamp = now.toISOString().replace('T', ' ').substr(0, 19);
// Update the profile
credentialsList[selectedIndex] = {
name: nameInput.value || credentialsList[selectedIndex].name,
rollNumber: rollInput.value,
encodedPassword: encode(passInput.value),
timestamp: timestamp
};
// Update active credentials and remember
activeCredentials = credentialsList[selectedIndex];
lastUsedProfileIndex = selectedIndex;
GM_setValue('jeeLastUsedProfileIndex', lastUsedProfileIndex);
// Save changes
GM_setValue('jeeCredentialsList', credentialsList);
// Update dropdown
profileSelect.options[selectedIndex].textContent = activeCredentials.name + ' (' + activeCredentials.rollNumber + ')';
updateStatusMessage('Profile "' + activeCredentials.name + '" updated', 'success');
});
closeButton.addEventListener('click', function() {
overlay.style.display = 'none';
// Create a small button to show overlay again
const showButton = document.createElement('button');
showButton.textContent = 'Show Form';
showButton.style.position = 'fixed';
showButton.style.bottom = '10px';
showButton.style.right = '10px';
showButton.style.padding = '5px';
showButton.style.backgroundColor = '#555';
showButton.style.color = 'white';
showButton.style.border = 'none';
showButton.style.borderRadius = '5px';
showButton.style.cursor = 'pointer';
showButton.style.zIndex = '9998';
showButton.addEventListener('click', function() {
overlay.style.display = 'flex';
showButton.remove();
});
document.body.appendChild(showButton);
});
// Append elements to profile section
profileSection.appendChild(document.createTextNode('Select Profile: '));
profileSection.appendChild(profileSelect);
profileSection.appendChild(deleteBtn);
// Append elements to form section
formSection.appendChild(nameLabel);
formSection.appendChild(nameInput);
formSection.appendChild(document.createElement('br'));
formSection.appendChild(document.createElement('br'));
formSection.appendChild(rollLabel);
formSection.appendChild(rollInput);
formSection.appendChild(passLabel);
formSection.appendChild(passInput);
formSection.appendChild(togglePassBtn);
// Append elements to button section
buttonSection.appendChild(applyButton);
buttonSection.appendChild(saveNewButton);
buttonSection.appendChild(updateButton);
buttonSection.appendChild(closeButton);
// Append sections to overlay
overlay.appendChild(profileSection);
overlay.appendChild(document.createElement('hr'));
overlay.appendChild(formSection);
overlay.appendChild(buttonSection);
overlay.appendChild(statusMsg);
// Append overlay to body
document.body.appendChild(overlay);
}
})();