MediaWiki:Common.js

来自Whiteverse Library
Lunch💬讨论 | 贡献2024年10月24日 (四) 15:12的版本
跳到导航跳到搜索

注意:在保存之后,您可能需要清除浏览器缓存才能看到所作出的变更的影响。

  • Firefox或Safari:按住Shift的同时单击刷新,或按Ctrl-F5Ctrl-R(Mac为⌘-R
  • Google Chrome:Ctrl-Shift-R(Mac为⌘-Shift-R
  • Internet Explorer:按住Ctrl的同时单击刷新,或按Ctrl-F5
  • Opera:前往菜单 → 设置(Mac为Opera → Preferences),然后隐私和安全 → 清除浏览数据 → 缓存的图片和文件
/* 这里的任何JavaScript将为所有档案员在每次页面载入时加载。 */

function appendCSS() {
    var link = document.createElement('link');
    link.rel = 'stylesheet';
    link.href = '/extensions/Whiteverse/font/stylesheet.css';
    document.head.appendChild(link);
}
appendCSS();

// 引入 Vis Timeline 库
function appendTimeline() {
    var script = document.createElement('script');
    script.src = 'https://unpkg.com/vis-timeline@7.7.3/standalone/umd/vis-timeline-graph2d.min.js';
    document.head.appendChild(script);
}
appendTimeline();
$(document).ready(function() {
    // 确保仅在有时间轴的页面中执行
    if ($("#visualization").length) {
        const container = document.getElementById("visualization");
        
        // 解析项目和日期
        const itemsArray = $(container).data("items").split(";");

        const convertToLink = function(text) {
    // 处理文件链接
    text = text.replace(/(\[\[文件:(.*?)\|)(\d+x\d+)(\]\])/g, function(match, p1, p2, p3, p4) {
        return p1 + p2 + p4 + ' style="width:' + p3.split('x')[0] + 'px; height:' + p3.split('x')[1] + 'px;"';
    });

    // 处理普通链接
    return text.replace(/\[\[(.*?)\]\]/g, '<a href="/index.php?title=$1">$1</a>');
};

        const items = new vis.DataSet(itemsArray.map(function(item, index) {
            const parts = item.split(",");
            const start = parts[0].trim();
            const content = convertToLink(parts[1].trim()); // 使用转换函数
            return { id: index + 1, content: content, start: start };
        }));
        
        // Configuration for the Timeline
        const options = {
            locale: 'en'
        };
        
        // Create a Timeline
        const timeline = new vis.Timeline(container, items, options);
    }
});