File: /home/ic3/public_html/wp-content/plugins/foxtool/main/toc.php
<?php
if ( ! defined( 'ABSPATH' ) ) { exit; }
function foxtool_toc_options_page() {
global $foxtool_toc_options;
ob_start();
?>
<div class="wrap ft-wrap">
<div class="ft-wrap-top">
<?php include( FOXTOOL_DIR . 'main/page/ft-aff-top.php'); ?>
</div>
<div class="ft-wrap2">
<div class="ft-box">
<div class="ft-menu">
<div class="ft-logo ft-logoquay">
<a class="ft-logoquaya" href="https://foxtheme.net" target="_blank">
<span><?php foxtool_logo(); ?></span>
</a>
</div>
<button class="sotab sotab-select" onclick="fttab(event, 'tab1')"><i class="fa-regular fa-list"></i> <?php _e('TOC', 'foxtool'); ?></button>
</div>
<div class="ft-main">
<?php
if( isset($_GET['settings-updated']) ) {
require_once( FOXTOOL_DIR . 'main/completed.php');
}
?>
<form method="post" action="options.php">
<?php settings_fields('foxtool_toc_settings_group'); ?>
<!-- SETTING -->
<div class="sotab-box ftbox" id="tab1" >
<h2><?php _e('TOC', 'foxtool'); ?></h2>
<div class="ft-card">
<h3><i class="fa-regular fa-list"></i> <?php _e('Table of contents configuration', 'foxtool') ?></h3>
<p>
<label class="nut-switch">
<input type="checkbox" name="foxtool_toc_settings[toc1]" value="1" <?php if ( isset($foxtool_toc_options['toc1']) && 1 == $foxtool_toc_options['toc1'] ) echo 'checked="checked"'; ?> />
<span class="slider"></span></label>
<label class="ft-label-right"><?php _e('Enable table of contents', 'foxtool'); ?></label>
</p>
<h4><?php _e('Custom posts will be displayed', 'foxtool') ?></h4>
<?php
$args = array(
'public' => true,
);
$post_types = get_post_types($args, 'objects');
foreach ($post_types as $post_type_object) {
if ($post_type_object->name == 'attachment') {
continue;
}
?>
<label class="nut-switch">
<input type="checkbox" name="foxtool_toc_settings[posttype][]" value="<?php echo $post_type_object->name; ?>" <?php if (isset($foxtool_toc_options['posttype']) && in_array($post_type_object->name, $foxtool_toc_options['posttype'])) echo 'checked="checked"'; ?> />
<span class="slider"></span>
</label>
<label class="ft-label-right"><?php echo $post_type_object->labels->name; ?></label>
</p>
<?php
}
?>
<p class="ft-note"><i class="fa-regular fa-lightbulb-on"></i> <?php _e('Select the custom post for which you want to display TOC content', 'foxtool'); ?></p>
<h4><?php _e('Shortcodes', 'foxtool') ?></h4>
<p>
<label class="nut-switch">
<input type="checkbox" name="foxtool_toc_settings[shortcode]" value="1" <?php if ( isset($foxtool_toc_options['shortcode']) && 1 == $foxtool_toc_options['shortcode'] ) echo 'checked="checked"'; ?> />
<span class="slider"></span></label>
<label class="ft-label-right"><?php _e('Use shortcodes', 'foxtool'); ?></label>
</p>
<input class="ft-input-big ft-view-in" type="text" value="[foxtoc]"/>
<p class="ft-note"><i class="fa-regular fa-lightbulb-on"></i> <?php _e('You can use the shortcode in the editor and add it to the position you want, note: only use 1 shortcode in the post', 'foxtool'); ?></p>
<h4><?php _e('Advanced configuration', 'foxtool') ?></h4>
<p>
<input class="ft-input-big" placeholder="<?php _e('Enter a title', 'foxtool') ?>" name="foxtool_toc_settings[tit-c1]" type="text" value="<?php if(!empty($foxtool_toc_options['tit-c1'])){echo sanitize_text_field($foxtool_toc_options['tit-c1']);} ?>"/>
</p>
<p style="display:grid;grid-template-columns: 1fr 1fr;max-width: 200px;">
<?php for ($i = 1; $i <= 6; $i++) { ?>
<label class="ft-container">h<?php echo $i; ?>
<input type="checkbox" name="foxtool_toc_settings[tit_h<?php echo $i; ?>]" value="1"
<?php if (isset($foxtool_toc_options['tit_h' . $i]) && 1 == $foxtool_toc_options['tit_h' . $i]) echo 'checked="checked"'; ?> />
<span class="ft-checkmark"></span>
</label>
<?php } ?>
</p>
<select id="foxtool-toc-page-select">
<option value=""><?php _e('Select the page to hide', 'foxtool'); ?></option>
<?php
$pages = get_pages();
foreach ($pages as $page) {
echo '<option value="' . esc_attr($page->post_name) . '">' . esc_html($page->post_title) . '</option>';
}
?>
</select>
<div id="foxtool-toc-tags">
<?php
if (!empty($foxtool_toc_options['toc-page-hi'])) {
$selected_pages = explode("\n", $foxtool_toc_options['toc-page-hi']);
foreach ($selected_pages as $page_slug) {
if (!empty($page_slug)) {
echo '<span class="foxtool-toc-tag">' . esc_html($page_slug) . ' <span class="remove-tag" data-slug="' . esc_attr($page_slug) . '">×</span></span>';
}
}
}
?>
</div>
<textarea id="foxtool-hi-textarea" name="foxtool_toc_settings[toc-page-hi]" style="display:none;"><?php if(!empty($foxtool_toc_options['toc-page-hi'])){echo esc_textarea($foxtool_toc_options['toc-page-hi']);} ?></textarea>
<script>
jQuery(document).ready(function($) {
function updateNoPageMessage() {
if ($('#foxtool-toc-tags .foxtool-toc-tag').length === 0) {
$('#foxtool-toc-tags').append('<span class="ftno-page"><?php _e('No pages selected', 'foxtool'); ?></span>');
} else {
$('#foxtool-toc-tags .ftno-page').remove();
}
}
$('#foxtool-toc-page-select').change(function() {
var selectedPage = $(this).val();
if (selectedPage && !isPageAlreadyAdded(selectedPage)) {
var newTag = $('<span class="foxtool-toc-tag">' + selectedPage + ' <span class="remove-tag" data-slug="' + selectedPage + '">×</span></span>');
$('#foxtool-toc-tags').append(newTag);
updateTextarea();
updateNoPageMessage();
}
$(this).val('');
});
$(document).on('click', '.remove-tag', function() {
$(this).parent('.foxtool-toc-tag').remove();
updateTextarea();
updateNoPageMessage();
});
function isPageAlreadyAdded(pageSlug) {
var exists = false;
$('#foxtool-toc-tags .foxtool-toc-tag').each(function() {
if ($(this).find('.remove-tag').data('slug') === pageSlug) {
exists = true;
return false;
}
});
return exists;
}
function updateTextarea() {
var selectedPages = [];
$('#foxtool-toc-tags .foxtool-toc-tag').each(function() {
selectedPages.push($(this).find('.remove-tag').data('slug'));
});
$('#foxtool-hi-textarea').val(selectedPages.join("\n"));
}
updateNoPageMessage();
});
</script>
<p>
<label class="nut-switch">
<input type="checkbox" name="foxtool_toc_settings[tit-c3]" value="1" <?php if ( isset($foxtool_toc_options['tit-c3']) && 1 == $foxtool_toc_options['tit-c3'] ) echo 'checked="checked"'; ?> />
<span class="slider"></span></label>
<label class="ft-label-right"><?php _e('Automatically open popup when scrolling down', 'foxtool'); ?></label>
</p>
<p>
<label class="nut-switch">
<input type="checkbox" name="foxtool_toc_settings[tit-c4]" value="1" <?php if ( isset($foxtool_toc_options['tit-c4']) && 1 == $foxtool_toc_options['tit-c4'] ) echo 'checked="checked"'; ?> />
<span class="slider"></span></label>
<label class="ft-label-right"><?php _e('Disable numbers in front of tags', 'foxtool'); ?></label>
</p>
<p>
<label class="nut-switch">
<input type="checkbox" name="foxtool_toc_settings[tit-c5]" value="1" <?php if ( isset($foxtool_toc_options['tit-c5']) && 1 == $foxtool_toc_options['tit-c5'] ) echo 'checked="checked"'; ?> />
<span class="slider"></span></label>
<label class="ft-label-right"><?php _e('List is hidden by default', 'foxtool'); ?></label>
</p>
<p>
<label class="nut-switch">
<input type="checkbox" name="foxtool_toc_settings[tit-c6]" value="1" <?php if ( isset($foxtool_toc_options['tit-c6']) && 1 == $foxtool_toc_options['tit-c6'] ) echo 'checked="checked"'; ?> />
<span class="slider"></span></label>
<label class="ft-label-right"><?php _e('Hide minimized list', 'foxtool'); ?></label>
</p>
<h4><?php _e('Customize TOC display position', 'foxtool') ?></h4>
<p>
<label class="nut-switch">
<input type="checkbox" name="foxtool_toc_settings[tag]" value="1" <?php if ( isset($foxtool_toc_options['tag']) && 1 == $foxtool_toc_options['tag'] ) echo 'checked="checked"'; ?> />
<span class="slider"></span></label>
<label class="ft-label-right"><?php _e('Enable customization', 'foxtool'); ?></label>
</p>
<p>
<input class="ft-input-small" placeholder="<?php _e('Tag', 'foxtool') ?>" name="foxtool_toc_settings[tag1]" type="text" value="<?php if(!empty($foxtool_toc_options['tag1'])){echo sanitize_text_field($foxtool_toc_options['tag1']);} else {echo sanitize_text_field('h2');} ?>"/>
<input class="ft-input-small" placeholder="<?php _e('Location', 'foxtool') ?>" name="foxtool_toc_settings[tag2]" type="number" value="<?php if(!empty($foxtool_toc_options['tag2'])){echo sanitize_text_field($foxtool_toc_options['tag2']);} else {echo sanitize_text_field('1');} ?>"/>
</p>
<h4><?php _e('Customize display and colors', 'foxtool') ?></h4>
<p>
<label class="nut-switch">
<input type="checkbox" name="foxtool_toc_settings[main-color]" value="1" <?php if ( isset($foxtool_toc_options['main-color']) && 1 == $foxtool_toc_options['main-color'] ) echo 'checked="checked"'; ?> />
<span class="slider"></span></label>
<label class="ft-label-right"><?php _e('Enable color and display customization', 'foxtool'); ?></label>
</p>
<h5><?php _e('List color', 'foxtool'); ?></h5>
<p style="display:flex;align-items:center;">
<input class="ft-input-color" name="foxtool_toc_settings[main-c1]" type="text" data-coloris value="<?php if(!empty($foxtool_toc_options['main-c1'])){echo sanitize_text_field($foxtool_toc_options['main-c1']);} ?>"/>
<label class="ft-right-text"><?php _e('Background color', 'foxtool'); ?></label>
</p>
<p style="display:flex;align-items:center;">
<input class="ft-input-color" name="foxtool_toc_settings[main-c2]" type="text" data-coloris value="<?php if(!empty($foxtool_toc_options['main-c2'])){echo sanitize_text_field($foxtool_toc_options['main-c2']);} ?>"/>
<label class="ft-right-text"><?php _e('Border color', 'foxtool'); ?></label>
</p>
<p style="display:flex;align-items:center;">
<input class="ft-input-color" name="foxtool_toc_settings[main-c4]" type="text" data-coloris value="<?php if(!empty($foxtool_toc_options['main-c4'])){echo sanitize_text_field($foxtool_toc_options['main-c4']);} ?>"/>
<label class="ft-right-text"><?php _e('Link color', 'foxtool'); ?></label>
</p>
<p style="display:flex;align-items:center;">
<input class="ft-input-color" name="foxtool_toc_settings[main-c5]" type="text" data-coloris value="<?php if(!empty($foxtool_toc_options['main-c5'])){echo sanitize_text_field($foxtool_toc_options['main-c5']);} ?>"/>
<label class="ft-right-text"><?php _e('Selection color', 'foxtool'); ?></label>
</p>
<p style="display:flex;align-items:center;">
<input class="ft-input-color" name="foxtool_toc_settings[main-c6]" type="text" data-coloris value="<?php if(!empty($foxtool_toc_options['main-c6'])){echo sanitize_text_field($foxtool_toc_options['main-c6']);} ?>"/>
<label class="ft-right-text"><?php _e('Scroll bar color', 'foxtool'); ?></label>
</p>
<p style="display:flex;align-items:center;">
<input class="ft-input-color" name="foxtool_toc_settings[main-c7]" type="text" data-coloris value="<?php if(!empty($foxtool_toc_options['main-c7'])){echo sanitize_text_field($foxtool_toc_options['main-c7']);} ?>"/>
<label class="ft-right-text"><?php _e('H tag color when scrolled to', 'foxtool'); ?></label>
</p>
<h5><?php _e('Title color', 'foxtool'); ?></h5>
<p style="display:flex;align-items:center;">
<input class="ft-input-color" name="foxtool_toc_settings[main-t1]" type="text" data-coloris value="<?php if(!empty($foxtool_toc_options['main-t1'])){echo sanitize_text_field($foxtool_toc_options['main-t1']);} ?>"/>
<label class="ft-right-text"><?php _e('Background title', 'foxtool'); ?></label>
</p>
<p style="display:flex;align-items:center;">
<input class="ft-input-color" name="foxtool_toc_settings[main-t2]" type="text" data-coloris value="<?php if(!empty($foxtool_toc_options['main-t2'])){echo sanitize_text_field($foxtool_toc_options['main-t2']);} ?>"/>
<label class="ft-right-text"><?php _e('Title text and icon color', 'foxtool'); ?></label>
</p>
<h5><?php _e('Quick view button color', 'foxtool'); ?></h5>
<p style="display:flex;align-items:center;">
<input class="ft-input-color" name="foxtool_toc_settings[main-b1]" type="text" data-coloris value="<?php if(!empty($foxtool_toc_options['main-b1'])){echo sanitize_text_field($foxtool_toc_options['main-b1']);} ?>"/>
<label class="ft-right-text"><?php _e('Icon background color', 'foxtool'); ?></label>
</p>
<p style="display:flex;align-items:center;">
<input class="ft-input-color" name="foxtool_toc_settings[main-b2]" type="text" data-coloris value="<?php if(!empty($foxtool_toc_options['main-b2'])){echo sanitize_text_field($foxtool_toc_options['main-b2']);} ?>"/>
<label class="ft-right-text"><?php _e('Icon border color', 'foxtool'); ?></label>
</p>
<p style="display:flex;align-items:center;">
<input class="ft-input-color" name="foxtool_toc_settings[main-b3]" type="text" data-coloris value="<?php if(!empty($foxtool_toc_options['main-b3'])){echo sanitize_text_field($foxtool_toc_options['main-b3']);} ?>"/>
<label class="ft-right-text"><?php _e('Icon color', 'foxtool'); ?></label>
</p>
<h5><?php _e('Customize', 'foxtool'); ?></h5>
<p class="ft-keo">
<input type="range" name="foxtool_toc_settings[main-si1]" min="14" max="30" value="<?php if(!empty($foxtool_toc_options['main-si1'])){echo sanitize_text_field($foxtool_toc_options['main-si1']);} else { echo sanitize_text_field('16');} ?>" class="ftslide" data-index="5">
<span><?php _e('Font size', 'foxtool'); ?> <span id="demo5"></span> PX</span>
</p>
<p class="ft-keo">
<input type="range" name="foxtool_toc_settings[main-r1]" min="1" max="50" value="<?php if(!empty($foxtool_toc_options['main-r1'])){echo sanitize_text_field($foxtool_toc_options['main-r1']);} else { echo sanitize_text_field('10');} ?>" class="ftslide" data-index="2">
<span><?php _e('Border radius', 'foxtool'); ?> <span id="demo2"></span> PX</span>
</p>
<p class="ft-keo">
<input type="range" name="foxtool_toc_settings[main-r2]" min="1" max="50" value="<?php if(!empty($foxtool_toc_options['main-r2'])){echo sanitize_text_field($foxtool_toc_options['main-r2']);} else { echo sanitize_text_field('10');} ?>" class="ftslide" data-index="3">
<span><?php _e('Icon border radius', 'foxtool'); ?> <span id="demo3"></span> PX</span>
</p>
<h4><?php _e('Customize icons and positions', 'foxtool') ?></h4>
<p>
<?php $styles = array('Icon1', 'Icon2', 'Icon3', 'Icon4', 'Icon5', 'Icon6'); ?>
<select name="foxtool_toc_settings[main-ico]">
<?php foreach($styles as $style) { ?>
<?php if(isset($foxtool_toc_options['main-ico']) && $foxtool_toc_options['main-ico'] == $style) { $selected = 'selected="selected"'; } else { $selected = ''; } ?>
<option value="<?php echo $style; ?>" <?php echo $selected; ?>><?php echo $style; ?></option>
<?php } ?>
</select>
<label class="ft-right-text"><?php _e('Select icon', 'foxtool'); ?></label>
</p>
<p>
<?php $styles = array('Right', 'Left'); ?>
<select name="foxtool_toc_settings[main-her1]">
<?php foreach($styles as $style) { ?>
<?php if(isset($foxtool_toc_options['main-her1']) && $foxtool_toc_options['main-her1'] == $style) { $selected = 'selected="selected"'; } else { $selected = ''; } ?>
<option value="<?php echo $style; ?>" <?php echo $selected; ?>><?php echo $style; ?></option>
<?php } ?>
</select>
<label class="ft-right-text"><?php _e('Popup location', 'foxtool'); ?></label>
</p>
<p class="ft-keo">
<input type="range" name="foxtool_toc_settings[main-her2]" min="10" max="50" value="<?php if(!empty($foxtool_toc_options['main-her2'])){echo sanitize_text_field($foxtool_toc_options['main-her2']);} else { echo sanitize_text_field('30');} ?>" class="ftslide" data-index="1">
<span><?php _e('Distance above', 'foxtool'); ?> <span id="demo1"></span> %</span>
</p>
<p class="ft-keo">
<input type="range" name="foxtool_toc_settings[main-her3]" min="55" max="200" value="<?php if(!empty($foxtool_toc_options['main-her3'])){echo sanitize_text_field($foxtool_toc_options['main-her3']);} else { echo sanitize_text_field('55');} ?>" class="ftslide" data-index="4">
<span><?php _e('Border distance', 'foxtool'); ?> <span id="demo4"></span> PX</span>
</p>
</div>
</div>
<div class="ft-submit">
<button type="submit"><i class="fa-regular fa-floppy-disk"></i> <?php _e('SAVE CONTENT', 'foxtool'); ?></button>
</div>
<button id="ft-save-fast" type="submit"><i class="fa-regular fa-floppy-disk"></i></button>
</form>
</div>
</div>
<div class="ft-sidebar">
<?php include( FOXTOOL_DIR . 'main/page/ft-aff.php'); ?>
</div>
</div>
</div>
<script>
jQuery(document).ready(function($) {
// ajax select
$('form input[type="checkbox"]').change(function() {
var currentForm = $(this).closest('form');
$.ajax({
type: 'POST',
url: currentForm.attr('action'),
data: currentForm.serialize(),
success: function(response) {
console.log('Turn on successfully');
},
error: function() {
console.log('Error in AJAX request');
}
});
});
});
</script>
<?php
// style foxtool
require_once( FOXTOOL_DIR . 'main/style.php');
echo ob_get_clean();
}
function foxtool_toc_options_link() {
add_submenu_page ('foxtool-options', 'Toc', '<i class="fa-regular fa-list" style="width:20px;"></i> '. __('TOC', 'foxtool'), 'manage_options', 'foxtool-toc-options', 'foxtool_toc_options_page');
}
add_action('admin_menu', 'foxtool_toc_options_link');
function foxtool_toc_register_settings() {
register_setting('foxtool_toc_settings_group', 'foxtool_toc_settings');
}
add_action('admin_init', 'foxtool_toc_register_settings');
// clear cache
function foxtool_toc_settings_cache($old_value, $value) {
wp_cache_delete('foxtool_toc_settings', 'options');
}
add_action('update_option_foxtool_toc_settings', 'foxtool_toc_settings_cache', 10, 2);