☰

Search Bar on Palettes Panel

Adds a search bar to the palettes panel.

安裝腳本?
作者推薦腳本

您可能也會喜歡 Bypass Stencil Sticker's Size Limit

安裝腳本 
  1. // ==UserScript==
  2. // @name         Search Bar on Palettes Panel
  3. // @namespace    Vholran.SearchBarOnPalettesPanel
  4. // @version      1.0.2
  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; font-size: calc(100% + 0.15rem); margin: 0.95rem; padding: 1.3rem 1rem; width: 0;" type="text">
  18.   </div>
  19. `);
  20.  
  21.         $('body').on('input', '#searchPalettes', e => {
  22.             const searchValue = e.target.value.toLowerCase();
  23.             $('#palettechooser-list').children().hide();
  24.             $('.palettechooser-rowname').filter((index, element) => {
  25.                 return $(element).text().toLowerCase().includes(searchValue);
  26.             }).parent().show();
  27.         });
  28.         $('body').on('click', '.palettechooser-row', () => {
  29.             if($('.selmode-palettechooser-list').length){
  30.                 $('.drawcontrols-button.drawcontrols-color.drawcontrols-arrow').click();
  31.                 $('.pcr-app').removeClass('visible');
  32.             }
  33.         });
  34.     });
  35. })(window.jQuery.noConflict(true));