Save, load, export, and import worker presets. Hide unnecessary info messages.
// ==UserScript==
// @name Torn Company Loadouts
// @namespace Apo
// @version 4.1
// @description Save, load, export, and import worker presets. Hide unnecessary info messages.
// @author Apollyon [445323]
// @match https://www.torn.com/companies.php*
// @match https://pda.torn.com/companies.php*
// @icon https://www.google.com/s2/favicons?domain=torn.com
// @license MIT
// @grant none
// ==/UserScript==
(function () {
"use strict";
// Adding styles for buttons
const addStyles = () => {
const style = document.createElement("style");
style.innerHTML = `
.button-3 {
appearance: none;
background-color: #2ea44f;
border: 1px solid rgba(27, 31, 35, .15);
border-radius: 6px;
box-shadow: rgba(27, 31, 35, .1) 0 1px 0;
box-sizing: border-box;
color: #fff;
cursor: pointer;
display: inline-block;
font-family: -apple-system,system-ui,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";
font-size: 14px;
font-weight: 600;
line-height: 20px;
padding: 6px 16px;
position: relative;
text-align: center;
text-decoration: none;
user-select: none;
-webkit-user-select: none;
touch-action: manipulation;
vertical-align: middle;
white-space: nowrap;
margin-right: 10px;
margin-top: 10px;
}
.button-3:focus:not(:focus-visible):not(.focus-visible) {
box-shadow: none;
outline: none;
}
.button-3:hover {
background-color: #2c974b;
}
.button-3:focus {
box-shadow: rgba(46, 164, 79, .4) 0 0 0 3px;
outline: none;
}
.button-3:disabled {
background-color: #94d3a2;
border-color: rgba(27, 31, 35, .1);
color: rgba(255, 255, 255, .8);
cursor: default;
}
.button-3:active {
background-color: #298e46;
box-shadow: rgba(20, 70, 32, .2) 0 1px 0 inset;
}
.button-green {
background-color: #2ea44f;
}
.button-green:hover {
background-color: #2c974b;
}
.button-red {
background-color: #d73a49;
}
.button-red:hover {
background-color: #c23540;
}
.button-blue {
background-color: #0366d6;
}
.button-blue:hover {
background-color: #035fc4;
}
.button-orange {
background-color: #f66a0a;
}
.button-orange:hover {
background-color: #e36209;
}
.button-custom {
background-color: #00cc99; /* Custom color for Save button */
}
.button-custom:hover {
background-color: #00b386; /* Darker shade for hover */
}
/* Dropdown Styles */
#presetDropdown {
background-color: #525252; /* Dropdown background color */
color: #ffffff; /* Dropdown text color */
border: 1px solid rgba(27, 31, 35, .15);
border-radius: 6px;
padding: 6px 16px; /* Adjust padding to match buttons */
font-family: inherit; /* Inherit font family */
font-size: 14px; /* Match button font size */
font-weight: 600; /* Match button font weight */
cursor: pointer; /* Pointer cursor */
margin-top: 10px; /* Match button margin */
}
`;
document.head.appendChild(style);
};
// Function to save presets to localStorage
const savePresetsToLocalStorage = () => {
localStorage.setItem("tornPresets", JSON.stringify(presets));
};
// Function to load presets from localStorage
const loadPresetsFromLocalStorage = () => {
const storedPresets = localStorage.getItem("tornPresets");
return storedPresets ? JSON.parse(storedPresets) : [];
};
// Array to store presets
let presets = loadPresetsFromLocalStorage();
// Function to save presets
const savePresets = () => {
const presetName = prompt("Enter a name for the preset:");
if (!presetName) return; // Cancelled or empty name
const workerDivs = document.querySelectorAll(".employee-list>li");
if (!workerDivs.length) {
console.error("No worker divs found.");
return;
}
const preset = { name: presetName, workers: [] };
workerDivs.forEach((workerDiv) => {
const employeeId = workerDiv.getAttribute("data-user");
const rankDiv = workerDiv.querySelector(".employee-rank");
if (!rankDiv) {
console.error("Rank information not found for a worker.");
return;
}
const selectedRank = rankDiv.value;
preset.workers.push({ employeeId, selectedRank });
});
presets.push(preset);
savePresetsToLocalStorage();
alert(`Preset '${presetName}' saved successfully!`);
// Update the dropdown immediately after saving the preset
updatePresetDropdown();
};
// Function to update worker rank
const updateWorker = (employeeId, selectedRank) => {
const workerDiv = document.querySelector(`li[data-user='${employeeId}']`);
if (!workerDiv) {
console.error(`Worker with ID ${employeeId} not found.`);
return;
}
const rankDiv = workerDiv.querySelector(".employee-rank");
if (rankDiv) {
rankDiv.value = selectedRank; // Update the rank
// Trigger change event if necessary
rankDiv.dispatchEvent(new Event('change', { bubbles: true }));
} else {
console.error(`Rank element not found for worker ID ${employeeId}.`);
}
};
// Function to load presets
const loadPresets = () => {
const presetDropdown = document.getElementById("presetDropdown");
const selectedPresetIndex = presetDropdown.selectedIndex;
if (selectedPresetIndex === -1) {
console.log("No preset selected.");
return; // No preset selected
}
const selectedPreset = presets[selectedPresetIndex];
console.log("Loading preset:", selectedPreset); // Log selected preset
selectedPreset.workers.forEach(({ employeeId, selectedRank }) => {
console.log(`Updating worker ID ${employeeId} to rank ${selectedRank}`); // Log updates
updateWorker(employeeId, selectedRank);
});
alert(`Preset '${selectedPreset.name}' loaded successfully!`);
};
// Function to delete the selected preset
const deletePreset = () => {
const presetDropdown = document.getElementById("presetDropdown");
const selectedPresetIndex = presetDropdown.selectedIndex;
if (selectedPresetIndex === -1) return; // No preset selected
const deletedPresetName = presets[selectedPresetIndex].name;
presets.splice(selectedPresetIndex, 1);
savePresetsToLocalStorage();
alert(`Preset '${deletedPresetName}' deleted successfully!`);
updatePresetDropdown();
};
// Function to export presets
const exportPresets = () => {
const presetData = JSON.stringify(presets);
const textArea = document.createElement("textarea");
textArea.value = presetData;
document.body.appendChild(textArea);
textArea.select();
document.execCommand("copy");
document.body.removeChild(textArea);
alert("Presets exported and copied to clipboard!");
};
// Function to import presets
const importPresets = () => {
const importedData = prompt("Paste the preset data here:");
if (!importedData) return; // Cancelled or empty input
try {
const importedPresets = JSON.parse(importedData);
presets = importedPresets;
savePresetsToLocalStorage();
alert("Presets imported successfully!");
updatePresetDropdown();
} catch (error) {
alert("Invalid preset data! Please check and try again.");
}
};
// Function to update the preset dropdown menu
const updatePresetDropdown = () => {
const existingDropdown = document.getElementById("presetDropdown");
if (existingDropdown) {
existingDropdown.parentNode.removeChild(existingDropdown);
}
const presetDropdown = document.createElement("select");
presetDropdown.id = "presetDropdown";
presets.forEach((preset) => {
const option = document.createElement("option");
option.value = preset.name;
option.text = preset.name;
presetDropdown.add(option);
});
const existingButtonsContainer = document.getElementById("presetButtonsContainer");
if (existingButtonsContainer) {
existingButtonsContainer.parentNode.removeChild(existingButtonsContainer);
}
const infoMessage = document.querySelector(".info-msg");
if (infoMessage) {
const buttonsContainer = document.createElement("div");
buttonsContainer.id = "presetButtonsContainer";
// Creating buttons in the desired order
const loadButton = document.createElement("button");
loadButton.textContent = "Load Presets";
loadButton.className = "button-3 button-green"; // Green for Load
loadButton.addEventListener("click", loadPresets);
const saveButton = document.createElement("button");
saveButton.textContent = "Save Presets";
saveButton.className = "button-3 button-custom"; // Custom color for Save
saveButton.addEventListener("click", savePresets);
const importButton = document.createElement("button");
importButton.textContent = "Import Presets";
importButton.className = "button-3 button-blue"; // Blue for Import
importButton.addEventListener("click", importPresets);
const exportButton = document.createElement("button");
exportButton.textContent = "Export Presets";
exportButton.className = "button-3 button-orange"; // Orange for Export
exportButton.addEventListener("click", exportPresets);
const deleteButton = document.createElement("button");
deleteButton.textContent = "Delete Preset";
deleteButton.className = "button-3 button-red"; // Red for Delete
deleteButton.addEventListener("click", deletePreset);
// Append buttons in the specified order
buttonsContainer.appendChild(loadButton);
buttonsContainer.appendChild(saveButton);
buttonsContainer.appendChild(importButton);
buttonsContainer.appendChild(exportButton);
buttonsContainer.appendChild(deleteButton);
infoMessage.parentNode.insertBefore(buttonsContainer, infoMessage.nextSibling);
infoMessage.parentNode.insertBefore(presetDropdown, buttonsContainer.nextSibling);
}
};
// Function to hide the info message
const hideInfoMessage = () => {
const infoMessage = document.querySelector(".info-msg");
if (infoMessage) {
infoMessage.style.display = "none";
}
};
// Run the script
addStyles(); // Add the button styles to the document
updatePresetDropdown(); // Update the dropdown
hideInfoMessage(); // Hide the info message
})();