Greasy Fork is available in English.

YCKCEO

Beautify the YCKCEO.

Vous devrez installer une extension telle que Tampermonkey, Greasemonkey ou Violentmonkey pour installer ce script.

Vous devrez installer une extension telle que Tampermonkey pour installer ce script.

Vous devrez installer une extension telle que Tampermonkey ou Violentmonkey pour installer ce script.

Vous devrez installer une extension telle que Tampermonkey ou Userscripts pour installer ce script.

Vous devrez installer une extension telle que Tampermonkey pour installer ce script.

Vous devrez installer une extension de gestionnaire de script utilisateur pour installer ce script.

(J'ai déjà un gestionnaire de scripts utilisateur, laissez-moi l'installer !)

Vous devrez installer une extension telle que Stylus pour installer ce style.

Vous devrez installer une extension telle que Stylus pour installer ce style.

Vous devrez installer une extension telle que Stylus pour installer ce style.

Vous devrez installer une extension du gestionnaire de style pour utilisateur pour installer ce style.

Vous devrez installer une extension du gestionnaire de style pour utilisateur pour installer ce style.

Vous devrez installer une extension du gestionnaire de style pour utilisateur pour installer ce style.

(J'ai déjà un gestionnaire de style utilisateur, laissez-moi l'installer!)

// ==UserScript==
// @name               YCKCEO
// @name:zh-CN         源仓库
// @description        Beautify the YCKCEO.
// @description:zh-CN  美化源仓库。
// @namespace          https://github.com/HaleShaw
// @version            1.0.0
// @author             HaleShaw
// @copyright          2022+, HaleShaw (https://github.com/HaleShaw)
// @license            AGPL-3.0-or-later
// @homepage           https://github.com/HaleShaw/TM-YCKCEO
// @supportURL         https://github.com/HaleShaw/TM-YCKCEO/issues
// @contributionURL    https://www.jianwudao.com/
// @icon               http://www.yckceo.com/favicon.ico
// @match              http://www.yckceo.com/*
// @compatible         Chrome
// @grant              GM_addStyle
// ==/UserScript==

// ==OpenUserJS==
// @author             HaleShaw
// @collaborator       HaleShaw
// ==/OpenUserJS==

(function () {
  'use strict';

  const menuStyle = `
  .layui-layer-dialog .layui-layer-content {
        height: 508px !important;
        overflow-y: hidden !important;
    }

    .layui-layer-dialog {
        height: 600px !important;
    }
  .layui-footer.footer.footer-demo {
    display: none !important;
  }
  `;

  const beautifulStyle = `
    .laytable-cell-1-0-1,
    .laytable-cell-1-0-2 {
      width: 810px !important;
    }

    .layui-btn-group {
        font-size: inherit !important;
    }
    span.head.count {
        display: inline-block;
        width: 3rem;
        text-align: center;
        vertical-align: middle;
        margin-left: 5px;
    }

    div.layui-table-box > div.layui-table-header > table > thead > tr > th:nth-child(4),
    div.layui-table-box > div.layui-table-body.layui-table-main > table > tbody > tr > td:nth-child(4),
    #comments-section {
        display: none !important;
    }

    .layui-table-cell .layui-table-link {
        width: 400px;
        display: inline-block;
    }

    div.layui-table-box > div.layui-table-body.layui-table-main > table > tbody > tr > td:nth-child(3) > div > a:nth-child(1) {
        width: 200px;
        display: inline-block;
    }

    div.layui-body.layui-tab-content.site-demo.site-demo-body > div.layui-main ~div {
        display: none !important;
    }

    body .layui-layout-admin .site-demo {
        bottom: 0 !important;
    }
  `;
  const shuYuanUrl = '/yuedu/shuyuan/index.html';

  main();

  function main() {
    GM_addStyle(menuStyle);
    GM_addStyle(beautifulStyle);
    logInfo(GM_info.script.name, GM_info.script.version);

    if (location.pathname == shuYuanUrl) {
      setTimeout(() => {
        addButton();
      }, 2000);
    }
  }


  function beautifyShuYuan() {
    document.querySelectorAll('div.layui-table-box > div.layui-table-body.layui-table-main > table > tbody > tr > td:nth-child(4)');
    let trList = document.querySelectorAll('div.layui-table-box > div.layui-table-body.layui-table-main > table > tbody > tr');
    let spanList = document.querySelectorAll('div.layui-table-box > div.layui-table-body.layui-table-main > table > tbody > tr > td:nth-child(2) > div > p:nth-child(2) > span');
    let count = 0;
    for (let i = trList.length - 1; i >= 0; i--) {
      let span = trList[i].querySelector('td:nth-child(2) > div > p:nth-child(2) > span');
      let checkBox = trList[i].querySelector('td:nth-child(1) > div > div > i');
      const element = spanList[i];
      if (span.className.indexOf('green') == -1) {
        trList[i].remove();
      } else {
        checkBox.click();
        count++;
      }
    }

    trList = document.querySelectorAll('div.layui-table-box > div.layui-table-body.layui-table-main > table > tbody > tr');
    for (let i = 0; i < trList.length; i++) {
      const element = trList[i];
      let divEle = trList[i].querySelector('td:nth-child(2) > div');
      let htmlStr = divEle.innerHTML;
      let newStr = htmlStr.replaceAll('p>', 'a>');
      divEle.innerHTML = newStr;

      let otherDiv = trList[i].querySelector('td:nth-child(3) > div');
      let otherHTML = otherDiv.innerHTML;
      let otherNew = otherHTML.replaceAll('p>', 'a>');
      otherDiv.innerHTML = otherNew;
    }

    let countSpan = document.querySelector('span.head.count');
    countSpan.textContent = count;
  }

  function addButton() {
    let parent = document.querySelector('div.layui-table-tool > div.layui-table-tool-temp > div.layui-btn-group');
    let button = document.createElement('button');
    button.textContent = '过滤';
    button.title = '过滤绿色可用源';
    button.className = 'layui-btn layui-btn-sm layui-btn-normal';
    button.onclick = function () {
      beautifyShuYuan();
    }

    let countSpan = document.createElement('span')
    countSpan.className = 'head count';
    parent.append(button);
    parent.append(countSpan);
  }

  /**
   * Log the title and version at the front of the console.
   * @param {String} title title.
   * @param {String} version script version.
   */
  function logInfo(title, version) {
    console.clear();
    const titleStyle = 'color:white;background-color:#606060';
    const versionStyle = 'color:white;background-color:#1475b2';
    const logTitle = ' ' + title + ' ';
    const logVersion = ' ' + version + ' ';
    console.log('%c' + logTitle + '%c' + logVersion, titleStyle, versionStyle);
  }
})();