Bunkr Filter

Filter bunker images and videos by size and type
Verze ze dne 20. 02. 2023. Zobrazit nejnovější verzi.
Zeptejte se na otázku, přidejte recenzi nebo skript nahlašte.
Wrap lines
// ==UserScript==
// @name         Bunkr Filter
// @version      1.0
// @description  Filter bunker images and videos by size and type
// @match        https://bunkr.is/a/*
// @match        https://bunkr.ru/a/*
// @match        https://bunkr.su/a/*
// @icon         https://bunkr.su/images/logo.svg
// @grant        none
// @namespace https://greasyfork.org/users/1030442
// ==/UserScript==


let filtering = 'None';
let sizeFilter = 0;

const imageFormats = ['.png', '.jpg', '.jpeg', '.gif'];
const videoFormats = ['.mp4', '.mov', '.flv', '.webm'];

const imageBoxes = document.querySelectorAll('.grid-images_box a[href$="' + imageFormats.join('"], .grid-images_box a[href$="') + '"]');
const videoBoxes = document.querySelectorAll('.grid-images_box a[href$="' + videoFormats.join('"], .grid-images_box a[href$="') + '"]');
const otherBoxes = document.querySelectorAll('.grid-images_box a:not(' + Array.from(imageBoxes).map(box => `:is(${box.tagName.toLowerCase()}[href="${box.getAttribute('href')}"])`).concat(Array.from(videoBoxes).map(box => `:is(${box.tagName.toLowerCase()}[href="${box.getAttribute('href')}"])`)).join(', ') + ')');

const filterOptions = ['Show All', 'Filter Images', 'Filter Videos', 'Filter Other'];
const filterDropdown = document.createElement('select');
filterDropdown.style.cssText = 'padding:5px;color:black;max-height:30px; max-width: 150px; border-radius:2px';
filterOptions.forEach((text, index) => {
  const option = document.createElement('option');
  option.textContent = text;
  option.value = index;
  filterDropdown.appendChild(option);
});

filterDropdown.addEventListener('change', () => {
  const selectedIndex = parseInt(filterDropdown.value);
  switch (selectedIndex) {
    case 1:
      filtering = 'Images';
      break;
    case 2:
      filtering = 'Videos';
      break;
    case 3:
      filtering = 'Other';
      break;
    default:
      filtering = 'None';
  }
  filterBoxes();
});

const minSizeInput = document.createElement('input');
minSizeInput.type = 'number';
minSizeInput.min = '0';
minSizeInput.placeholder = 'size in MB';
minSizeInput.style.cssText = 'padding:5px;color:black; max-height:30px; max-width: 150px; border-radius:2px';
minSizeInput.addEventListener('change', () => {
  sizeFilter = minSizeInput.value;
  filterBoxes();
});

function filterBoxes() {
  if (filtering === 'Videos') {
    videoBoxes.forEach(box => toggleView(box.parentElement.parentElement));
    imageBoxes.forEach(box => box.parentElement.parentElement.style.display = 'none');
    otherBoxes.forEach(box => box.parentElement.parentElement.style.display = 'none');
  } else if (filtering === 'Images') {
    imageBoxes.forEach(box => toggleView(box.parentElement.parentElement));
    videoBoxes.forEach(box => box.parentElement.parentElement.style.display = 'none');
    otherBoxes.forEach(box => box.parentElement.parentElement.style.display = 'none');
  } else if (filtering === 'Other') {
    otherBoxes.forEach(box => toggleView(box.parentElement.parentElement));
    imageBoxes.forEach(box => box.parentElement.parentElement.style.display = 'none');
    videoBoxes.forEach(box => box.parentElement.parentElement.style.display = 'none');
  } else {
    imageBoxes.forEach(box => toggleView(box.parentElement.parentElement));
    videoBoxes.forEach(box => toggleView(box.parentElement.parentElement));
    otherBoxes.forEach(box => toggleView(box.parentElement.parentElement));
  }
}

function toggleView(box) {
  const [sizeValue, sizeUnit] = box.children[1].children[1].textContent.trim().split(' ');
  const sizeInMB = convertToMB(parseFloat(sizeValue), sizeUnit);
  const show = sizeInMB >= sizeFilter;
  box.style.display = show ? 'block' : 'none';
}

function convertToMB(sizeValue, sizeUnit) {
  const multiplier = sizeUnit.toLowerCase() === 'gib' || sizeUnit.toLowerCase() === 'gb'
    ? 1024
    : sizeUnit.toLowerCase() === 'mib' || sizeUnit.toLowerCase() === 'mb'
      ? 1
      : sizeUnit.toLowerCase() === 'kib' || sizeUnit.toLowerCase() === 'kb'
        ? 1 / 1024
        : 1;
  return sizeValue * multiplier;
}

const sizeContainer = document.createElement('div');
const sizeContainerTitle = document.createElement('p')
sizeContainerTitle.innerText = 'Filter by Size'
sizeContainer.appendChild(sizeContainerTitle)
sizeContainer.appendChild(minSizeInput);

const typeContainer = document.createElement('div')
const typeContainerTitle = document.createElement('p')
typeContainerTitle.innerText = 'Filter by Type'
typeContainer.appendChild(typeContainerTitle)
typeContainer.appendChild(filterDropdown)


sizeContainer.style.cssText = 'display: flex; flex-direction:column; align-items:center;border:2px solid white; padding:10px; border-radius:4px'
typeContainer.style.cssText = 'display: flex; flex-direction:column; align-items:center;border:2px solid white; padding:10px; border-radius:4px'


const filtersBox = document.createElement('div');
filtersBox.style.cssText = 'display:flex;flex-direction:row;align-items:center;justify-content:center;gap:20px;padding:10px;';
filtersBox.appendChild(typeContainer);
filtersBox.appendChild(sizeContainer);

document.querySelector('.friends').appendChild(filtersBox);