加载中...
';
419 |
420 | // 组装面板
421 | panel.appendChild(header);
422 | panel.appendChild(content);
423 | document.body.appendChild(panel);
424 |
425 | // 保存窗口位置的函数
426 | function savePanelPosition() {
427 | const transform = window.getComputedStyle(panel).transform;
428 | if (transform && transform !== 'none') {
429 | const matrix = new DOMMatrix(transform);
430 | GM_setValue(STORAGE_KEY_POSITION, { x: matrix.e, y: matrix.f });
431 | }
432 | }
433 |
434 | // 保存窗口折叠状态的函数
435 | function savePanelCollapsedState() {
436 | GM_setValue(STORAGE_KEY_COLLAPSED, panel.classList.contains('ld-collapsed'));
437 | }
438 |
439 | // 恢复窗口状态
440 | function restorePanelState() {
441 | // 恢复折叠状态
442 | const isCollapsed = GM_getValue(STORAGE_KEY_COLLAPSED, false);
443 | if (isCollapsed) {
444 | panel.classList.add('ld-collapsed');
445 | toggleBtn.textContent = '▶'; // 右箭头
446 | } else {
447 | panel.classList.remove('ld-collapsed');
448 | toggleBtn.textContent = '◀'; // 左箭头
449 | }
450 |
451 | // 恢复位置
452 | const position = GM_getValue(STORAGE_KEY_POSITION, null);
453 | if (position) {
454 | panel.style.transform = `translate(${position.x}px, ${position.y}px)`;
455 | }
456 | }
457 |
458 | // 拖动功能
459 | let isDragging = false;
460 | let lastX, lastY;
461 |
462 | header.addEventListener('mousedown', (e) => {
463 | if (panel.classList.contains('ld-collapsed')) return;
464 |
465 | isDragging = true;
466 | lastX = e.clientX;
467 | lastY = e.clientY;
468 |
469 | // 添加拖动时的样式
470 | panel.style.transition = 'none';
471 | document.body.style.userSelect = 'none';
472 | });
473 |
474 | document.addEventListener('mousemove', (e) => {
475 | if (!isDragging) return;
476 |
477 | // 使用 transform 而不是改变 left/top 属性，性能更好
478 | const dx = e.clientX - lastX;
479 | const dy = e.clientY - lastY;
480 |
481 | const currentTransform = window.getComputedStyle(panel).transform;
482 | const matrix = new DOMMatrix(currentTransform === 'none' ? '' : currentTransform);
483 |
484 | const newX = matrix.e + dx;
485 | const newY = matrix.f + dy;
486 |
487 | panel.style.transform = `translate(${newX}px, ${newY}px)`;
488 |
489 | lastX = e.clientX;
490 | lastY = e.clientY;
491 | });
492 |
493 | document.addEventListener('mouseup', () => {
494 | if (!isDragging) return;
495 |
496 | isDragging = false;
497 | panel.style.transition = '';
498 | document.body.style.userSelect = '';
499 |
500 | // 保存窗口位置
501 | savePanelPosition();
502 | });
503 |
504 | // 展开/收起功能
505 | const toggleBtn = header.querySelector('.ld-toggle-btn');
506 | toggleBtn.addEventListener('click', () => {
507 | panel.classList.toggle('ld-collapsed');
508 | toggleBtn.textContent = panel.classList.contains('ld-collapsed') ? '▶' : '◀';
509 |
510 | // 保存折叠状态
511 | savePanelCollapsedState();
512 | });
513 |
514 | // 刷新按钮
515 | const refreshBtn = header.querySelector('.ld-refresh-btn');
516 | refreshBtn.addEventListener('click', fetchTrustLevelData);
517 |
518 | // 检查更新按钮
519 | const updateBtn = header.querySelector('.ld-update-btn');
520 | updateBtn.addEventListener('click', checkForUpdates);
521 |
522 | // 主题切换按钮
523 | const themeBtn = header.querySelector('.ld-theme-btn');
524 | themeBtn.addEventListener('click', toggleTheme);
525 |
526 | // 更新主题按钮图标
527 | updateThemeButtonIcon();
528 |
529 | // 切换主题函数
530 | function toggleTheme() {
531 | const isDarkTheme = panel.classList.contains('ld-dark-theme');
532 |
533 | // 切换主题类
534 | panel.classList.remove(isDarkTheme ? 'ld-dark-theme' : 'ld-light-theme');
535 | panel.classList.add(isDarkTheme ? 'ld-light-theme' : 'ld-dark-theme');
536 |
537 | // 保存主题设置
538 | GM_setValue(STORAGE_KEY_THEME, isDarkTheme ? 'light' : 'dark');
539 |
540 | // 更新主题按钮图标
541 | updateThemeButtonIcon();
542 | }
543 |
544 | // 更新主题按钮图标
545 | function updateThemeButtonIcon() {
546 | const isDarkTheme = panel.classList.contains('ld-dark-theme');
547 | themeBtn.textContent = isDarkTheme ? '🌙' : '☀️'; // 月亮或太阳图标
548 | themeBtn.title = isDarkTheme ? '切换为亮色主题' : '切换为深色主题';
549 |
550 | // 在亮色主题下调整按钮颜色
551 | if (!isDarkTheme) {
552 | document.querySelectorAll('.ld-toggle-btn, .ld-refresh-btn, .ld-update-btn, .ld-theme-btn').forEach(btn => {
553 | btn.style.color = 'white'; // 亮色主题下按钮使用白色，因为标题栏是蓝色
554 | btn.style.textShadow = '0 0 1px rgba(0,0,0,0.3)'; // 添加文字阴影增强可读性
555 | });
556 | } else {
557 | document.querySelectorAll('.ld-toggle-btn, .ld-refresh-btn, .ld-update-btn, .ld-theme-btn').forEach(btn => {
558 | btn.style.color = 'white';
559 | btn.style.textShadow = 'none';
560 | });
561 | }
562 | }
563 |
564 | // 检查脚本更新
565 | function checkForUpdates() {
566 | const updateURL = 'https://raw.githubusercontent.com/1e0n/LinuxDoStatus/master/LDStatus.user.js';
567 |
568 | // 显示正在检查的状态
569 | updateBtn.textContent = '⌛'; // 沙漏图标
570 | updateBtn.title = '正在检查更新...';
571 |
572 | GM_xmlhttpRequest({
573 | method: 'GET',
574 | url: updateURL,
575 | onload: function(response) {
576 | if (response.status === 200) {
577 | // 提取远程脚本的版本号
578 | const versionMatch = response.responseText.match(/@version\s+([\d\.]+)/);
579 | if (versionMatch && versionMatch[1]) {
580 | const remoteVersion = versionMatch[1];
581 |
582 | // 比较版本
583 | if (remoteVersion > scriptVersion) {
584 | // 有新版本
585 | updateBtn.textContent = '⚠️'; // 警告图标
586 | updateBtn.title = `发现新版本 v${remoteVersion}，点击前往更新页面`;
587 | updateBtn.style.color = '#ffd700'; // 黄色
588 |
589 | // 点击按钮跳转到更新页面
590 | updateBtn.onclick = function() {
591 | window.open(updateURL, '_blank');
592 | };
593 | } else {
594 | // 已是最新版本
595 | updateBtn.textContent = '✔'; // 勾选图标
596 | updateBtn.title = '已是最新版本';
597 | updateBtn.style.color = '#68d391'; // 绿色
598 |
599 | // 3秒后恢复原样式
600 | setTimeout(() => {
601 | updateBtn.textContent = '🔎'; // 放大镜图标
602 | updateBtn.title = '检查更新';
603 | updateBtn.style.color = 'white';
604 | updateBtn.onclick = checkForUpdates;
605 | }, 3000);
606 | }
607 | } else {
608 | handleUpdateError();
609 | }
610 | } else {
611 | handleUpdateError();
612 | }
613 | },
614 | onerror: handleUpdateError
615 | });
616 |
617 | // 处理更新检查错误
618 | function handleUpdateError() {
619 | updateBtn.textContent = '❌'; // 错误图标
620 | updateBtn.title = '检查更新失败，请稍后再试';
621 | updateBtn.style.color = '#fc8181'; // 红色
622 |
623 | // 3秒后恢复原样式
624 | setTimeout(() => {
625 | updateBtn.textContent = '🔎'; // 放大镜图标
626 | updateBtn.title = '检查更新';
627 | updateBtn.style.color = 'white';
628 | }, 3000);
629 | }
630 | }
631 |
632 | // 获取信任级别数据
633 | function fetchTrustLevelData() {
634 | content.innerHTML = '加载中...
';
635 |
636 | GM_xmlhttpRequest({
637 | method: 'GET',
638 | url: 'https://connect.linux.do',
639 | onload: function(response) {
640 | if (response.status === 200) {
641 | parseTrustLevelData(response.responseText);
642 | } else {
643 | content.innerHTML = '
744 | ${isMeetingRequirements ? '已' : '未'}符合信任级别 ${targetLevel} 要求
745 |
746 | `;
747 |
748 | requirements.forEach(req => {
749 | // 简化项目名称
750 | let name = req.name;
751 | // 将一些常见的长名称缩短
752 | name = name.replace('已读帖子（所有时间）', '已读帖子(总)');
753 | name = name.replace('浏览的话题（所有时间）', '浏览话题(总)');
754 | name = name.replace('获赞：点赞用户数量', '点赞用户数');
755 | name = name.replace('获赞：单日最高数量', '总获赞天数');
756 | name = name.replace('被禁言（过去 6 个月）', '被禁言');
757 | name = name.replace('被封禁（过去 6 个月）', '被封禁');
758 |
759 | // 提取数字部分以简化显示
760 | let current = req.current;
761 | let required = req.required;
762 |
763 | // 尝试从字符串中提取数字
764 | const currentMatch = req.current.match(/(\d+)/);
765 | const requiredMatch = req.required.match(/(\d+)/);
766 |
767 | if (currentMatch) current = currentMatch[1];
768 | if (requiredMatch) required = requiredMatch[1];
769 |
770 | // 添加目标完成数变化的标识
771 | let changeIndicator = '';
772 | if (req.hasChanged) {
773 | const diff = req.changeValue;
774 | if (diff > 0) {
775 | changeIndicator = `
792 |
近期的活动
793 |
801 | `;
802 |
803 | // 添加每个数据项
804 | const dailyStatsItems = [
805 | { name: '浏览话题', key: '浏览的话题（所有时间）' },
806 | { name: '回复话题', key: '回复的话题' },
807 | { name: '已读帖子', key: '已读帖子（所有时间）' },
808 | { name: '获得点赞', key: '获赞：点赞用户数量' },
809 | { name: '点赞帖子', key: '点赞' }
810 | ];
811 |
812 | dailyStatsItems.forEach(item => {
813 | const data = dailyChanges[item.key] || { day1: 0, day2: 0, trend: 0 };
814 |
815 | // 创建趋势指示器
816 | let trendIndicator = '';
817 | if (data.trend > 0) {
818 | trendIndicator = `
▲${Math.abs(data.trend)}`;
819 | } else if (data.trend < 0) {
820 | trendIndicator = `
▼${Math.abs(data.trend)}`;
821 | } else {
822 | trendIndicator = `
0`;
823 | }
824 |
825 | html += `
826 |
827 | ${item.name}
828 |
829 |
830 | ${data.day2}
831 | ${data.day1}
832 | ${trendIndicator}
833 |
834 |
835 |
836 | `;
837 | });
838 |
839 | html += `