DCU Timetable Filter

Optimize DCU's open timetable to filter selected courses.
目前為 2022-09-09 提交的版本，檢視最新版本。
安裝腳本 ?
Wrap lines
// ==UserScript==
// @name         DCU Timetable Filter
// @name:zh-CN   DCU 课程表过滤器
// @namespace    https://chenhe.me/
// @version      0.1
// @description  Optimize DCU's open timetable to filter selected courses.
// @description:zh-CN  优化 DCU 的课程表，只显示选中的课程。
// @author       Chenhe
// @license      MIT License
// @match        https://opentimetable.dcu.ie/
// @require      http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js
// @require      https://gf.qytechs.cn/scripts/383527-wait-for-key-elements/code/Wait_for_key_elements.js
// @require      https://openuserjs.org/src/libs/sizzle/GM_config.js
// @grant        GM_getValue
// @grant        GM_setValue
// ==/UserScript==

(function () {
  "use strict";

  let selectedCourses = [];
  const cellWithEventSelector =
    "#week-pdf-content td.c-timetable-week__occurrence-td";
  const toolbarSelector = "app-publish-toolbar";

  GM_config.init({
    id: "main",
    title: "Course Filter Configuration",
    events: {
      init: function () {
        selectedCourses = GM_config.get("Courses").split("\n");
        console.log("Selected courses: " + selectedCourses);
      },
      save: function () {
        selectedCourses = GM_config.get("Courses").split("\n");
        console.log("Selected courses: " + selectedCourses);

        $(cellWithEventSelector).each(function () {
          processCell($(this));
        });
        $(toolbarSelector).each(function () {
          processToolbar($(this));
        });
      },
    },
    fields: {
      Courses: {
        label:
          "The codes of selected courses, one for each line. e.g. CA644<br>Leave blank to disable filtering.",
        type: "textarea",
      },
      FullyHide: {
        label: "Fully hide unselected courses:",
        type: "checkbox",
        default: false,
      },
      Opacity: {
        label: "Opacity of unselected courses [0,1]:",
        type: "float",
        default: "0.35",
      },
      Button: {
        label: "Chenhe's Github", // Appears on the button
        type: "button", // Makes this setting a button input
        size: 100, // Control the size of the button (default is 25)
        click: function () {
          window.open("https://github.com/ichenhe", "_blank");
        },
      },
    },
  });

  /**
   * Judge whether a course has been selected or not.
   * @param {string} lessonName
   */
  function isSelected(lessonName) {
    let _lessonName = lessonName.toUpperCase().trim();
    for (const item of selectedCourses) {
      let a = item.toUpperCase();
      if (a.indexOf(_lessonName) != -1 || _lessonName.indexOf(a) != -1) {
        return true;
      }
    }
    return false;
  }

  waitForKeyElements(cellWithEventSelector, processCell);

  waitForKeyElements(toolbarSelector, processToolbar);

  function processCell(jNode) {
    let nameNode = jNode.find('div[data-field-name="Name"]');
    if (!nameNode) return;
    let lessonName = nameNode.attr("title").split("/")[0];
    if (!isSelected(lessonName)) {
      console.log("hide: " + lessonName);

      if (GM_config.get("FullyHide")) {
        jNode.css("visibility", "hidden");
      } else {
        jNode.css("visibility", "visible");
        jNode.css("opacity", GM_config.get("Opacity"));
      }
    } else {
      jNode.css("visibility", "visible");
      jNode.css("opacity", "1");
    }
  }

  function processToolbar(jNode) {
    if (GM_config.get("Courses")) {
      if (!document.getElementById("che-filter-msg")) {
        let message = document.createElement("div");
        message.id = "che-filter-msg";
        message.innerHTML =
          "⚠️ Course filter activated! Please check it manually. The developer is not responsible for the result. Only week view on desktop is suppoted.";
        message.style.color = "#ffffff";
        message.style.background = "#e53935";
        message.style.padding = "12px";
        jNode.append(message);
      }
    } else {
      $("#che-filter-msg").remove();
    }

    if (!document.getElementById("che-filter-config-btn")) {
      let button = document.createElement("button");
      button.id = "che-filter-config-btn";
      button.innerHTML = "Config Course Filter";
      button.style.backgroundColor = "#4a9775";
      button.style.border = "none";
      button.style.color = "#ffffff";
      button.style.padding = "8px";
      button.style.marginTop = "8px";
      button.style.cursor = "pointer";
      button.onclick = function () {
        GM_config.open();
      };
      jNode.append(button);
    }
  }
})();
欢迎访问Greasy Fork镜像
