☰

Greasy Fork is available in English.

YCKCEO

Beautify the YCKCEO.

// ==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);
  }
})();