Shoplifting alert

Display a red square if cameras or guards are down in Big Al's. Clicking the red square removes notification for 30 minutes.

当前为 2023-09-08 提交的版本,查看 最新版本

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey 篡改猴Greasemonkey 油猴子Violentmonkey 暴力猴,才能安装此脚本。

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey 篡改猴,才能安装此脚本。

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey 篡改猴Violentmonkey 暴力猴,才能安装此脚本。

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey 篡改猴Userscripts ,才能安装此脚本。

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey 篡改猴,才能安装此脚本。

您需要先安装一款用户脚本管理器扩展后才能安装此脚本。

(我已经安装了用户脚本管理器,让我安装!)

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

(我已经安装了用户样式管理器,让我安装!)

// ==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()
})();