nanhaoluo
f7c587c03e
- 添加独立的 window scroll 事件监听，确保滚动时触发更新 - 获取 headIndex 实例并手动调用 updateCurrent 方法 - 添加 PJAX 完成后的目录更新逻辑 - 使用节流优化滚动性能（100ms 延迟）
1370 lines
46 KiB
PHP
1370 lines
46 KiB
PHP
<?php
|
||
$is_single_column = get_option('argon_page_layout', 'double') == 'single';
|
||
$leftbar_class = 'leftbar widget-area' . ($is_single_column ? ' single-column-sidebar' : '');
|
||
|
||
// 获取作者信息
|
||
$author_name = get_option('argon_sidebar_auther_name');
|
||
if (empty($author_name)) {
|
||
$author_name = get_bloginfo('name');
|
||
}
|
||
$author_image = get_option('argon_sidebar_auther_image');
|
||
$author_desc = get_option('argon_sidebar_author_description');
|
||
?>
|
||
|
||
<div id="sidebar_mask"></div>
|
||
|
||
<aside id="leftbar" class="<?php echo $leftbar_class; ?>" role="complementary">
|
||
|
||
<!-- 移动端侧边栏 - 重新设计的布局 -->
|
||
<div id="leftbar_mobile_nav" class="leftbar-mobile-nav">
|
||
<!-- 顶部用户信息区 -->
|
||
<div class="leftbar-mobile-profile">
|
||
<div class="leftbar-mobile-close" id="leftbar_close_btn">
|
||
<i class="fa fa-times"></i>
|
||
</div>
|
||
<?php if (!empty($author_image)) : ?>
|
||
<div class="leftbar-mobile-avatar">
|
||
<img src="<?php echo esc_url($author_image); ?>" alt="avatar">
|
||
</div>
|
||
<?php endif; ?>
|
||
<div class="leftbar-mobile-user-info">
|
||
<div class="leftbar-mobile-user-name">
|
||
<?php echo esc_html($author_name); ?>
|
||
<?php
|
||
$show_duo = get_option('argon_show_duolingo_streak', 'false');
|
||
$duo_username = get_option('argon_duolingo_username', '');
|
||
if ($show_duo == 'true' && !empty($duo_username)) :
|
||
$duo_data = argon_get_duolingo_data();
|
||
if ($duo_data !== false) :
|
||
$is_today_done = isset($duo_data['today']) && $duo_data['today'];
|
||
?>
|
||
<span class="duolingo-streak<?php echo $is_today_done ? '' : ' not-done'; ?>">
|
||
<img src="<?php echo get_template_directory_uri(); ?>/assets/icons/duolingo-streak<?php echo $is_today_done ? '' : '-empty'; ?>.svg" class="duolingo-flame" alt="streak">
|
||
<?php echo $duo_data['streak']; ?>
|
||
</span>
|
||
<?php endif; endif; ?>
|
||
</div>
|
||
<?php if (!empty($author_desc)) : ?>
|
||
<div class="leftbar-mobile-user-desc"><?php echo esc_html($author_desc); ?></div>
|
||
<?php endif; ?>
|
||
</div>
|
||
<!-- 统计数据 -->
|
||
<div class="leftbar-mobile-stats">
|
||
<div class="leftbar-mobile-stat">
|
||
<span class="stat-num"><?php echo wp_count_posts()->publish; ?></span>
|
||
<span class="stat-label"><?php _e('文章', 'argon'); ?></span>
|
||
</div>
|
||
<div class="leftbar-mobile-stat">
|
||
<span class="stat-num"><?php echo wp_count_terms('category'); ?></span>
|
||
<span class="stat-label"><?php _e('分类', 'argon'); ?></span>
|
||
</div>
|
||
<div class="leftbar-mobile-stat">
|
||
<span class="stat-num"><?php echo wp_count_terms('post_tag'); ?></span>
|
||
<span class="stat-label"><?php _e('标签', 'argon'); ?></span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 搜索框 -->
|
||
<div class="leftbar-mobile-search">
|
||
<div class="leftbar-mobile-search-inner">
|
||
<i class="fa fa-search"></i>
|
||
<input type="text" id="leftbar_mobile_search_input" placeholder="<?php _e('搜索...', 'argon'); ?>" autocomplete="off">
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 导航菜单 -->
|
||
<?php if ( has_nav_menu('toolbar_menu') ) : ?>
|
||
<div class="leftbar-mobile-menu-section">
|
||
<div class="leftbar-mobile-section-title"><?php _e('导航', 'argon'); ?></div>
|
||
<ul class="leftbar-mobile-menu">
|
||
<?php
|
||
// 使用简化的 Walker 输出顶栏菜单
|
||
if (!class_exists('mobileToolbarMenuWalker')) {
|
||
class mobileToolbarMenuWalker extends Walker_Nav_Menu {
|
||
public function start_lvl( &$output, $depth = 0, $args = array() ) {
|
||
$output .= '<ul class="leftbar-mobile-submenu">';
|
||
}
|
||
public function end_lvl( &$output, $depth = 0, $args = array() ) {
|
||
$output .= '</ul>';
|
||
}
|
||
public function start_el( &$output, $object, $depth = 0, $args = array(), $current_object_id = 0 ) {
|
||
$has_children = $args->walker->has_children;
|
||
$is_current = $object->current;
|
||
$output .= '<li class="leftbar-mobile-menu-item' . ($has_children ? ' has-children' : '') . ($is_current ? ' current' : '') . '">';
|
||
$output .= '<a href="' . esc_url($object->url) . '"' . ($has_children ? ' class="has-submenu"' : '') . '>';
|
||
$output .= '<span class="menu-text">' . esc_html($object->title) . '</span>';
|
||
if ($has_children) {
|
||
$output .= '<i class="fa fa-angle-down submenu-arrow"></i>';
|
||
}
|
||
$output .= '</a>';
|
||
}
|
||
public function end_el( &$output, $object, $depth = 0, $args = array(), $current_object_id = 0 ) {
|
||
$output .= '</li>';
|
||
}
|
||
}
|
||
}
|
||
|
||
wp_nav_menu( array(
|
||
'container' => '',
|
||
'theme_location' => 'toolbar_menu',
|
||
'items_wrap' => '%3$s',
|
||
'depth' => 2,
|
||
'walker' => new mobileToolbarMenuWalker()
|
||
) );
|
||
?>
|
||
</ul>
|
||
</div>
|
||
<?php endif; ?>
|
||
|
||
<!-- 侧边栏菜单 -->
|
||
<?php if ( has_nav_menu('leftbar_menu') ) : ?>
|
||
<div class="leftbar-mobile-menu-section">
|
||
<div class="leftbar-mobile-section-title"><?php _e('更多', 'argon'); ?></div>
|
||
<ul class="leftbar-mobile-menu">
|
||
<?php
|
||
wp_nav_menu( array(
|
||
'container' => '',
|
||
'theme_location' => 'leftbar_menu',
|
||
'items_wrap' => '%3$s',
|
||
'depth' => 2,
|
||
'walker' => new mobileToolbarMenuWalker()
|
||
) );
|
||
?>
|
||
</ul>
|
||
</div>
|
||
<?php endif; ?>
|
||
|
||
<!-- 文章目录折叠面板 (仅在文章页显示) -->
|
||
<?php if (have_catalog()) : ?>
|
||
<div class="leftbar-mobile-collapse-section">
|
||
<div class="leftbar-mobile-collapse-header" id="mobile_catalog_toggle">
|
||
<div class="collapse-header-left">
|
||
<i class="fa fa-list-ol collapse-icon"></i>
|
||
<span class="collapse-title"><?php _e('文章目录', 'argon'); ?></span>
|
||
</div>
|
||
<i class="fa fa-chevron-down collapse-arrow"></i>
|
||
</div>
|
||
<div class="leftbar-mobile-collapse-content" id="mobile_catalog_content">
|
||
<div id="leftbar_mobile_catalog" class="mobile-catalog-container"></div>
|
||
</div>
|
||
</div>
|
||
<?php endif; ?>
|
||
|
||
<!-- TODO折叠面板 -->
|
||
<?php if (get_option('argon_show_todo_list', 'true') == 'true') : ?>
|
||
<?php
|
||
$mobile_todos = argon_get_todo_list();
|
||
$mobile_is_author = current_user_can('publish_posts');
|
||
$mobile_todo_nonce = wp_create_nonce('argon_todo_nonce');
|
||
$mobile_uncompleted_count = count(array_filter($mobile_todos, function($t) { return empty($t['completed']); }));
|
||
?>
|
||
<div class="leftbar-mobile-collapse-section">
|
||
<div class="leftbar-mobile-collapse-header" id="mobile_todo_toggle">
|
||
<div class="collapse-header-left">
|
||
<i class="fa fa-check-square-o collapse-icon"></i>
|
||
<span class="collapse-title"><?php _e('TODO', 'argon'); ?></span>
|
||
<span class="collapse-badge" id="mobile_todo_count"><?php echo $mobile_uncompleted_count; ?></span>
|
||
</div>
|
||
<i class="fa fa-chevron-down collapse-arrow"></i>
|
||
</div>
|
||
<div class="leftbar-mobile-collapse-content" id="mobile_todo_content">
|
||
<div class="mobile-todo-container">
|
||
<?php if ($mobile_is_author) : ?>
|
||
<div class="mobile-todo-add-form">
|
||
<input type="text" id="mobile-todo-input" placeholder="<?php _e('添加新的待办事项...', 'argon'); ?>" maxlength="100">
|
||
<button type="button" id="mobile-todo-add-btn">
|
||
<i class="fa fa-plus"></i>
|
||
</button>
|
||
</div>
|
||
<?php endif; ?>
|
||
<ul class="mobile-todo-list" id="mobile-todo-list">
|
||
<?php if (empty($mobile_todos)) : ?>
|
||
<li class="mobile-todo-empty"><?php _e('暂无待办事项', 'argon'); ?></li>
|
||
<?php else : ?>
|
||
<?php foreach ($mobile_todos as $todo) :
|
||
$is_completed = isset($todo['completed']) && $todo['completed'];
|
||
$is_urged = !$mobile_is_author && !$is_completed && argon_check_todo_urged($todo['id']);
|
||
?>
|
||
<li class="mobile-todo-item <?php echo $is_completed ? 'todo-completed' : ''; ?>" data-id="<?php echo esc_attr($todo['id']); ?>" data-urged="<?php echo $is_urged ? '1' : '0'; ?>">
|
||
<span class="mobile-todo-content"><?php echo esc_html($todo['content']); ?></span>
|
||
<?php if ($mobile_is_author) : ?>
|
||
<?php if ($is_completed) : ?>
|
||
<button class="mobile-todo-delete-btn" title="<?php _e('删除', 'argon'); ?>">
|
||
<i class="fa fa-trash"></i>
|
||
</button>
|
||
<?php else : ?>
|
||
<button class="mobile-todo-complete-btn" title="<?php _e('完成', 'argon'); ?>">
|
||
<i class="fa fa-check"></i>
|
||
</button>
|
||
<?php endif; ?>
|
||
<?php else : ?>
|
||
<?php if ($is_completed) : ?>
|
||
<span class="mobile-todo-done-mark">
|
||
<i class="fa fa-check"></i>
|
||
</span>
|
||
<?php elseif ($is_urged) : ?>
|
||
<button class="mobile-todo-urge-btn urged" disabled>
|
||
<i class="fa fa-check"></i>
|
||
</button>
|
||
<?php else : ?>
|
||
<button class="mobile-todo-urge-btn" title="<?php _e('催一下', 'argon'); ?>">
|
||
<i class="fa fa-bell"></i>
|
||
</button>
|
||
<?php endif; ?>
|
||
<?php endif; ?>
|
||
</li>
|
||
<?php endforeach; ?>
|
||
<?php endif; ?>
|
||
</ul>
|
||
<?php
|
||
// 移动端验证码容器
|
||
if (!$mobile_is_author && argon_is_todo_captcha_enabled()) :
|
||
$mobile_captcha_type = get_option('argon_captcha_type', 'math');
|
||
?>
|
||
<div class="mobile-todo-captcha-container" style="display:none; margin-top: 10px; padding: 10px; background: var(--color-foreground); border-radius: 10px;">
|
||
<?php if ($mobile_captcha_type == 'geetest') : ?>
|
||
<p style="font-size: 12px; color: #666; margin: 0 0 8px;"><?php _e('请完成验证', 'argon'); ?></p>
|
||
<?php else : ?>
|
||
<div style="display: flex; align-items: center; gap: 8px;">
|
||
<span class="mobile-todo-captcha-text" style="font-family: monospace; font-size: 14px; background: #f0f0f0; padding: 6px 10px; border-radius: 6px; letter-spacing: 2px;"><?php echo argon_generate_captcha(); ?></span>
|
||
<input type="text" id="mobile-todo-captcha-input" placeholder="<?php _e('验证码', 'argon'); ?>" maxlength="10" style="flex: 1; padding: 8px 10px; border: 1px solid var(--color-border); border-radius: 8px; font-size: 13px; background: var(--color-background);">
|
||
<button type="button" id="mobile-todo-captcha-submit" class="btn btn-sm btn-primary" style="padding: 8px 12px; border-radius: 8px; font-size: 12px;">
|
||
<?php _e('确认', 'argon'); ?>
|
||
</button>
|
||
</div>
|
||
<?php endif; ?>
|
||
</div>
|
||
<?php endif; ?>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<script>
|
||
(function() {
|
||
var mobileNonce = '<?php echo $mobile_todo_nonce; ?>';
|
||
var mobileAjaxUrl = '<?php echo admin_url('admin-ajax.php'); ?>';
|
||
var mobileIsAuthor = <?php echo $mobile_is_author ? 'true' : 'false'; ?>;
|
||
var mobileNeedCaptcha = <?php echo (!$mobile_is_author && argon_is_todo_captcha_enabled()) ? 'true' : 'false'; ?>;
|
||
var mobileCaptchaType = '<?php echo get_option('argon_captcha_type', 'math'); ?>';
|
||
var mobileGeetestId = '<?php echo get_option('argon_geetest_captcha_id', ''); ?>';
|
||
window.mobileTodoConfig = {
|
||
nonce: mobileNonce,
|
||
ajaxUrl: mobileAjaxUrl,
|
||
isAuthor: mobileIsAuthor,
|
||
needCaptcha: mobileNeedCaptcha,
|
||
captchaType: mobileCaptchaType,
|
||
geetestId: mobileGeetestId
|
||
};
|
||
})();
|
||
</script>
|
||
<?php endif; ?>
|
||
|
||
<!-- 顶栏自定义链接 -->
|
||
<?php
|
||
$toolbar_links_left = get_option('argon_toolbar_links_left', '');
|
||
$toolbar_links_right = get_option('argon_toolbar_links_right', '');
|
||
$has_custom_links = !empty(trim($toolbar_links_left)) || !empty(trim($toolbar_links_right));
|
||
if ($has_custom_links) :
|
||
?>
|
||
<div class="leftbar-mobile-menu-section">
|
||
<div class="leftbar-mobile-section-title"><?php _e('链接', 'argon'); ?></div>
|
||
<ul class="leftbar-mobile-menu">
|
||
<?php
|
||
// 输出左侧自定义链接
|
||
if (!empty(trim($toolbar_links_left))) {
|
||
foreach (explode("\n", $toolbar_links_left) as $line) {
|
||
$line = trim($line);
|
||
if (empty($line)) continue;
|
||
$parts = array_map('trim', explode('|', $line));
|
||
if (!empty($parts[0])) {
|
||
$url = isset($parts[1]) ? $parts[1] : '#';
|
||
$icon = isset($parts[2]) ? '<i class="' . esc_attr($parts[2]) . '"></i> ' : '';
|
||
echo '<li class="leftbar-mobile-menu-item">';
|
||
echo '<a href="' . esc_url($url) . '">';
|
||
echo $icon . '<span class="menu-text">' . esc_html($parts[0]) . '</span>';
|
||
echo '</a></li>';
|
||
}
|
||
}
|
||
}
|
||
// 输出右侧自定义链接
|
||
if (!empty(trim($toolbar_links_right))) {
|
||
foreach (explode("\n", $toolbar_links_right) as $line) {
|
||
$line = trim($line);
|
||
if (empty($line)) continue;
|
||
$parts = array_map('trim', explode('|', $line));
|
||
if (!empty($parts[0])) {
|
||
$url = isset($parts[1]) ? $parts[1] : '#';
|
||
$icon = isset($parts[2]) ? '<i class="' . esc_attr($parts[2]) . '"></i> ' : '';
|
||
echo '<li class="leftbar-mobile-menu-item">';
|
||
echo '<a href="' . esc_url($url) . '">';
|
||
echo $icon . '<span class="menu-text">' . esc_html($parts[0]) . '</span>';
|
||
echo '</a></li>';
|
||
}
|
||
}
|
||
}
|
||
?>
|
||
</ul>
|
||
</div>
|
||
<?php endif; ?>
|
||
|
||
<!-- 底部操作区 -->
|
||
<div class="leftbar-mobile-footer">
|
||
<div class="leftbar-mobile-actions">
|
||
<button class="leftbar-mobile-action" onclick="toggleDarkmode()">
|
||
<i class="fa fa-moon-o"></i>
|
||
<span><?php _e('夜间模式', 'argon'); ?></span>
|
||
</button>
|
||
<button class="leftbar-mobile-action" data-toggle="modal" data-target="#blog_categories">
|
||
<i class="fa fa-folder-o"></i>
|
||
<span><?php _e('分类', 'argon'); ?></span>
|
||
</button>
|
||
<button class="leftbar-mobile-action" data-toggle="modal" data-target="#blog_tags">
|
||
<i class="fa fa-tags"></i>
|
||
<span><?php _e('标签', 'argon'); ?></span>
|
||
</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 桌面端原有侧边栏内容 -->
|
||
<div class="leftbar-desktop-content">
|
||
<?php if (get_option('argon_sidebar_announcement') != '') { ?>
|
||
|
||
<div id="leftbar_announcement" class="card bg-white shadow-sm border-0">
|
||
|
||
<div class="leftbar-announcement-body">
|
||
|
||
<div class="leftbar-announcement-title text-white"><?php _e('公告', 'argon');?></div>
|
||
|
||
<div class="leftbar-announcement-content text-white"><?php echo get_option('argon_sidebar_announcement'); ?></div>
|
||
|
||
</div>
|
||
|
||
</div>
|
||
|
||
<?php } ?>
|
||
|
||
<div id="leftbar_part1" class="widget widget_search card bg-white shadow-sm border-0">
|
||
|
||
<div class="leftbar-banner card-body">
|
||
|
||
<span class="leftbar-banner-title text-white"><?php echo get_option('argon_sidebar_banner_title') == '' ? bloginfo('name') : get_option('argon_sidebar_banner_title'); ?></span>
|
||
|
||
|
||
|
||
<?php
|
||
|
||
$sidebar_subtitle = get_option('argon_sidebar_banner_subtitle');
|
||
|
||
if ($sidebar_subtitle == "--hitokoto--"){
|
||
|
||
$sidebar_subtitle = "<span class='hitokoto'></span>";
|
||
|
||
}
|
||
|
||
?>
|
||
|
||
<?php if ($sidebar_subtitle != '') { /*左侧栏子标题/格言(如果选项中开启)*/?>
|
||
|
||
<span class="leftbar-banner-subtitle text-white"><?php echo $sidebar_subtitle; ?></span>
|
||
|
||
<?php } /*顶栏标题*/?>
|
||
|
||
|
||
|
||
</div>
|
||
|
||
|
||
|
||
<?php
|
||
|
||
/*侧栏上部菜单*/
|
||
|
||
class leftbarMenuWalker extends Walker_Nav_Menu{
|
||
|
||
public function start_lvl( &$output, $depth = 0, $args = array() ) {
|
||
|
||
$indent = str_repeat("\t", $depth);
|
||
|
||
$output .= "\n$indent<ul class=\"leftbar-menu-item leftbar-menu-subitem shadow-sm\">\n";
|
||
|
||
}
|
||
|
||
public function end_lvl( &$output, $depth = 0, $args = array() ) {
|
||
|
||
$indent = str_repeat("\t", $depth);
|
||
|
||
$output .= "\n$indent</ul>\n";
|
||
|
||
}
|
||
|
||
public function start_el( &$output, $object, $depth = 0, $args = array(), $current_object_id = 0 ) {
|
||
|
||
$output .= "\n
|
||
|
||
<li class='leftbar-menu-item" . ( $args -> walker -> has_children == 1 ? " leftbar-menu-item-haschildren" : "" ) . ( $object -> current == 1 ? " current" : "" ) . "'>
|
||
|
||
<a href='" . $object -> url . "'" . ( $args -> walker -> has_children == 1 ? " no-pjax onclick='return false;'" : "" ) . " target='" . $object -> target . "'>". $object -> title . "</a>";
|
||
|
||
}
|
||
|
||
public function end_el( &$output, $object, $depth = 0, $args = array(), $current_object_id = 0 ) {
|
||
|
||
//if ($depth == 0){
|
||
|
||
$output .= "</li>";
|
||
|
||
//}
|
||
|
||
}
|
||
|
||
}
|
||
|
||
echo "<ul id='leftbar_part1_menu' class='leftbar-menu'>";
|
||
|
||
if ( has_nav_menu('leftbar_menu') ){
|
||
|
||
wp_nav_menu( array(
|
||
|
||
'container' => '',
|
||
|
||
'theme_location' => 'leftbar_menu',
|
||
|
||
'items_wrap' => '%3$s',
|
||
|
||
'depth' => 0,
|
||
|
||
'walker' => new leftbarMenuWalker()
|
||
|
||
) );
|
||
|
||
}
|
||
|
||
echo "</ul>";
|
||
|
||
?>
|
||
|
||
<div class="card-body text-center leftbar-search-button">
|
||
|
||
<button id="leftbar_search_container" class="btn btn-secondary btn-lg active btn-sm btn-block border-0" role="button">
|
||
|
||
<i class="menu-item-icon fa fa-search mr-0"></i> <?php _e('搜索', 'argon');?>
|
||
|
||
<input id="leftbar_search_input" type="text" placeholder="<?php _e('搜索什么...', 'argon');?>" class="form-control form-control-alternative" autocomplete="off">
|
||
|
||
</button>
|
||
|
||
</div>
|
||
|
||
</div>
|
||
|
||
<div id="leftbar_part2" class="widget widget_search card bg-white shadow-sm border-0">
|
||
|
||
<div id="leftbar_part2_inner" class="card-body">
|
||
|
||
<?php
|
||
|
||
$nowActiveTab = 1;/*默认激活的标签*/
|
||
|
||
if (have_catalog()){
|
||
|
||
$nowActiveTab = 0;
|
||
|
||
}
|
||
|
||
?>
|
||
|
||
<div class="nav-wrapper" style="padding-top: 5px;<?php if (!have_catalog() && !is_active_sidebar('leftbar-tools')) { echo ' display:none;'; }?>">
|
||
|
||
<ul class="nav nav-pills nav-fill" role="tablist">
|
||
|
||
<?php if (have_catalog()) { ?>
|
||
|
||
<li class="nav-item sidebar-tab-switcher">
|
||
|
||
<a class="<?php if ($nowActiveTab == 0) { echo 'active show'; }?>" id="leftbar_tab_catalog_btn" data-toggle="tab" href="#leftbar_tab_catalog" role="tab" aria-controls="leftbar_tab_catalog" no-pjax><?php _e('文章目录', 'argon');?></a>
|
||
|
||
</li>
|
||
|
||
<?php } ?>
|
||
|
||
<li class="nav-item sidebar-tab-switcher">
|
||
|
||
<a class="<?php if ($nowActiveTab == 1) { echo 'active show'; }?>" id="leftbar_tab_overview_btn" data-toggle="tab" href="#leftbar_tab_overview" role="tab" aria-controls="leftbar_tab_overview" no-pjax><?php _e('站点概览', 'argon');?></a>
|
||
|
||
</li>
|
||
|
||
<?php if ( is_active_sidebar( 'leftbar-tools' ) ){?>
|
||
|
||
<li class="nav-item sidebar-tab-switcher">
|
||
|
||
<a class="<?php if ($nowActiveTab == 2) { echo 'active show'; }?>" id="leftbar_tab_tools_btn" data-toggle="tab" href="#leftbar_tab_tools" role="tab" aria-controls="leftbar_tab_tools" no-pjax><?php _e('功能', 'argon');?></a>
|
||
|
||
</li>
|
||
|
||
<?php }?>
|
||
|
||
</ul>
|
||
|
||
</div>
|
||
|
||
<div>
|
||
|
||
<div class="tab-content" style="padding: 10px 10px 0 10px;">
|
||
|
||
<?php if (have_catalog()) { ?>
|
||
|
||
<div class="tab-pane fade<?php if ($nowActiveTab == 0) { echo ' active show'; }?>" id="leftbar_tab_catalog" role="tabpanel" aria-labelledby="leftbar_tab_catalog_btn">
|
||
|
||
<div id="leftbar_catalog"></div>
|
||
|
||
<script type="text/javascript">
|
||
// 桌面端目录初始化 - 等待 jQuery 和 headIndex 插件加载完成
|
||
(function initDesktopCatalog() {
|
||
// 检查 jQuery 和 headIndex 是否都已加载
|
||
if (typeof jQuery !== 'undefined' && typeof jQuery.fn.headIndex === 'function') {
|
||
jQuery(document).ready(function($) {
|
||
// 初始化 headIndex
|
||
$(document).headIndex({
|
||
articleWrapSelector: '#post_content',
|
||
indexBoxSelector: '#leftbar_catalog',
|
||
indexScrollBoxSelector: '#leftbar_part2_inner',
|
||
scrollSelector: 'body,html',
|
||
scrollWrap: window,
|
||
subItemBoxClass: "index-subItem-box",
|
||
itemClass: "index-item",
|
||
linkClass: "index-link",
|
||
offset: 80,
|
||
defaultExpanded: true
|
||
});
|
||
|
||
// 获取 headIndex 实例
|
||
var headIndexInstance = $(document).data('headIndex');
|
||
|
||
// 添加额外的滚动监听，确保目录跟随
|
||
var scrollTimer = null;
|
||
$(window).on('scroll.desktopCatalog', function() {
|
||
if (scrollTimer) {
|
||
clearTimeout(scrollTimer);
|
||
}
|
||
scrollTimer = setTimeout(function() {
|
||
if (headIndexInstance && typeof headIndexInstance.updateCurrent === 'function') {
|
||
headIndexInstance.updateCurrent();
|
||
}
|
||
}, 100);
|
||
});
|
||
|
||
// PJAX 后重新绑定
|
||
$(document).on('pjax:complete', function() {
|
||
if (headIndexInstance && typeof headIndexInstance.updateCurrent === 'function') {
|
||
setTimeout(function() {
|
||
headIndexInstance.updateCurrent();
|
||
}, 300);
|
||
}
|
||
});
|
||
});
|
||
} else {
|
||
// 如果还没加载完成，等待后重试
|
||
setTimeout(initDesktopCatalog, 50);
|
||
}
|
||
})();
|
||
</script>
|
||
|
||
<?php if (get_option('argon_show_headindex_number') == 'true') {?>
|
||
|
||
<script>
|
||
(function() {
|
||
// 智能检测标题是否已有序号，避免重复添加
|
||
function initCatalogNumbers() {
|
||
var catalog = document.getElementById('leftbar_catalog');
|
||
if (!catalog) {
|
||
setTimeout(initCatalogNumbers, 100);
|
||
return;
|
||
}
|
||
|
||
var items = catalog.querySelectorAll('li.index-item > a.index-link');
|
||
if (items.length === 0) {
|
||
setTimeout(initCatalogNumbers, 100);
|
||
return;
|
||
}
|
||
|
||
// 检测是否有标题已经带序号
|
||
// 支持格式：1. 1.1 一、二、第一、第二、(1) (一) [1] 等
|
||
var numberPattern = /^([\d一二三四五六七八九十百千]+[.、．:：]\s*|第[一二三四五六七八九十百千\d]+[章节部分条款、]\s*|[（\(【\[]\s*[\d一二三四五六七八九十]+\s*[）\)】\]]\s*|[IVXLCDM]+[.、．]\s*)/;
|
||
var numberedCount = 0;
|
||
|
||
items.forEach(function(item) {
|
||
var text = item.textContent.trim();
|
||
if (numberPattern.test(text)) {
|
||
numberedCount++;
|
||
}
|
||
});
|
||
|
||
// 如果超过一半的标题已有序号，认为文章自带编号
|
||
var hasNumberedHeadings = numberedCount > items.length / 2;
|
||
|
||
if (!hasNumberedHeadings) {
|
||
// 添加 CSS 计数器样式
|
||
var style = document.createElement('style');
|
||
style.textContent = '#leftbar_catalog ul { counter-reset: blog_catalog_number; } #leftbar_catalog li.index-item > a:before { content: counters(blog_catalog_number, \".\") \" \"; counter-increment: blog_catalog_number; }';
|
||
document.head.appendChild(style);
|
||
}
|
||
}
|
||
|
||
if (document.readyState === 'loading') {
|
||
document.addEventListener('DOMContentLoaded', initCatalogNumbers);
|
||
} else {
|
||
setTimeout(initCatalogNumbers, 100);
|
||
}
|
||
})();
|
||
</script>
|
||
|
||
<?php }?>
|
||
|
||
</div>
|
||
|
||
<?php } ?>
|
||
|
||
<div class="tab-pane fade text-center<?php if ($nowActiveTab == 1) { echo ' active show'; }?>" id="leftbar_tab_overview" role="tabpanel" aria-labelledby="leftbar_tab_overview_btn">
|
||
|
||
<div id="leftbar_overview_author_image" style="background-image: url(<?php echo get_option('argon_sidebar_auther_image') == '' ? 'data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCAxMDAgMTAwIiB4bWw6c3BhY2U9InByZXNlcnZlIj48cmVjdCBmaWxsPSIjNUU3MkU0MjIiIHdpZHRoPSIxMDAiIGhlaWdodD0iMTAwIi8+PGc+PGcgb3BhY2l0eT0iMC4zIj48cGF0aCBmaWxsPSIjNUU3MkU0IiBkPSJNNzQuMzksMzIuODZjLTAuOTgtMS43LTMuMzktMy4wOS01LjM1LTMuMDlINDUuNjJjLTEuOTYsMC00LjM3LDEuMzktNS4zNSwzLjA5TDI4LjU3LDUzLjE1Yy0wLjk4LDEuNy0wLjk4LDQuNDgsMCw2LjE3bDExLjcxLDIwLjI5YzAuOTgsMS43LDMuMzksMy4wOSw1LjM1LDMuMDloMjMuNDNjMS45NiwwLDQuMzctMS4zOSw1LjM1LTMuMDlMODYuMSw1OS4zMmMwLjk4LTEuNywwLjk4LTQuNDgsMC02LjE3TDc0LjM5LDMyLjg2eiIvPjwvZz48ZyBvcGFjaXR5PSIwLjgiPjxwYXRoIGZpbGw9IiM1RTcyRTQiIGQ9Ik02Mi4wNCwyMC4zOWMtMC45OC0xLjctMy4zOS0zLjA5LTUuMzUtMy4wOUgzMS43M2MtMS45NiwwLTQuMzcsMS4zOS01LjM1LDMuMDlMMTMuOSw0Mi4wMWMtMC45OCwxLjctMC45OCw0LjQ4LDAsNi4xN2wxMi40OSwyMS42MmMwLjk4LDEuNywzLjM5LDMuMDksNS4zNSwzLjA5aDI0Ljk3YzEuOTYsMCw0LjM3LTEuMzksNS4zNS0zLjA5bDEyLjQ5LTIxLjYyYzAuOTgtMS43LDAuOTgtNC40OCwwLTYuMTdMNjIuMDQsMjAuMzl6Ii8+PC9nPjwvZz48L3N2Zz4=' : get_option('argon_sidebar_auther_image'); ?>)" class="rounded-circle shadow-sm" alt="avatar"></div>
|
||
|
||
<h6 id="leftbar_overview_author_name">
|
||
<?php echo get_option('argon_sidebar_auther_name') == '' ? bloginfo('name') : get_option('argon_sidebar_auther_name'); ?>
|
||
<?php
|
||
$show_duo = get_option('argon_show_duolingo_streak', 'false');
|
||
$duo_username = get_option('argon_duolingo_username', '');
|
||
if ($show_duo == 'true' && !empty($duo_username)) :
|
||
$duo_data = argon_get_duolingo_data();
|
||
if ($duo_data !== false) :
|
||
$is_today_done = isset($duo_data['today']) && $duo_data['today'];
|
||
?>
|
||
<span class="duolingo-streak<?php echo $is_today_done ? '' : ' not-done'; ?>">
|
||
<img src="<?php echo get_template_directory_uri(); ?>/assets/icons/duolingo-streak<?php echo $is_today_done ? '' : '-empty'; ?>.svg" class="duolingo-flame" alt="streak">
|
||
<?php echo $duo_data['streak']; ?>
|
||
</span>
|
||
<?php endif; endif; ?>
|
||
</h6>
|
||
|
||
<?php $author_desctiption = get_option('argon_sidebar_author_description'); if (!empty($author_desctiption)) {echo '<h6 id="leftbar_overview_author_description">'. $author_desctiption .'</h6>';}?>
|
||
|
||
<nav class="site-state">
|
||
|
||
<div class="site-state-item site-state-posts">
|
||
|
||
<a <?php $archives_page_url = get_option('argon_archives_timeline_url'); echo (empty($archives_page_url) ? ' style="cursor: default;"' : 'href="' . $archives_page_url . '"');?>>
|
||
|
||
<span class="site-state-item-count"><?php echo wp_count_posts() -> publish; ?></span>
|
||
|
||
<span class="site-state-item-name"><?php _e('文章', 'argon');?></span>
|
||
|
||
</a>
|
||
|
||
</div>
|
||
|
||
<div class="site-state-item site-state-categories">
|
||
|
||
<a data-toggle="modal" data-target="#blog_categories">
|
||
|
||
<span class="site-state-item-count"><?php echo wp_count_terms('category'); ?></span>
|
||
|
||
<span class="site-state-item-name"><?php _e('分类', 'argon');?></span>
|
||
|
||
</a>
|
||
|
||
</div>
|
||
|
||
<div class="site-state-item site-state-tags">
|
||
|
||
<a data-toggle="modal" data-target="#blog_tags">
|
||
|
||
<span class="site-state-item-count"><?php echo wp_count_terms('post_tag'); ?></span>
|
||
|
||
<span class="site-state-item-name"><?php _e('标签', 'argon');?></span>
|
||
|
||
</a>
|
||
|
||
</div>
|
||
|
||
</nav>
|
||
|
||
<?php
|
||
|
||
/*侧栏作者链接*/
|
||
|
||
class leftbarAuthorLinksWalker extends Walker_Nav_Menu{
|
||
|
||
public function start_el( &$output, $object, $depth = 0, $args = array(), $current_object_id = 0 ) {
|
||
|
||
if ($depth == 0){
|
||
|
||
$output .= "\n
|
||
|
||
<div class='site-author-links-item'>
|
||
|
||
<a href='" . $object -> url . "' rel='noopener' target='_blank'>". $object -> title . "</a>";
|
||
|
||
}
|
||
|
||
}
|
||
|
||
public function end_el( &$output, $object, $depth = 0, $args = array(), $current_object_id = 0 ) {
|
||
|
||
if ($depth == 0){
|
||
|
||
$output .= "</div>";
|
||
|
||
}
|
||
|
||
}
|
||
|
||
}
|
||
|
||
|
||
|
||
if ( has_nav_menu('leftbar_author_links') ){
|
||
|
||
echo "<div class='site-author-links'>";
|
||
|
||
wp_nav_menu( array(
|
||
|
||
'container' => '',
|
||
|
||
'theme_location' => 'leftbar_author_links',
|
||
|
||
'items_wrap' => '%3$s',
|
||
|
||
'depth' => 0,
|
||
|
||
'walker' => new leftbarAuthorLinksWalker()
|
||
|
||
) );
|
||
|
||
echo "</div>";
|
||
|
||
}
|
||
|
||
?>
|
||
|
||
<?php
|
||
|
||
/*侧栏友情链接*/
|
||
|
||
class leftbarFriendLinksWalker extends Walker_Nav_Menu{
|
||
|
||
public function start_el( &$output, $object, $depth = 0, $args = array(), $current_object_id = 0 ) {
|
||
|
||
if ($depth == 0){
|
||
|
||
$output .= "\n
|
||
|
||
<li class='site-friend-links-item'>
|
||
|
||
<a href='" . $object -> url . "' rel='noopener' target='_blank'>". $object -> title . "</a>";
|
||
|
||
}
|
||
|
||
}
|
||
|
||
public function end_el( &$output, $object, $depth = 0, $args = array(), $current_object_id = 0 ) {
|
||
|
||
if ($depth == 0){
|
||
|
||
$output .= "</li>";
|
||
|
||
}
|
||
|
||
}
|
||
|
||
}
|
||
|
||
|
||
|
||
if ( has_nav_menu('leftbar_friend_links') ){
|
||
|
||
echo "<div class='site-friend-links'>
|
||
|
||
<div class='site-friend-links-title'><i class='fa fa-fw fa-link'></i> Links</div>
|
||
|
||
<ul class='site-friend-links-ul'>";
|
||
|
||
wp_nav_menu( array(
|
||
|
||
'container' => '',
|
||
|
||
'theme_location' => 'leftbar_friend_links',
|
||
|
||
'items_wrap' => '%3$s',
|
||
|
||
'depth' => 0,
|
||
|
||
'walker' => new leftbarFriendLinksWalker()
|
||
|
||
) );
|
||
|
||
echo "</ul></div>";
|
||
|
||
}else{
|
||
|
||
echo "<div style='height: 20px;'></div>";
|
||
|
||
}
|
||
|
||
?>
|
||
|
||
<?php if ( is_active_sidebar( 'leftbar-siteinfo-extra-tools' ) ){?>
|
||
|
||
<div id="leftbar_siteinfo_extra_tools">
|
||
|
||
<?php dynamic_sidebar( 'leftbar-siteinfo-extra-tools' ); ?>
|
||
|
||
</div>
|
||
|
||
<?php }?>
|
||
|
||
</div>
|
||
|
||
<?php if ( is_active_sidebar( 'leftbar-tools' ) ){?>
|
||
|
||
<div class="tab-pane fade<?php if ($nowActiveTab == 2) { echo ' active show'; }?>" id="leftbar_tab_tools" role="tabpanel" aria-labelledby="leftbar_tab_tools_btn">
|
||
|
||
<?php dynamic_sidebar( 'leftbar-tools' ); ?>
|
||
|
||
</div>
|
||
|
||
<?php }?>
|
||
|
||
</div>
|
||
|
||
</div>
|
||
|
||
</div>
|
||
|
||
</div>
|
||
|
||
<?php if (get_option('argon_show_todo_list', 'true') == 'true') : ?>
|
||
<?php
|
||
$todos = argon_get_todo_list();
|
||
$is_author = current_user_can('publish_posts');
|
||
$todo_nonce = wp_create_nonce('argon_todo_nonce');
|
||
?>
|
||
<div id="leftbar_part3" class="widget card bg-white shadow-sm border-0">
|
||
<div class="card-body">
|
||
<h6 class="font-weight-bold text-black todo-title">
|
||
<i class="fa fa-list-ul"></i> <?php _e('TODO', 'argon'); ?>
|
||
<?php
|
||
$uncompleted_count = count(array_filter($todos, function($t) { return empty($t['completed']); }));
|
||
?>
|
||
<span class="todo-count" title="<?php echo $is_author ? __('未完成', 'argon') : __('待办事项', 'argon'); ?>"><?php echo $uncompleted_count; ?></span>
|
||
</h6>
|
||
|
||
<?php if ($is_author) : ?>
|
||
<div class="todo-add-form">
|
||
<input type="text" id="todo-input" class="form-control form-control-sm" placeholder="<?php _e('添加新的待办事项...', 'argon'); ?>" maxlength="100">
|
||
<button type="button" id="todo-add-btn" class="btn btn-sm btn-primary" title="<?php _e('添加', 'argon'); ?>">
|
||
<i class="fa fa-plus"></i>
|
||
</button>
|
||
</div>
|
||
<?php endif; ?>
|
||
|
||
<ul class="todo-list <?php echo count($todos) > 4 ? 'todo-list-scroll' : ''; ?>" id="todo-list">
|
||
<?php if (empty($todos)) : ?>
|
||
<li class="todo-empty"><?php _e('暂无待办事项', 'argon'); ?></li>
|
||
<?php else : ?>
|
||
<?php foreach ($todos as $todo) :
|
||
$is_completed = isset($todo['completed']) && $todo['completed'];
|
||
$is_urged = !$is_author && !$is_completed && argon_check_todo_urged($todo['id']);
|
||
?>
|
||
<li class="todo-item <?php echo $is_completed ? 'todo-completed' : ''; ?>" data-id="<?php echo esc_attr($todo['id']); ?>" data-urged="<?php echo $is_urged ? '1' : '0'; ?>">
|
||
<span class="todo-content"><?php echo esc_html($todo['content']); ?></span>
|
||
<?php if ($is_author) : ?>
|
||
<?php if ($is_completed) : ?>
|
||
<button class="todo-delete-btn" title="<?php _e('删除', 'argon'); ?>">
|
||
<i class="fa fa-trash"></i>
|
||
</button>
|
||
<?php else : ?>
|
||
<button class="todo-complete-btn" title="<?php _e('完成', 'argon'); ?>">
|
||
<i class="fa fa-check"></i>
|
||
</button>
|
||
<?php endif; ?>
|
||
<?php else : ?>
|
||
<?php if ($is_completed) : ?>
|
||
<span class="todo-done-mark" title="<?php _e('已完成', 'argon'); ?>">
|
||
<i class="fa fa-check"></i>
|
||
</span>
|
||
<?php elseif ($is_urged) : ?>
|
||
<button class="todo-urge-btn urged" disabled title="<?php _e('已提醒', 'argon'); ?>">
|
||
<i class="fa fa-check"></i>
|
||
</button>
|
||
<?php else : ?>
|
||
<button class="todo-urge-btn" title="<?php _e('催一下', 'argon'); ?>">
|
||
<i class="fa fa-bell"></i>
|
||
</button>
|
||
<?php endif; ?>
|
||
<?php endif; ?>
|
||
</li>
|
||
<?php endforeach; ?>
|
||
<?php endif; ?>
|
||
</ul>
|
||
<?php if (!$is_author && argon_is_todo_captcha_enabled()) :
|
||
$captcha_type = get_option('argon_captcha_type', 'math');
|
||
?>
|
||
<div class="todo-captcha-container" style="display:none; margin-top: 10px;">
|
||
<?php if ($captcha_type == 'geetest') : ?>
|
||
<script>
|
||
// TODO Geetest 备用加载
|
||
function loadTodoGeetest() {
|
||
if (typeof ArgonResourceLoader !== 'undefined') {
|
||
ArgonResourceLoader.smartLoad('https://static.geetest.com/v4/gt4.js', 'js');
|
||
} else {
|
||
var script = document.createElement('script');
|
||
script.src = '<?php echo get_template_directory_uri(); ?>/assets/vendor/external/geetest/gt4.js';
|
||
document.head.appendChild(script);
|
||
}
|
||
}
|
||
loadTodoGeetest();
|
||
</script>
|
||
<div id="todo-geetest-captcha"></div>
|
||
<?php else : ?>
|
||
<div class="input-group input-group-sm">
|
||
<input type="text" id="todo-captcha-input" class="form-control" placeholder="<?php _e('验证码', 'argon'); ?>">
|
||
<div class="input-group-append">
|
||
<span class="input-group-text todo-captcha-text"><?php echo get_comment_captcha(); ?></span>
|
||
<button type="button" id="todo-captcha-submit" class="btn btn-primary btn-sm"><?php _e('提交', 'argon'); ?></button>
|
||
</div>
|
||
</div>
|
||
<?php endif; ?>
|
||
</div>
|
||
<?php endif; ?>
|
||
</div>
|
||
</div>
|
||
<script>
|
||
(function() {
|
||
var nonce = '<?php echo $todo_nonce; ?>';
|
||
var ajaxUrl = '<?php echo admin_url('admin-ajax.php'); ?>';
|
||
var isAuthor = <?php echo $is_author ? 'true' : 'false'; ?>;
|
||
var needCaptcha = <?php echo (!$is_author && argon_is_todo_captcha_enabled()) ? 'true' : 'false'; ?>;
|
||
var captchaType = '<?php echo get_option('argon_captcha_type', 'math'); ?>';
|
||
var pendingUrgeBtn = null;
|
||
var geetestCaptchaObj = null;
|
||
|
||
function updateCount() {
|
||
var count = document.querySelectorAll('.todo-item:not(.todo-completed)').length;
|
||
var countEl = document.querySelector('.todo-count');
|
||
if (countEl) countEl.textContent = count;
|
||
|
||
var totalCount = document.querySelectorAll('.todo-item').length;
|
||
var list = document.getElementById('todo-list');
|
||
if (totalCount > 4) {
|
||
list.classList.add('todo-list-scroll');
|
||
} else {
|
||
list.classList.remove('todo-list-scroll');
|
||
}
|
||
|
||
// 显示/隐藏空状态
|
||
var emptyEl = list.querySelector('.todo-empty');
|
||
if (totalCount === 0 && !emptyEl) {
|
||
list.innerHTML = '<li class="todo-empty"><?php _e('暂无待办事项', 'argon'); ?></li>';
|
||
} else if (totalCount > 0 && emptyEl) {
|
||
emptyEl.remove();
|
||
}
|
||
}
|
||
|
||
// 添加 TODO
|
||
if (isAuthor) {
|
||
var input = document.getElementById('todo-input');
|
||
var addBtn = document.getElementById('todo-add-btn');
|
||
|
||
function addTodo() {
|
||
var content = input.value.trim();
|
||
if (!content) return;
|
||
|
||
addBtn.disabled = true;
|
||
|
||
var formData = new FormData();
|
||
formData.append('action', 'argon_add_todo');
|
||
formData.append('nonce', nonce);
|
||
formData.append('content', content);
|
||
|
||
fetch(ajaxUrl, { method: 'POST', body: formData })
|
||
.then(function(r) { return r.json(); })
|
||
.then(function(res) {
|
||
if (res.success) {
|
||
var list = document.getElementById('todo-list');
|
||
var emptyEl = list.querySelector('.todo-empty');
|
||
if (emptyEl) emptyEl.remove();
|
||
|
||
var li = document.createElement('li');
|
||
li.className = 'todo-item';
|
||
li.dataset.id = res.data.id;
|
||
li.innerHTML = '<span class="todo-content">' + content + '</span>' +
|
||
'<button class="todo-complete-btn" title="<?php _e('完成', 'argon'); ?>"><i class="fa fa-check"></i></button>';
|
||
list.insertBefore(li, list.firstChild);
|
||
|
||
input.value = '';
|
||
updateCount();
|
||
}
|
||
addBtn.disabled = false;
|
||
});
|
||
}
|
||
|
||
addBtn.addEventListener('click', addTodo);
|
||
input.addEventListener('keypress', function(e) {
|
||
if (e.key === 'Enter') addTodo();
|
||
});
|
||
}
|
||
|
||
// 完成/催促 TODO
|
||
document.getElementById('todo-list').addEventListener('click', function(e) {
|
||
var btn = e.target.closest('.todo-complete-btn, .todo-urge-btn, .todo-delete-btn');
|
||
if (!btn) return;
|
||
|
||
var item = btn.closest('.todo-item');
|
||
var id = item.dataset.id;
|
||
|
||
if (btn.classList.contains('todo-complete-btn')) {
|
||
btn.disabled = true;
|
||
var formData = new FormData();
|
||
formData.append('action', 'argon_complete_todo');
|
||
formData.append('nonce', nonce);
|
||
formData.append('id', id);
|
||
|
||
fetch(ajaxUrl, { method: 'POST', body: formData })
|
||
.then(function(r) { return r.json(); })
|
||
.then(function(res) {
|
||
if (res.success) {
|
||
item.classList.add('todo-completed');
|
||
var newBtn = document.createElement('button');
|
||
newBtn.className = 'todo-delete-btn';
|
||
newBtn.title = '<?php _e('删除', 'argon'); ?>';
|
||
newBtn.innerHTML = '<i class="fa fa-trash"></i>';
|
||
btn.parentNode.replaceChild(newBtn, btn);
|
||
updateCount();
|
||
} else {
|
||
btn.disabled = false;
|
||
}
|
||
});
|
||
} else if (btn.classList.contains('todo-delete-btn')) {
|
||
btn.disabled = true;
|
||
var formData = new FormData();
|
||
formData.append('action', 'argon_delete_todo');
|
||
formData.append('nonce', nonce);
|
||
formData.append('id', id);
|
||
|
||
fetch(ajaxUrl, { method: 'POST', body: formData })
|
||
.then(function(r) { return r.json(); })
|
||
.then(function(res) {
|
||
if (res.success) {
|
||
item.classList.add('todo-completing');
|
||
setTimeout(function() {
|
||
item.remove();
|
||
updateCount();
|
||
}, 300);
|
||
}
|
||
});
|
||
} else if (btn.classList.contains('todo-urge-btn')) {
|
||
if (btn.classList.contains('urged')) return;
|
||
|
||
if (needCaptcha) {
|
||
var captchaContainer = document.querySelector('.todo-captcha-container');
|
||
if (captchaContainer) {
|
||
captchaContainer.style.display = 'block';
|
||
pendingUrgeBtn = btn;
|
||
|
||
if (captchaType === 'geetest') {
|
||
if (!geetestCaptchaObj && typeof initGeetest4 === 'function') {
|
||
initGeetest4({
|
||
captchaId: '<?php echo get_option('argon_geetest_captcha_id', ''); ?>',
|
||
product: 'bind'
|
||
}, function(captcha) {
|
||
geetestCaptchaObj = captcha;
|
||
captcha.onReady(function() {
|
||
captcha.showCaptcha();
|
||
}).onSuccess(function() {
|
||
var result = captcha.getValidate();
|
||
if (result) {
|
||
var id = pendingUrgeBtn.closest('.todo-item').dataset.id;
|
||
doUrgeGeetest(pendingUrgeBtn, id, result);
|
||
}
|
||
}).onError(function(err) {
|
||
captchaContainer.style.display = 'none';
|
||
pendingUrgeBtn = null;
|
||
});
|
||
});
|
||
} else if (geetestCaptchaObj) {
|
||
geetestCaptchaObj.showCaptcha();
|
||
} else {
|
||
if (typeof iziToast !== 'undefined') {
|
||
iziToast.show({
|
||
title: '<?php _e('加载失败', 'argon'); ?>',
|
||
message: '<?php _e('验证码加载失败，请刷新页面', 'argon'); ?>',
|
||
class: 'shadow-sm',
|
||
position: 'topRight',
|
||
backgroundColor: '#f5365c',
|
||
titleColor: '#ffffff',
|
||
messageColor: '#ffffff',
|
||
iconColor: '#ffffff',
|
||
progressBarColor: '#ffffff',
|
||
icon: 'fa fa-close',
|
||
timeout: 5000
|
||
});
|
||
}
|
||
captchaContainer.style.display = 'none';
|
||
pendingUrgeBtn = null;
|
||
}
|
||
} else {
|
||
var captchaInput = document.getElementById('todo-captcha-input');
|
||
if (captchaInput) captchaInput.focus();
|
||
}
|
||
return;
|
||
}
|
||
}
|
||
|
||
doUrge(btn, id, '');
|
||
}
|
||
});
|
||
|
||
// 执行催促
|
||
function doUrge(btn, id, captcha) {
|
||
btn.disabled = true;
|
||
btn.innerHTML = '<i class="fa fa-spinner fa-spin"></i>';
|
||
var formData = new FormData();
|
||
formData.append('action', 'argon_urge_todo');
|
||
formData.append('nonce', nonce);
|
||
formData.append('id', id);
|
||
formData.append('comment_captcha', captcha);
|
||
|
||
fetch(ajaxUrl, { method: 'POST', body: formData })
|
||
.then(function(r) { return r.json(); })
|
||
.then(function(res) { handleUrgeResponse(btn, res); })
|
||
.catch(function(err) {
|
||
btn.innerHTML = '<i class="fa fa-bell"></i>';
|
||
btn.disabled = false;
|
||
});
|
||
}
|
||
|
||
// 极验验证码催促
|
||
function doUrgeGeetest(btn, id, geetestResult) {
|
||
btn.disabled = true;
|
||
btn.innerHTML = '<i class="fa fa-spinner fa-spin"></i>';
|
||
var formData = new FormData();
|
||
formData.append('action', 'argon_urge_todo');
|
||
formData.append('nonce', nonce);
|
||
formData.append('id', id);
|
||
formData.append('lot_number', geetestResult.lot_number);
|
||
formData.append('captcha_output', geetestResult.captcha_output);
|
||
formData.append('pass_token', geetestResult.pass_token);
|
||
formData.append('gen_time', geetestResult.gen_time);
|
||
|
||
fetch(ajaxUrl, { method: 'POST', body: formData })
|
||
.then(function(r) { return r.json(); })
|
||
.then(function(res) {
|
||
handleUrgeResponse(btn, res);
|
||
if (geetestCaptchaObj) geetestCaptchaObj.reset();
|
||
})
|
||
.catch(function(err) {
|
||
btn.innerHTML = '<i class="fa fa-bell"></i>';
|
||
btn.disabled = false;
|
||
});
|
||
}
|
||
|
||
// 处理催促响应
|
||
function handleUrgeResponse(btn, res) {
|
||
var captchaContainer = document.querySelector('.todo-captcha-container');
|
||
if (res.success) {
|
||
btn.innerHTML = '<i class="fa fa-check"></i>';
|
||
btn.classList.add('urged');
|
||
btn.title = '<?php _e('已提醒', 'argon'); ?>';
|
||
if (res.data && res.data.captcha) {
|
||
var captchaText = document.querySelector('.todo-captcha-text');
|
||
if (captchaText) captchaText.textContent = res.data.captcha;
|
||
}
|
||
if (captchaContainer) {
|
||
captchaContainer.style.display = 'none';
|
||
var captchaInput = document.getElementById('todo-captcha-input');
|
||
if (captchaInput) captchaInput.value = '';
|
||
}
|
||
pendingUrgeBtn = null;
|
||
} else {
|
||
btn.innerHTML = '<i class="fa fa-bell"></i>';
|
||
btn.disabled = false;
|
||
var captchaInput = document.getElementById('todo-captcha-input');
|
||
if (captchaInput) {
|
||
captchaInput.value = '';
|
||
captchaInput.focus();
|
||
}
|
||
if (typeof iziToast !== 'undefined') {
|
||
iziToast.show({
|
||
title: '<?php _e('提醒失败', 'argon'); ?>',
|
||
message: res.data || '<?php _e('稍后再试', 'argon'); ?>',
|
||
class: 'shadow-sm',
|
||
position: 'topRight',
|
||
backgroundColor: '#f5365c',
|
||
titleColor: '#ffffff',
|
||
messageColor: '#ffffff',
|
||
iconColor: '#ffffff',
|
||
progressBarColor: '#ffffff',
|
||
icon: 'fa fa-close',
|
||
timeout: 5000
|
||
});
|
||
}
|
||
}
|
||
}
|
||
|
||
// 验证码输入处理
|
||
if (needCaptcha && captchaType !== 'geetest') {
|
||
var captchaInput = document.getElementById('todo-captcha-input');
|
||
var captchaSubmit = document.getElementById('todo-captcha-submit');
|
||
|
||
function submitCaptcha() {
|
||
if (pendingUrgeBtn && captchaInput) {
|
||
var id = pendingUrgeBtn.closest('.todo-item').dataset.id;
|
||
doUrge(pendingUrgeBtn, id, captchaInput.value);
|
||
}
|
||
}
|
||
|
||
if (captchaInput) {
|
||
captchaInput.addEventListener('keypress', function(e) {
|
||
if (e.key === 'Enter') submitCaptcha();
|
||
});
|
||
}
|
||
|
||
if (captchaSubmit) {
|
||
captchaSubmit.addEventListener('click', submitCaptcha);
|
||
}
|
||
}
|
||
})();
|
||
</script>
|
||
<?php endif; ?>
|
||
|
||
</div><!-- .leftbar-desktop-content -->
|
||
|
||
</aside>
|
||
|
||
<div class="modal fade" id="blog_categories" tabindex="-1" role="dialog" aria-labelledby="" aria-hidden="true">
|
||
|
||
<div class="modal-dialog modal-dialog-centered">
|
||
|
||
<div class="modal-content">
|
||
|
||
<div class="modal-header">
|
||
|
||
<h5 class="modal-title"><?php _e('分类', 'argon');?></h5>
|
||
|
||
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
||
|
||
<span aria-hidden="true">×</span>
|
||
|
||
</button>
|
||
|
||
</div>
|
||
|
||
<div class="modal-body">
|
||
|
||
<?php
|
||
|
||
$categories = get_categories(array(
|
||
|
||
'child_of' => 0,
|
||
|
||
'orderby' => 'name',
|
||
|
||
'order' => 'ASC',
|
||
|
||
'hide_empty' => 0,
|
||
|
||
'hierarchical' => 0,
|
||
|
||
'taxonomy' => 'category',
|
||
|
||
'pad_counts' => false
|
||
|
||
));
|
||
|
||
foreach($categories as $category) {
|
||
|
||
echo "<a href=" . get_category_link( $category -> term_id ) . " class='badge badge-secondary tag'>" . $category->name . " <span class='tag-num'>" . $category -> count . "</span></a>";
|
||
|
||
}
|
||
|
||
?>
|
||
|
||
</div>
|
||
|
||
</div>
|
||
|
||
</div>
|
||
|
||
</div>
|
||
|
||
<div class="modal fade" id="blog_tags" tabindex="-1" role="dialog" aria-labelledby="" aria-hidden="true">
|
||
|
||
<div class="modal-dialog modal-dialog-centered">
|
||
|
||
<div class="modal-content">
|
||
|
||
<div class="modal-header">
|
||
|
||
<h5 class="modal-title"><?php _e('标签', 'argon');?></h5>
|
||
|
||
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
||
|
||
<span aria-hidden="true">×</span>
|
||
|
||
</button>
|
||
|
||
</div>
|
||
|
||
<div class="modal-body">
|
||
|
||
<?php
|
||
|
||
$categories = get_categories(array(
|
||
|
||
'child_of' => 0,
|
||
|
||
'orderby' => 'name',
|
||
|
||
'order' => 'ASC',
|
||
|
||
'hide_empty' => 0,
|
||
|
||
'hierarchical' => 0,
|
||
|
||
'taxonomy' => 'post_tag',
|
||
|
||
'pad_counts' => false
|
||
|
||
));
|
||
|
||
foreach($categories as $category) {
|
||
|
||
echo "<a href=" . get_category_link( $category -> term_id ) . " class='badge badge-secondary tag'>" . $category->name . " <span class='tag-num'>" . $category -> count . "</span></a>";
|
||
|
||
}
|
||
|
||
?>
|
||
|
||
</div>
|
||
|
||
</div>
|
||
|
||
</div>
|
||
|
||
</div>
|
||
|
||
<?php
|
||
|
||
if (get_option('argon_page_layout') == 'triple'){
|
||
|
||
echo '<aside id="rightbar" class="rightbar widget-area" role="complementary">';
|
||
|
||
dynamic_sidebar( 'rightbar-tools' );
|
||
|
||
echo '</aside>';
|
||
|
||
}
|
||
|
||
?>
|
||
|