Adds a button to help fill out PUP faculty evaluation surveys
// ==UserScript==
// @name PUP Survey Helper
// @namespace Violentmonkey Scripts
// @match https://survey.pup.edu.ph/apps/ofes/survey/*
// @grant GM_setValue
// @grant GM_getValue
// @grant GM_registerMenuCommand
// @version 2.0
// @author intMeinVoid
// @icon https://www.pup.edu.ph/about/images/PUPLogo.png
// @description Adds a button to help fill out PUP faculty evaluation surveys
// @license MIT
// ==/UserScript==
(function() {
'use strict';
// Configuration
const CONFIG = {
DEFAULT_AVERAGE: 2.5,
PRESETS: [2.0, 2.5, 3.0, 3.5, 4.0],
STORAGE_KEY: 'pupSurveyLastUsedRating'
};
// Load last used rating
const lastUsedRating = parseFloat(GM_getValue(CONFIG.STORAGE_KEY, CONFIG.DEFAULT_AVERAGE));
// Create and style the container
const container = document.createElement('div');
container.id = 'pup-survey-helper';
container.style.cssText = `
position: fixed;
top: 20px;
right: 20px;
z-index: 9999;
display: flex;
flex-direction: column;
gap: 8px;
font-family: Arial, sans-serif;
background: rgba(255, 255, 255, 0.95);
padding: 12px;
border-radius: 8px;
box-shadow: 0 2px 10px rgba(0,0,0,0.1);
`;
// Create main button
const createButton = (text, onClick, isPrimary = false) => {
const btn = document.createElement('button');
btn.textContent = text;
btn.style.cssText = `
padding: 10px 20px;
background-color: ${isPrimary ? '#900000' : '#f0f0f0'};
color: ${isPrimary ? 'white' : '#333'};
border: 1px solid #ccc;
border-radius: 5px;
cursor: pointer;
font-size: 14px;
transition: all 0.2s ease;
text-align: center;
min-width: 120px;
`;
btn.onmouseenter = () => {
btn.style.transform = 'translateY(-2px)';
btn.style.boxShadow = '0 4px 8px rgba(0,0,0,0.1)';
};
btn.onmouseleave = () => {
btn.style.transform = '';
btn.style.boxShadow = '';
};
btn.onclick = onClick;
return btn;
};
// Create preset buttons
const presetsContainer = document.createElement('div');
presetsContainer.style.cssText = `
display: flex;
flex-wrap: wrap;
gap: 5px;
margin-bottom: 10px;
justify-content: center;
`;
CONFIG.PRESETS.forEach(preset => {
const presetBtn = createButton(`Set ${preset}`, () => setEvaluation(preset));
presetBtn.style.padding = '5px 10px';
presetBtn.style.minWidth = '40px';
presetsContainer.appendChild(presetBtn);
});
// Create main button
const mainButton = createButton(`📝 Set Evaluation (${lastUsedRating})`, () => setEvaluation(), true);
// Add elements to container
container.appendChild(presetsContainer);
container.appendChild(mainButton);
document.body.appendChild(container);
// Show toast notification
const showToast = (message, isError = false) => {
const toast = document.createElement('div');
toast.textContent = message;
toast.style.cssText = `
position: fixed;
bottom: 20px;
right: 20px;
background-color: ${isError ? '#ff4444' : '#4CAF50'};
color: white;
padding: 12px 20px;
border-radius: 4px;
z-index: 10000;
box-shadow: 0 2px 5px rgba(0,0,0,0.2);
animation: fadeIn 0.3s ease-in-out;
max-width: 300px;
word-wrap: break-word;
`;
document.body.appendChild(toast);
setTimeout(() => {
toast.style.animation = 'fadeOut 0.3s ease-in-out';
setTimeout(() => toast.remove(), 300);
}, 3000);
};
// Add styles for animations
const style = document.createElement('style');
style.textContent = `
@keyframes fadeIn {
from { opacity: 0; transform: translateY(10px); }
to { opacity: 1; transform: translateY(0); }
}
@keyframes fadeOut {
from { opacity: 1; transform: translateY(0); }
to { opacity: 0; transform: translateY(-10px); }
}
`;
document.head.appendChild(style);
// The main evaluation function
const setEvaluation = async (targetAvg) => {
try {
// If no target average provided, prompt user
if (targetAvg === undefined) {
const input = prompt('Enter desired average (1-5):', lastUsedRating);
if (input === null) return; // User clicked cancel
targetAvg = parseFloat(input);
}
// Validate input
if (isNaN(targetAvg)) {
throw new Error('Please enter a valid number');
}
if (targetAvg < 1 || targetAvg > 5) {
throw new Error('Target average must be between 1 and 5');
}
// Save the rating for next time
GM_setValue(CONFIG.STORAGE_KEY, targetAvg);
mainButton.textContent = `📝 Set Evaluation (${targetAvg})`;
// Get all radio inputs and calculate total questions
const radios = document.querySelectorAll('input[type="radio"][name^="q"]');
const totalQuestions = radios.length / 5;
if (totalQuestions === 0) {
throw new Error('No questions found on the page');
}
// Calculate required values
const exactTotal = targetAvg * totalQuestions;
const roundedTotal = Math.round(exactTotal);
const lowerValue = Math.floor(targetAvg);
const higherValue = Math.ceil(targetAvg);
const numberOfHigher = roundedTotal - (lowerValue * totalQuestions);
// Validate if average is achievable
if (numberOfHigher < 0 || numberOfHigher > totalQuestions) {
throw new Error(`Target average ${targetAvg} is not achievable with ${totalQuestions} questions`);
}
// Show loading state
const originalText = mainButton.textContent;
mainButton.textContent = '⏳ Processing...';
mainButton.disabled = true;
// Use requestAnimationFrame to keep UI responsive
await new Promise(resolve => {
requestAnimationFrame(() => {
try {
// Clear any previously selected options
radios.forEach(radio => radio.checked = false);
// Set scores for each question
for (let i = 1; i <= totalQuestions; i++) {
const score = i <= numberOfHigher ? higherValue : lowerValue;
const questionId = `q${i}${score}`;
const element = document.getElementById(questionId);
if (!element) {
throw new Error(`Could not find element with ID: ${questionId}`);
}
element.checked = true;
}
// Show success message
const msg = `Set ${totalQuestions} questions to average ${targetAvg}\n` +
`(${numberOfHigher} × ${higherValue} and ${totalQuestions - numberOfHigher} × ${lowerValue})`;
showToast(msg);
resolve();
} catch (error) {
showToast('Error: ' + error.message, true);
resolve();
} finally {
mainButton.textContent = originalText;
mainButton.disabled = false;
}
});
});
} catch (error) {
showToast('Error: ' + error.message, true);
}
};
// Register keyboard shortcut (Ctrl+Shift+E)
document.addEventListener('keydown', (e) => {
if (e.ctrlKey && e.shiftKey && e.key === 'E') {
e.preventDefault();
setEvaluation();
}
});
// Add menu command for Tampermonkey
if (typeof GM_registerMenuCommand !== 'undefined') {
GM_registerMenuCommand('Set Evaluation', () => setEvaluation());
}
})();