Display a red square if cameras or guards are down in Big Al's. Clicking the red square removes notification for 30 minutes.
目前為
// ==UserScript==
// @name Shoplifting alert
// @namespace http://torn.city.com.dot.com.com
// @version 1.3
// @description Display a red square if cameras or guards are down in Big Al's. Clicking the red square removes notification for 30 minutes.
// @author Adobi
// @match *://*/*
// @grant GM_setValue
// @grant GM_getValue
// @license MIT
// ==/UserScript==
(function() {
'use strict';
const timeOut = 1800 * 1000 // 30 minutes. Change if you want.
// Function to create and display the yellow square with the option to enter API key
function displayYellowSquare() {
const yellowSquare = document.createElement('div');
yellowSquare.id = 'yellowSquare';
yellowSquare.style.position = 'fixed';
yellowSquare.style.left = '0';
yellowSquare.style.top = '0';
yellowSquare.style.width = '100px';
yellowSquare.style.height = '100px';
yellowSquare.style.backgroundColor = 'yellow';
yellowSquare.style.zIndex = '9999';
yellowSquare.style.display = 'flex'; // Use flexbox for centering
yellowSquare.style.cursor = 'pointer'; // Change cursor to pointer
// Create a container div for centered text
const textContainer = document.createElement('div');
textContainer.style.margin = 'auto'; // Center horizontally
textContainer.style.textAlign = 'center'; // Center text
textContainer.style.display = 'flex';
textContainer.style.flexDirection = 'column'; // Center vertically
// Create text nodes for the yellow square with a line break
const yellowTextNode0 = document.createTextNode('Shoplift alerter');
const lineBreak = document.createElement('br');
const yellowTextNode1 = document.createTextNode('Click here to');
const lineBreak2 = document.createElement('br');
const yellowTextNode2 = document.createTextNode('supply API key');
// Append the text nodes and line break to the text container
textContainer.appendChild(yellowTextNode0);
textContainer.appendChild(lineBreak);
textContainer.appendChild(yellowTextNode1);
textContainer.appendChild(lineBreak2);
textContainer.appendChild(yellowTextNode2);
// Append the text container to the yellow square
yellowSquare.appendChild(textContainer);
// Append the yellow square to the body (if it's not already added)
if (!document.getElementById('yellowSquare')) {
document.body.appendChild(yellowSquare);
}
// Add a click event listener to the yellow square
yellowSquare.addEventListener('click', () => {
const apiKey = prompt('Enter your API key:');
if (apiKey) {
// Store the API key with GM_setValue
GM_setValue('shoplifting_api_key', apiKey);
yellowSquare.remove(); // Remove the yellow square after entering the API key
}
});
}
// Check if the API key is already stored using GM_getValue
const apiKey = GM_getValue('shoplifting_api_key', '');
// If the API key is not stored, display the yellow square
if (!apiKey) {
displayYellowSquare();
}
// Function to create and display the red square with centered text and a line break
function displayRedSquare(camera, guard) {
// Check if both camera and guard values are false
if (camera === false && guard === false) {
// If both are false, remove the red square div (if it exists)
const existingRedSquare = document.getElementById('redSquare');
if (existingRedSquare) {
existingRedSquare.remove();
}
return; // Exit the function, as there's no need to create the red square
}
// Create or update the red square div
const redSquare = document.getElementById('redSquare') || document.createElement('div');
redSquare.id = 'redSquare';
redSquare.style.position = 'fixed';
redSquare.style.left = '0';
redSquare.style.top = '0';
redSquare.style.width = '100px';
redSquare.style.height = '100px';
redSquare.style.backgroundColor = 'red';
redSquare.style.zIndex = '9999';
redSquare.style.display = 'flex'; // Use flexbox for centering
// Create a container div for centered text
const textContainer = document.createElement('div');
textContainer.style.margin = 'auto'; // Center horizontally
textContainer.style.textAlign = 'center'; // Center text
textContainer.style.display = 'flex';
textContainer.style.flexDirection = 'column'; // Center vertically
// Create text nodes for "camera" and "guard" values
const cameraTextNode = document.createTextNode(`Camera: ${camera}`);
const lineBreak = document.createElement('br');
const guardTextNode = document.createTextNode(`Guard: ${guard}`);
// Append the text nodes and line break to the text container
textContainer.appendChild(cameraTextNode);
textContainer.appendChild(lineBreak);
textContainer.appendChild(guardTextNode);
// Append the text container to the red square
redSquare.appendChild(textContainer);
// Append the red square to the body (if it's not already added)
if (!document.getElementById('redSquare')) {
document.body.appendChild(redSquare);
}
// Add a click event listener to the red square
redSquare.addEventListener('click', () => {
// Set camera and guard values to false
GM_setValue('cameraValue', false);
GM_setValue('guardValue', false);
// Set the timestamp to the current timestamp plus a time defined by the user at the top of this script.
GM_setValue('lastCallTime', Date.now() + timeOut);
// Remove the red square div
redSquare.remove();
});
}
// Function to fetch API data and display the red square
function fetchAndDisplayData() {
const currentTime = Date.now();
const lastCallTime = GM_getValue('lastCallTime', 0);
console.log(currentTime - lastCallTime)
// Check if at least 60 seconds have passed since the last API call
if (currentTime - lastCallTime >= 60000) {
console.log("checking api key status")
// Check if the API key is already stored using GM_getValue
const apiKey = GM_getValue('shoplifting_api_key', '');
// If the API key is not stored, display the yellow square
if (!apiKey) {
displayYellowSquare();
}
console.log("making api call")
console.log(apiKey)
GM_setValue('lastCallTime', currentTime); // Store the current timestamp
fetch(`https://api.torn.com/torn/?selections=shoplifting&key=${apiKey}`)
.then(response => response.json())
.then(data => {
// Check if there's an error in the API response
if (data.error && data.error.error === "Incorrect key") {
console.log("Need a new key");
GM_setValue('shoplifting_api_key', "");
displayYellowSquare();
} else {
// Get the values for "camera" and "guard" from the API data
const camera = data.shoplifting.big_als[0].disabled;
const guard = data.shoplifting.big_als[1].disabled;
// Store the values of "camera" and "guard"
GM_setValue('cameraValue', camera);
GM_setValue('guardValue', guard);
// Call the displayRedSquare function with camera and guard values
displayRedSquare(camera, guard);
}
})
.catch(error => console.error('there was an API Error:', error));
}
}
// Initial run after 2 seconds with saved values of camera and guard, or fetch new data if values don't exist
setTimeout(() => {
const currentTime = Date.now();
const lastCallTime = GM_getValue('lastCallTime', 0);
// Check if the last saved timestamp is more than 60 seconds ago or if cameraValue and guardValue don't exist
if (
currentTime - lastCallTime >= 60000 ||
GM_getValue('cameraValue') === undefined ||
GM_getValue('guardValue') === undefined
) {
// If any of the conditions are met, fetch new data
fetchAndDisplayData();
} else {
// Otherwise, use the old saved values for camera and guard
const savedCamera = GM_getValue('cameraValue', false); // Default to false if not saved
const savedGuard = GM_getValue('guardValue', false); // Default to false if not saved
displayRedSquare(savedCamera, savedGuard);
}
}, 2000);
// Repeat every 4 seconds
setInterval(fetchAndDisplayData, 4000);
//displayYellowSquare()
})();