“MediaWiki:Common.js”的版本间的差异

来自Whiteverse Library
跳到导航跳到搜索
第16行: 第16行:
}
}
appendTimeline();
appendTimeline();
function convertToLink(text) {
    return text.replace(/\[\[(.*?)\]\]/g, '<a href="/index.php?title=$1">$1</a>');
}
$(document).ready(function() {
$(document).ready(function() {
     // 确保仅在有时间轴的页面中执行
     // 确保仅在有时间轴的页面中执行
     if ($("#visualization").length) {
     if ($(".visualization").length) {
         const container = document.getElementById("visualization");
         const containers = document.getElementsByClassName("visualization");
          
          
         // 解析项目和日期
         Array.from(containers).forEach(container => {
        const itemsArray = $(container).data("items").split(";");
            // 解析项目和日期
            const itemsArray = $(container).data("items").split(";");
            const items = new vis.DataSet(itemsArray.map(function(item, index) {
                const parts = item.split(",");
                const start = parts[0].trim();
                let content = parts[1].trim();


        const convertToLink = function(text) {
                // 处理文件链接和大小参数
            return text.replace(/\[\[(.*?)\]\]/g, '<a href="/index.php?title=$1">$1</a>');
                content = content.replace(/(\[\[文件:(.*?)\|)(\d+x\d+)(\]\])/g, (match, p1, p2, p3, p4) => {
        };
                    return `${p1}${p2}${p4} style="width:${p3.split('x')[0]}px; height:${p3.split('x')[1]}px;"`;
                });


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

2024年10月24日 (四) 14:59的版本

/* 这里的任何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 containers = document.getElementsByClassName("visualization");
        
        Array.from(containers).forEach(container => {
            // 解析项目和日期
            const itemsArray = $(container).data("items").split(";");
            const items = new vis.DataSet(itemsArray.map(function(item, index) {
                const parts = item.split(",");
                const start = parts[0].trim();
                let content = parts[1].trim();

                // 处理文件链接和大小参数
                content = content.replace(/(\[\[文件:(.*?)\|)(\d+x\d+)(\]\])/g, (match, p1, p2, p3, p4) => {
                    return `${p1}${p2}${p4} style="width:${p3.split('x')[0]}px; height:${p3.split('x')[1]}px;"`;
                });

                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);
        });
    }
});