Adds a button next to each item in Quick Stock that allows you to save your Deposit, Stock, Discard preference. This version adds the button to all items every time and allows you to remove the item from the array entirely within the drop down. Recommend turning off auto-update to protect your GM Storage. Copy your GM Storage text to notepad before updating, then paste back in after update.
// ==UserScript==
// @name GC Quickstock Helper (Function over Form)
// @namespace https://greasyfork.org/users/1295622
// @version 1.1
// @description Adds a button next to each item in Quick Stock that allows you to save your Deposit, Stock, Discard preference. This version adds the button to all items every time and allows you to remove the item from the array entirely within the drop down. Recommend turning off auto-update to protect your GM Storage. Copy your GM Storage text to notepad before updating, then paste back in after update.
// @author spiderpool1855 (based on Dij's auto discard script)
// @match https://www.grundos.cafe/quickstock/
// @match https://grundos.cafe/quickstock/
// @grant GM.getValue
// @grant GM.setValue
// @grant GM.deleteValue
// @grant GM.registerMenuCommand
// @grant GM.addStyle
// @grant GM.xmlHttpRequest
// @license MIT
// ==/UserScript==
(function() {
'use strict';
async function setVariableValue(variableName, promptMessage, action) {
let currentValue = JSON.parse(await GM.getValue(variableName, '[]'));
let userInput = prompt(promptMessage);
if (userInput !== null) {
switch (action) {
case 'add':
if (!currentValue.includes(userInput)) {
currentValue.push(userInput);
}
break;
case 'remove':
currentValue = currentValue.filter(item => item !== userInput);
break;
}
GM.setValue(variableName, JSON.stringify(currentValue));
}
}
async function removeFromAll(promptMessage) {
let userInput = prompt(promptMessage);
if (userInput !== null) {
let discard = JSON.parse(await GM.getValue('defaultDiscard', '[]'));
let stock = JSON.parse(await GM.getValue('defaultStock', '[]'));
let deposit = JSON.parse(await GM.getValue('defaultDeposit', '[]'));
discard = discard.filter(item => item !== userInput);
stock = stock.filter(item => item !== userInput);
deposit = deposit.filter(item => item !== userInput);
GM.setValue('defaultDiscard', JSON.stringify(discard));
GM.setValue('defaultStock', JSON.stringify(stock));
GM.setValue('defaultDeposit', JSON.stringify(deposit));
}
}
GM.registerMenuCommand("Remove item", function() {
removeFromAll('Remove item: ');
});
})();
(async function() {
'use strict';
// Load arrays from GM storage or start new
const defaultDiscard = JSON.parse(await GM.getValue('defaultDiscard', '[]'));
const defaultStock = JSON.parse(await GM.getValue('defaultStock', '[]'));
const defaultDeposit = JSON.parse(await GM.getValue('defaultDeposit', '[]'));
// save arrays to GM storage
async function saveArrays() {
await GM.setValue('defaultDiscard', JSON.stringify(defaultDiscard));
await GM.setValue('defaultStock', JSON.stringify(defaultStock));
await GM.setValue('defaultDeposit', JSON.stringify(defaultDeposit));
}
// create a button with dropdown
function addTaggingButton(itemElement, itemName) {
const button = document.createElement('button');
button.type = "button";
button.style.width = '10px';
button.style.height = '5px';
button.style.marginLeft = '10px';
button.style.cursor = 'pointer';
//button.style.border = 'none'; // Optional: remove border
// Create dropdown menu
const select = document.createElement('select');
const options = ['Add to List', 'Deposit', 'Stock', 'Discard', 'Remove'];
options.forEach(option => {
const opt = document.createElement('option');
opt.value = option;
opt.textContent = option;
select.appendChild(opt);
});
select.style.display = 'none';
select.style.position = 'absolute';
select.style.zIndex = '1000'; // Ensure dropdown appears on top
// Show dropdown on button click
button.addEventListener('click', (event) => {
event.stopPropagation();
select.style.display = (select.style.display === 'none') ? 'inline' : 'none';
// Position the dropdown directly below the button
select.style.top = `${button.offsetTop + button.offsetHeight}px`;
select.style.left = `${button.offsetLeft}px`;
});
// Update arrays on selection
select.addEventListener('change', async () => {
const value = select.value;
switch (value) {
case 'Deposit':
if (!defaultDeposit.includes(itemName)) {
defaultDeposit.push(itemName);
}
if (defaultStock.includes(itemName)) {
defaultStock.splice(defaultStock.indexOf(itemName), 1);
}
if (defaultDiscard.includes(itemName)) {
defaultDiscard.splice(defaultDiscard.indexOf(itemName), 1);
}
break;
case 'Stock':
if (!defaultStock.includes(itemName)) {
defaultStock.push(itemName);
}
if (defaultDeposit.includes(itemName)) {
defaultDeposit.splice(defaultDeposit.indexOf(itemName), 1);
}
if (defaultDiscard.includes(itemName)) {
defaultDiscard.splice(defaultDiscard.indexOf(itemName), 1);
}
break;
case 'Discard':
if (!defaultDiscard.includes(itemName)) {
defaultDiscard.push(itemName);
}
if (defaultDeposit.includes(itemName)) {
defaultDeposit.splice(defaultDeposit.indexOf(itemName), 1);
}
if (defaultStock.includes(itemName)) {
defaultStock.splice(defaultStock.indexOf(itemName), 1);
}
break;
case 'Remove':
if (defaultDiscard.includes(itemName)) {
defaultDiscard.splice(defaultDiscard.indexOf(itemName), 1);
}
if (defaultDeposit.includes(itemName)) {
defaultDeposit.splice(defaultDeposit.indexOf(itemName), 1);
}
if (defaultStock.includes(itemName)) {
defaultStock.splice(defaultStock.indexOf(itemName), 1);
}
break;
}
// Save arrays after modification
await saveArrays();
// Hide dropdown after selection
select.style.display = 'none';
updateItems();
observer.disconnect();
});
itemElement.appendChild(button);
itemElement.appendChild(select);
}
// fill out quickstock form with chosen selections
function updateItems() {
const quickstock = document.querySelector("main .market_grid");
if (!quickstock) return;
const gridLength = quickstock.querySelectorAll(".header").length;
const quickstockNames = quickstock.querySelectorAll(".data.justify-right");
const quickstockDeposit = quickstock.querySelectorAll(`.data:nth-child(${gridLength}n+3)`);
const quickstockStock = quickstock.querySelectorAll(`.data:nth-child(${gridLength}n+2)`);
const quickstockDiscard = quickstock.querySelectorAll(`.data:nth-child(${gridLength}n+5)`);
quickstockNames.forEach((itemName, index) => {
const name = itemName.innerText;
if (defaultDiscard.includes(name)) {
quickstockDiscard[index].children[0].checked = true;
} else if (defaultStock.includes(name)) {
quickstockStock[index].children[0].checked = true;
} else if (defaultDeposit.includes(name)) {
quickstockDeposit[index].children[0].checked = true;
} else {
// If item is removed, uncheck all checkboxes
quickstockDiscard[index].children[0].checked = false;
quickstockStock[index].children[0].checked = false;
quickstockDeposit[index].children[0].checked = false;
}
// Add tagging button
if (!quickstockNames[index].querySelector('button')) {
addTaggingButton(quickstockNames[index], name);
}
//}
});
}
// Allows page to see the array change after initial dropdown selection so it will fill quickstock without a refresh
const observer = new MutationObserver(() => {
updateItems();
// Disconnect the observer after the initial update
observer.disconnect();
});
// Initial update and start observing
updateItems();
observer.observe(document.body, { childList: true, subtree: true });
})();