BrickLinkMod

bricklink-mod.user.js

// ==UserScript==
// @name     BrickLinkMod
// @description Mark sets you own on bricklink.com interface
// @author   BertW
// @version  1.0.1
// @require  https://code.jquery.com/jquery-3.5.1.slim.min.js
// @grant    none
// @match		 https://www.bricklink.com/*
// ==/UserScript==

console.log('[BrickLinkMod] Start');

var VERSION = '1.0.1';

///////////////////////////////////////////////////////////////////////
//// OPTIONS
///////////////////////////////////////////////////////////////////////

var OWNED = [];
var COLOR = '#eeca06';
var HIDE_OTHERS = true;
var REMOVE_OTHERS = false;

///////////////////////////////////////////////////////////////////////
//// END OPTIONS
///////////////////////////////////////////////////////////////////////

function toggleStyle() {
    var $style = $('style#bricklinkmod-style');
    if ($style.length) {
        return $style.remove();
    }
    $('body').append(`<style id="bricklinkmod-style">
  .bricklinkmod-owned {
      background: ${COLOR} !important;
  }
  .bricklinkmod-not-owned {
      opacity: 0.5;
			${REMOVE_OTHERS ? 'display: none;' : ''}
  }
  </style>`);
}

function tag() {
    $('table#id-main-legacy-table td[nowrap] a:first-of-type').each(function () {
        var $tr = $(this).closest('tr');
        if (OWNED.indexOf(this.innerHTML) >= 0) {
            $tr.addClass('bricklinkmod-owned').removeClass('bricklinkmod-not-owned');
        } else {
            $tr.addClass('bricklinkmod-not-owned').removeClass('bricklinkmod-owned');
        }
    });
}

var $panel = $($.parseHTML(`
<div id="bricklinkmod-panel" style="position: fixed; bottom: 5px; left: 5px; padding: 5px; background: rgba(0,0,0,0.3);">
		<code style="font-size: 1rem">BrickLink Mod ${VERSION}</code><br />
		<button>Toggle</button>
		<input type="text" value="${localStorage.getItem('bricklinkmod-owned') || ''}" placeholder="Comma-separated codes" />
</div>
`));

$('body').append($panel);

$('#bricklinkmod-panel button').on('click', function () {
    toggleStyle();
    console.log('[BrickLinkMod] Toggle');
});

$('#bricklinkmod-panel input').on('change', function () {
    OWNED = $(this).val().replace(/\s+/g, '').split(',');
    localStorage.setItem('bricklinkmod-owned', $(this).val());
    tag();
    console.log('[BrickLinkMod] Tag');
}).change();