GOG – promo OS selector

[Tenno Seremel]

Ловкость рук и немного юзерскрипта и…

// ==UserScript==
// @name GOG - promo OS selector
// @namespace tenno-seremel
// @match https://www.gog.com/promo/*
// @version 1.0
// @grant none
// @run-at document-end
// @noframes
// ==/UserScript==
'use strict';

let ref = document.querySelector('.promo-columns > .column--left > .module-header');
if (ref) {
	let os_data = [
		{ label: '- все -', selector: '' },
		{ label: 'Linux', selector: '.icon-linux' },
		{ label: 'Mac', selector: '.icon-mac' },
		{ label: 'Windows', selector: '.icon-win' }
	];

	let select = document.createElement('select');
	for (const item of os_data) {
		let option = document.createElement('option');
		option.textContent = item.label;
		option.setAttribute('value', item.selector);
		select.appendChild(option);
	}
	select.addEventListener(
		'change', function (ev) {
			let selector = ev.currentTarget.value;
			let products = document.querySelectorAll('.product-row');
			for (let i = 0, len = products.length; i < len; ++i) {
				let product = products[i];
				product.style.display = (!selector || product.querySelector(selector)) ? '' : 'none';
			}
		},
		false
	);

	let wrapper = document.createElement('div');
	wrapper.setAttribute('class', 'module');
	wrapper.style.padding = '8px';
	wrapper.appendChild(select);

	ref.after(wrapper);
}