// ==UserScript==
// @name         掘金收藏夹辅助 - 搜索
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  掘金收藏夹重度用户专用，增加了收藏夹高度，优化输入框样式并支持模糊搜索
// @author       Jason up
// @match        https://juejin.im/*
// @match        https://juejin.cn/*
// @grant        none
// @license      MIT
// @require      https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js
// ==/UserScript==
(() => {
'use strict'
const onCollectionListSeachChange = function (e) {
const search = $(this).val().trim()
if (search == '')
$('.collection-list-modal .list-item').show()
$(`.collection-list-modal .list-item .name:contains(${search})`).parent().parent().parent().show()
console.log(`.collection-list-modal .list-item .name:not(:contains(${search}))`)
$(`.collection-list-modal .list-item .name:not(:contains(${search}))`).parent().parent().parent().hide()
}
const onCollectionListOpen = function () {
$('.collection-list-modal').css('top', '-200px')
$('.collection-list-modal .list').css('height', '600px')
const collectionListSeach = $('<label>搜索：</label><input id="collectionListSeach" style="flex: 1;border: 1px solid #ccc;border-radius: 3px;padding: 4px 8px;" />')
$(collectionListSeach).on('input', onCollectionListSeachChange)
$('.collection-list-modal .sub-title').attr('style', 'display: flex;align-items: center;gap: 8px;margin: 16px 24px')
$('.collection-list-modal .sub-title').html(collectionListSeach)
// 展开全部收藏夹列表
$('.collection-list-modal .list').animate({ scrollTop: 9999 }, 3000)
$('.collection-list-modal .list').animate({ scrollTop: 0 })
}
window.onload = function () {
const collectBtn = $('.panel-btn')
collectBtn.unbind('click', onCollectionListOpen)
collectBtn.bind('click', onCollectionListOpen)
}
})()