☰

Search Bar on Palettes Panel

Adds a search bar to the palettes panel.

当前为 2023-02-09 提交的版本，查看 最新版本。

  1. // ==UserScript==
  2. // @name         Search Bar on Palettes Panel
  3. // @namespace    Vholran.SearchBarOnPalettesPanel
  4. // @version      1.0
  5. // @description  Adds a search bar to the palettes panel.
  6. // @author       Vholran (https://greasyfork.org/en/users/841616)
  7. // @match        https://*.drawaria.online/*
  8. // @require      https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js
  9. // @icon         https://www.google.com/s2/favicons?domain=drawaria.online
  10. // @grant        none
  11. // ==/UserScript==
  12.  
  13. (($, undefined) => {
  14.     $(() => {
  15.         $('#palettechooser').find('.modal-body').before(`
  16.   <div style="display: flex; flex-wrap: wrap;">
  17.     <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">
  18.   </div>
  19. `);
  20.         $("body").on('input', '#searchPalettes', e => {
  21.             const searchValue = e.target.value.toLowerCase();
  22.             $('#palettechooser-list').children().hide();
  23.             $('.palettechooser-rowname').filter((index, element) => {
  24.                 return $(element).text().toLowerCase().includes(searchValue);
  25.             }).parent().show();
  26.         });
  27.     });
  28.     $("body").on('click', '.palettechooser-row', e => {
  29.         $('.drawcontrols-button.drawcontrols-color.drawcontrols-arrow').click();
  30.         $('.pcr-app').removeClass('visible');
  31.     });
  32. })(window.jQuery.noConflict(true));