File: /data/wwwroot/wordpress/wp-content/plugins/simple-custom-post-order/settings.php
<?php
$scporder_options = get_option('scporder_options');
$scporder_objects = isset($scporder_options['objects']) ? $scporder_options['objects'] : array();
$scporder_tags = isset($scporder_options['tags']) ? $scporder_options['tags'] : array();
$advanced_view = isset($scporder_options['show_advanced_view']) ? $scporder_options['show_advanced_view'] : '';
?>
<style>
.epsilon-toggle {
position: relative;
display:inline-block;
user-select: none;
}
.epsilon-toggle__items {
box-sizing: border-box;
}
.epsilon-toggle__items > * {
box-sizing: inherit;
}
.epsilon-toggle__input[type=checkbox] {
border-radius: 2px;
border: 2px solid #6c7781;
margin-right: 12px;
transition: none;
height: 100%;
left: 0;
top: 0;
margin: 0;
padding: 0;
opacity: 0;
position: absolute;
width: 100%;
z-index: 1;
}
.epsilon-toggle__track {
background-color: #fff;
border: 2px solid #6c7781;
border-radius: 9px;
display: inline-block;
height: 18px;
width: 36px;
vertical-align: top;
transition: background .2s ease;
}
.epsilon-toggle__thumb {
background-color: #6c7781;
border: 5px solid #6c7781;
border-radius: 50%;
display: block;
height: 10px;
width: 10px;
position: absolute;
left: 4px;
top: 4px;
transition: transform .2s ease;
}
.epsilon-toggle__off {
position: absolute;
right: 6px;
top: 6px;
color: #6c7781;
fill: currentColor;
}
.epsilon-toggle__on {
position: absolute;
top: 6px;
left: 8px;
border: 1px solid #fff;
outline: 1px solid transparent;
outline-offset: -1px;
display: none;
}
.epsilon-toggle__input[type=checkbox]:checked + .epsilon-toggle__items .epsilon-toggle__track {
background-color: #11a0d2;
border: 9px solid transparent;
}
.epsilon-toggle__input[type=checkbox]:checked + .epsilon-toggle__items .epsilon-toggle__thumb {
background-color: #fff;
border-width: 0;
transform: translateX(18px);
}
.epsilon-toggle__input[type=checkbox]:checked + .epsilon-toggle__items .epsilon-toggle__off {
display: none;
}
.epsilon-toggle__input[type=checkbox]:checked + .epsilon-toggle__items .epsilon-toggle__on {
display: inline-block;
}
.scpo-reset-response {
margin-left:15px;
color:#0085ba;
}
</style>
<div class="wrap">
<h2><?php _e('Simple Custom Post Order Settings', 'simple-custom-post-order'); ?></h2>
<?php if (isset($_GET['msg'])) : ?>
<div id="message" class="updated below-h2">
<?php if ($_GET['msg'] == 'update') : ?>
<p><?php _e('Settings Updated.','simple-custom-post-order'); ?></p>
<?php endif; ?>
</div>
<?php endif; ?>
<form method="post">
<?php if (function_exists('wp_nonce_field')) wp_nonce_field('nonce_scporder'); ?>
<div id="scporder_select_objects">
<table class="form-table">
<tbody>
<tr valign="top">
<th scope="row"><?php _e('Check to Sort Post Types', 'simple-custom-post-order') ?></th>
<td>
<label>
<div class="epsilon-toggle">
<input id="scporder_allcheck_objects" class="epsilon-toggle__input" type="checkbox">
<div class="epsilon-toggle__items">
<span class="epsilon-toggle__track"></span>
<span class="epsilon-toggle__thumb"></span>
<svg class="epsilon-toggle__off" width="6" height="6" aria-hidden="true"
role="img" focusable="false" viewBox="0 0 6 6">
<path d="M3 1.5c.8 0 1.5.7 1.5 1.5S3.8 4.5 3 4.5 1.5 3.8 1.5 3 2.2 1.5 3 1.5M3 0C1.3 0 0 1.3 0 3s1.3 3 3 3 3-1.3 3-3-1.3-3-3-3z"></path>
</svg>
<svg class="epsilon-toggle__on" width="2" height="6" aria-hidden="true"
role="img" focusable="false" viewBox="0 0 2 6">
<path d="M0 0h2v6H0z"></path>
</svg>
</div>
</div>
<?php _e('Check All', 'simple-custom-post-order') ?></label><br>
<?php
$post_types_args = apply_filters('scpo_post_types_args', array(
'show_ui' => true,
'show_in_menu' => true,
),$scporder_options);
$post_types = get_post_types($post_types_args, 'objects');
foreach ($post_types as $post_type) {
if ($post_type->name == 'attachment')
continue;
?>
<label>
<div class="epsilon-toggle">
<input class="epsilon-toggle__input" type="checkbox"
name="objects[]" value="<?php echo $post_type->name; ?>" <?php
if (isset($scporder_objects) && is_array($scporder_objects)) {
if (in_array($post_type->name, $scporder_objects)) {
echo 'checked="checked"';
}
}
?>>
<div class="epsilon-toggle__items">
<span class="epsilon-toggle__track"></span>
<span class="epsilon-toggle__thumb"></span>
<svg class="epsilon-toggle__off" width="6" height="6" aria-hidden="true"
role="img" focusable="false" viewBox="0 0 6 6">
<path d="M3 1.5c.8 0 1.5.7 1.5 1.5S3.8 4.5 3 4.5 1.5 3.8 1.5 3 2.2 1.5 3 1.5M3 0C1.3 0 0 1.3 0 3s1.3 3 3 3 3-1.3 3-3-1.3-3-3-3z"></path>
</svg>
<svg class="epsilon-toggle__on" width="2" height="6" aria-hidden="true"
role="img" focusable="false" viewBox="0 0 2 6">
<path d="M0 0h2v6H0z"></path>
</svg>
</div>
</div>
<?php echo $post_type->label; ?></label><br>
<?php
}
?>
</td>
</tr>
</tbody>
</table>
</div>
<div id="scporder_select_tags">
<table class="form-table">
<tbody>
<tr valign="top">
<th scope="row"><?php _e('Check to Sort Taxonomies', 'simple-custom-post-order') ?></th>
<td>
<label>
<div class="epsilon-toggle">
<input id="scporder_allcheck_tags" class="epsilon-toggle__input" type="checkbox">
<div class="epsilon-toggle__items">
<span class="epsilon-toggle__track"></span>
<span class="epsilon-toggle__thumb"></span>
<svg class="epsilon-toggle__off" width="6" height="6" aria-hidden="true"
role="img" focusable="false" viewBox="0 0 6 6">
<path d="M3 1.5c.8 0 1.5.7 1.5 1.5S3.8 4.5 3 4.5 1.5 3.8 1.5 3 2.2 1.5 3 1.5M3 0C1.3 0 0 1.3 0 3s1.3 3 3 3 3-1.3 3-3-1.3-3-3-3z"></path>
</svg>
<svg class="epsilon-toggle__on" width="2" height="6" aria-hidden="true"
role="img" focusable="false" viewBox="0 0 2 6">
<path d="M0 0h2v6H0z"></path>
</svg>
</div>
</div>
<?php _e('Check All', 'simple-custom-post-order') ?></label><br>
<?php
$taxonomies = get_taxonomies(array(
'show_ui' => true,
), 'objects');
foreach ($taxonomies as $taxonomy) {
if ($taxonomy->name == 'post_format')
continue;
?>
<label>
<div class="epsilon-toggle">
<input class="epsilon-toggle__input" type="checkbox"
name="tags[]" value="<?php echo $taxonomy->name; ?>" <?php
if (isset($scporder_tags) && is_array($scporder_tags)) {
if (in_array($taxonomy->name, $scporder_tags)) {
echo 'checked="checked"';
}
}
?>>
<div class="epsilon-toggle__items">
<span class="epsilon-toggle__track"></span>
<span class="epsilon-toggle__thumb"></span>
<svg class="epsilon-toggle__off" width="6" height="6" aria-hidden="true"
role="img" focusable="false" viewBox="0 0 6 6">
<path d="M3 1.5c.8 0 1.5.7 1.5 1.5S3.8 4.5 3 4.5 1.5 3.8 1.5 3 2.2 1.5 3 1.5M3 0C1.3 0 0 1.3 0 3s1.3 3 3 3 3-1.3 3-3-1.3-3-3-3z"></path>
</svg>
<svg class="epsilon-toggle__on" width="2" height="6" aria-hidden="true"
role="img" focusable="false" viewBox="0 0 2 6">
<path d="M0 0h2v6H0z"></path>
</svg>
</div>
</div>
<?php echo $taxonomy->label ?></label><br>
<?php
}
?>
</td>
</tr>
</tbody>
</table>
</div>
<div id="scporder_advanved_view">
<table class="form-table">
<tbody>
<tr valign="top">
<th scope="row"><?php _e('Check to see advanced view of Post Types ', 'simple-custom-post-order') ?></th>
<td>
<label>
<div class="epsilon-toggle">
<input class="epsilon-toggle__input" type="checkbox"
name="show_advanced_view" value="1" <?php checked( '1', $advanced_view, 'checked="checked"' ); ?>>
<div class="epsilon-toggle__items">
<span class="epsilon-toggle__track"></span>
<span class="epsilon-toggle__thumb"></span>
<svg class="epsilon-toggle__off" width="6" height="6" aria-hidden="true"
role="img" focusable="false" viewBox="0 0 6 6">
<path d="M3 1.5c.8 0 1.5.7 1.5 1.5S3.8 4.5 3 4.5 1.5 3.8 1.5 3 2.2 1.5 3 1.5M3 0C1.3 0 0 1.3 0 3s1.3 3 3 3 3-1.3 3-3-1.3-3-3-3z"></path>
</svg>
<svg class="epsilon-toggle__on" width="2" height="6" aria-hidden="true"
role="img" focusable="false" viewBox="0 0 2 6">
<path d="M0 0h2v6H0z"></path>
</svg>
</div>
</div>
<?php echo __('Show advanced view of Post Types','simple-custom-post-order'); ?>
</label><br>
<p class="description"><?php _e('NOTICE: This is for advanced users only.','simple-custom-post-order'); ?></p>
<!--@todo : @giucu please look into below description. -->
<p class="description"><?php _e('Check to include other custom post types. You will need to update your settings after enabling this option.','simple-custom-post-order'); ?></p>
</td>
</tr>
</tbody>
</table>
</div>
<p class="submit">
<input type="submit" class="button-primary" name="scporder_submit" value="<?php _e('Update', 'simple-custom-post-order'); ?>">
</p>
</form>
<div class="scpo-reset-order">
<h1>Want to reset the order of the posts?</h1>
<div id="scpo_reset_select_objects">
<table class="form-table">
<tbody>
<tr valign="top">
<th scope="row"><?php _e('Check to reset order of Post Types', 'simple-custom-post-order') ?></th>
<td>
<?php
foreach ($post_types as $post_type) {
if ($post_type->name == 'attachment')
continue;
?>
<label>
<div class="epsilon-toggle">
<input class="epsilon-toggle__input" type="checkbox"
name="<?php echo $post_type->name; ?>" value="">
<div class="epsilon-toggle__items">
<span class="epsilon-toggle__track"></span>
<span class="epsilon-toggle__thumb"></span>
<svg class="epsilon-toggle__off" width="6" height="6" aria-hidden="true"
role="img" focusable="false" viewBox="0 0 6 6">
<path d="M3 1.5c.8 0 1.5.7 1.5 1.5S3.8 4.5 3 4.5 1.5 3.8 1.5 3 2.2 1.5 3 1.5M3 0C1.3 0 0 1.3 0 3s1.3 3 3 3 3-1.3 3-3-1.3-3-3-3z"></path>
</svg>
<svg class="epsilon-toggle__on" width="2" height="6" aria-hidden="true"
role="img" focusable="false" viewBox="0 0 2 6">
<path d="M0 0h2v6H0z"></path>
</svg>
</div>
</div>
<?php echo $post_type->label; ?></label><br>
<?php
}
?>
</td>
</tr>
</tbody>
</table>
</div>
<div>
<a id="reset-scp-order" class="button button-primary" href="#">Reset order</a>
<span class="scpo-reset-response"></span>
</div>
</div>
<h3>Like this simple plugin?</h3>
<p>Make sure to <a href="https://wordpress.org/support/plugin/simple-custom-post-order/reviews/?filter=5"><strong>rate it</strong></a> and visit us at <a href="https://colorlib.com/wp/"><strong>Colorlib.com</strong></a></p>
</div>
<script>
(function ($) {
$("#scporder_allcheck_objects").on('click', function () {
var items = $("#scporder_select_objects input");
if ($(this).is(':checked'))
$(items).prop('checked', true);
else
$(items).prop('checked', false);
});
$("#scporder_allcheck_tags").on('click', function () {
var items = $("#scporder_select_tags input");
if ($(this).is(':checked'))
$(items).prop('checked', true);
else
$(items).prop('checked', false);
});
// Reset order function
$('#reset-scp-order').click(function (e) {
e.preventDefault();
var btn = $(this),
item_input = $(this).parents('.scpo-reset-order').find('input:checked'),
items = [],
data = {
action: 'scpo_reset_order',
scpo_security: '<?php echo wp_create_nonce("scpo-reset-order"); ?>'
};
if (item_input.length > 0) {
item_input.each(function (i, item) {
items.push(item.name);
});
data['items'] = items;
$.post("<?php echo admin_url('admin-ajax.php'); ?>", data, function (response) {
if (response) {
btn.next('.scpo-reset-response').text(response);
}
});
}
});
})(jQuery)
</script>