Sort subjects on index page
ของเมื่อวันที่
// ==UserScript== // @name bangumi-sort-index // @name:zh 排序首页条目 // @namespace https://trim21.me/ // @version 0.0.2 // @author Trim21 <[email protected]> // @source https://github.com/Trim21/bangumi-sort-index // @supportURL https://github.com/Trim21/bangumi-sort-index/issues // @license MIT // @include /^https://(bangumi\.tv|bgm\.tv|chii\.in)/[^/]*/ // @require https://cdn.jsdelivr.net/npm/[email protected]/dist/jquery.min.js // @connect bgm.tv // @connect bangumi.tv // @run-at document-end // @grant GM_addStyle // @description Sort subjects on index page // ==/UserScript== /******/ (function() { // webpackBootstrap /******/ "use strict"; var __webpack_exports__ = {}; ;// CONCATENATED MODULE: external "$" var external_$_namespaceObject = $; ;// CONCATENATED MODULE: ./src/style.css /* harmony default export */ var style = ("#prgManagerHeader ul#prgManagerOrder li a span {\n}\n\n#prgManagerHeader ul#prgManagerOrder li a.focus span {\n filter: invert();\n}\n\n/* https://www.flaticon.com/free-icons/sort */\n\n#prgManagerHeader ul#prgManagerOrder li a#switchSmartOrder span {\n /* https://icons8.com/icon/69918/sort-by-recently-viewed */\n background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAKaSURBVGhD7dlLyExhHMfxcS2KolxzS5SFpNwtWBAKZaVkI0VZocRCoiQrKynKQiyssLF0CRsJWdkQSRayQIhy/f6m+ff+Oz3nvPM+zTznHJ1ffXqb55xnen5zzsycM2+rSZMmTf6rrMYujGk/KidrsR0j2o8isgJ/8BdXNVBCtsDWcEoDMdkHPYG81kAJ0eJtDfc0EBNf5I0GIjIeczAJMafGadgaHmggJjFFtNhNuIL3sPnyDXexFxPRTUopsg7PYXOKfMFhjEZRkhbRUTgH23conmAG8pKsiF7Rm7D9jD5prmMbFkMfoVqUjkR233dYiFCSFNGRuAbbx/zCDoQyFy+QnfMWoSOTpMhR2HbvOIqyCD+RnfcI2fdM34voVAgt5gfGwTIbKrah/WggN5CdK8fg0/cioVNK9Kr6PIXGdbot0EAnh5CdK9+h7x5L34vcgm3zHsLnFWzbMg10cgB+nvmNybD0vYi+M2yb9wmjYFkFfXodbD8ayCWE5l+AT5I3+0XYdm83ijIdX5Gdp+u5CfBJUmQsdCrZPkZHZSlC0QfBfWTn6PLFn3qWJEUUXQyGLku0sBOYh2HQK70TL5HdV2/wjQglWRFFi8x78w9GF5Z6H+UlaRFlJPZDp5XNKaJLmMuYiqIkL2KZAn1HPIPN9XQEzmIJuklpRXz0fbAGW7Ee8zEcQ0klivQiTRGfpkgP0xTxaYr0MD0psgf2JB9xpAT6HczWcBtRWQl7kio4g+jk3Vun9gHTEB3d7ekQ38HjCH4x+hkotE8R3e+cx0yUGl9kswbqmqZI1VLLIsuh+w7PF9FPrNnt+gGjctE/Tru91ZWTqGy6LVPpEpbBytSihCWvTK1KWFTmM2pdwmJlal3CMqvzt49ptf4B0C4sGC5Wg58AAAAASUVORK5CYII=)\n no-repeat top;\n background-size: 20px 20px;\n}\n\n#prgManagerHeader ul#prgManagerOrder li a#switchNormalOrder span {\n /* https://icons8.com/icon/69920/sort-by-modified-date */\n background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHySURBVGhD7Zg9LwRBHIcPkSA6lXj5DApv0VBQ0ZLoNAoRnUQhKhGJRCQqjVqhEJ0GEY3CN1AIrQIlEfx+e/tPJnP7cju3tzN7mSd5snbudrLP7U1uV8Xj8Xhaiim4AruDPTtMwyXYEewZMAF/4R8844AFFqCcwx4HTFiDnIA+cyAneuERvIL8pJPgycs53HHABDXkhQM5wIh7KPPy096AcexDeS+PM6IZIXPwB8q8NCnG2RCyCKNiZqCOUyH8Om3CtmCvSlTMDtRxJkRdE6cwLobbUajjRIi+sGlUzBdcDvZqsR4SFSHqMQPhNgqrIUkRoh4Th7WQeiIo1wRvf9KwEpIlIm5N6BQewhu6WyjvjzNLBLFyRfrgJZRjdLNGEGtrZBXKMaomEcRayAj8hnIcNY0g1kJIFxyD57CRCFJYCK/AevXPGhjTSAQpLOQA8s41LqZRCglph6+QrzMm7WnPhEJCBiEfgY/hJAeagNXFnic+RMWH5IgPUWmZEPUG8B1uWVB9NLiGRvC3QSZxwUNozAWMmrRo32A/NKYT8hLfwEcD1ZN5Csey+ABP4BC0ihoyz4Gy4kNco5Qh43BWUw3ZDsdUe6Bz8D+HH1A9+SR3obPUG+N0hJAWU4oIIS6mVBECYz5hqSMEiSl1hDAcbptIpfIPemrPlazYnP4AAAAASUVORK5CYII=)\n no-repeat top;\n background-size: 20px 20px;\n}\n\n#prgManagerHeader ul#prgManagerOrder li a#switchUpdateOrder span {\n /* https://icons8.com/icon/69917/sort-by-follow-up-date */\n background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVGhD7Zm7SkNBFEUviPgCrRW08htUbGzstLYTbBQsxDKFpYhY2PsHln6BithY2CtYiCBYCD5+QN073gNDuI/JGO+cE2bBIrkn4TCLJJCQLJFIJPqKRbgBR9pXcViCa3CgfRXAPPyC3/CUgwisQjnDAQchbEMuoI8cRICHlzNccRCCG/LEQQQOoZzhmoMQUkgFQ3Dq964XakMm4D30jVEdwn2+MepDqE+MiRBaF2MmhDJmEhZhKoSWxTQWcgSf4Zun71B2dloU00jILJTHe+UdHIZCIyFj8AXKc/4qvxzuQJfG3lp8K6zDLU93oex0LYogpj7sZRHETEhVBDERUhdB1If4RBDVIb4RRG3IOPSNIGpDuiWFuKSQHpJCXPomZBPKEv6OaEXwEsoZzmEQC1CWaPAYBnMGi5Y27Sss+13vxSDkS3wBbwN0D/OQz7rxBp7AaRgVN2SFA6ukEG2YDJmDyx26IXv5zHUUqoN/nH5A9/BV7kO1+MaojhDqYkxECGUxpiIExnxC0xGCxJiOEGby238ky34AfSvPiU4PspwAAAAASUVORK5CYII=)\n no-repeat top;\n background-size: 20px 20px;\n}\n\n#prgManagerHeader ul#prgManagerOrder li a span {\n display: block;\n text-indent: -9999px;\n height: 18px;\n width: 20px;\n}\n"); ;// CONCATENATED MODULE: ./src/index.ts GM_addStyle(style); const castKeyword = '首播'; const configKey = 'index-sort-order'; function bangumiSortIndex() { class Subject { constructor(el) { this.el = el; const titleEL = el.find('.epGird .tinyHeader .textTip').last(); this.title = titleEL.attr('data-subject-name-cn') ?? titleEL.attr('data-original-title') ?? titleEL.attr('data-subject-name') ?? 'title'; const nextWatch = el.find('li a:not(.epBtnWatched)').first(); const rel = nextWatch.attr('rel'); if (rel) { this.nextDate = getDate(rel); } else { this.nextDate = 0; } const lastWatched = el.find('li a:not(.epBtnWatched)').last(); const lastWatchedRel = lastWatched.attr('rel'); if (lastWatchedRel) { this.lastWatched = getDate(lastWatchedRel); } else { this.lastWatched = 0; } this.airing = el.find('li a.epBtnNA').length !== 0 ? -1 : 1; this.smartKey = this.airing; } } const container = external_$_namespaceObject('#cloumnSubjectInfo .infoWrapper_tv'); const originals = Array.from(external_$_namespaceObject('.infoWrapper_tv [id^=subjectPanel_]')).map(element => { return new Subject(external_$_namespaceObject(element)); }); const subjects = [...originals]; function getDate(rel) { var _document$querySelect, _document$querySelect2; const castDate = Array.from(((_document$querySelect = document.querySelector(rel)) === null || _document$querySelect === void 0 ? void 0 : (_document$querySelect2 = _document$querySelect.querySelector('span.tip')) === null || _document$querySelect2 === void 0 ? void 0 : _document$querySelect2.childNodes) ?? []).filter(e => e.nodeType === Node.TEXT_NODE).map(e => e.textContent ?? '').filter(t => t.includes(castKeyword)); if (castDate.length) { return new Date(castDate[0].replace(`${castKeyword}:`, '')).getTime(); } return 0; } function render(subjects) { subjects.forEach(s => { s.el.remove(); }); subjects.forEach((s, i) => { s.el.removeClass('odd'); s.el.removeClass('even'); if (i % 2) { s.el.addClass('even'); } else { s.el.addClass('odd'); } container.append(s.el); }); } function smart(subjects) { subjects.sort((a, b) => { if (a.airing === b.airing) { return (b.nextDate - a.nextDate) * a.airing; } return a.airing; }); render(subjects); } function update(subjects) { subjects.sort((a, b) => -a.lastWatched + b.lastWatched); render(subjects); } function normal() { render(originals); } function onLoad() { // prgManagerMain.classList.contains('tinyModeWrapper') const orderUI = external_$_namespaceObject(`<ul id='prgManagerOrder' class='categoryTab clearit rr'> <li data-mode='normal'><a href='javascript:void(0);' id='switchNormalOrder' title='修改順序'><span>標準</span></a></li> <li data-mode='smart' ><a href='javascript:void(0);' id='switchSmartOrder' title='智障順序'><span>智能</span></a></li> <li data-mode='update'><a href='javascript:void(0);' id='switchUpdateOrder' title='更新順序'><span>更新</span></a></li> </ul>`); external_$_namespaceObject('#prgManagerHeader').append(orderUI[0]); if (!localStorage['index-sort-order']) { localStorage['index-sort-order'] = 'smart'; } const optionUIs = orderUI.find('li'); let mode = localStorage.getItem(configKey) ?? 'normal'; function click() { optionUIs.find('a').removeClass('focus'); if (this) { var _el$data; const el = external_$_namespaceObject(this); mode = (_el$data = el.data('mode')) === null || _el$data === void 0 ? void 0 : _el$data.toString(); localStorage.setItem(configKey, mode); } switch (mode) { case 'smart': smart(subjects); break; case 'update': update(subjects); break; case 'normal': normal(); break; default: mode = 'normal'; localStorage.setItem(configKey, mode); normal(); } external_$_namespaceObject(`#prgManagerOrder li[data-mode="${mode}"]`).find('a').addClass('focus'); } optionUIs.on('click', click); click(); } onLoad(); } bangumiSortIndex(); /******/ })() ;
