Adds a search bar to the palettes panel.
目前為
// ==UserScript==
// @name Search Bar on Palettes Panel
// @namespace Vholran.SearchBarOnPalettesPanel
// @version 1.0
// @description Adds a search bar to the palettes panel.
// @author Vholran (https://greasyfork.org/en/users/841616)
// @match https://*.drawaria.online/*
// @require https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js
// @icon https://www.google.com/s2/favicons?domain=drawaria.online
// @grant none
// ==/UserScript==
(($, undefined) => {
$(() => {
$('#palettechooser').find('.modal-body').before(`
<div style="display: flex; flex-wrap: wrap;">
<input id="searchPalettes" class="form-control" placeholder="Search Palettes" style="flex-grow: 1; width: 0; padding: 0.2rem 0.8rem;;margin:0.95rem" type="text">
</div>
`);
$("body").on('input', '#searchPalettes', e => {
const searchValue = e.target.value.toLowerCase();
$('#palettechooser-list').children().hide();
$('.palettechooser-rowname').filter((index, element) => {
return $(element).text().toLowerCase().includes(searchValue);
}).parent().show();
});
});
$("body").on('click', '.palettechooser-row', e => {
$('.drawcontrols-button.drawcontrols-color.drawcontrols-arrow').click();
$('.pcr-app').removeClass('visible');
});
})(window.jQuery.noConflict(true));