Search Bar on Palettes Panel

Adds a search bar to the palettes panel.
当前为 2023-02-09 提交的版本，查看最新版本。
换行
// ==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));