initial commit
This commit is contained in:
@ -0,0 +1,419 @@
|
||||
<?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);
|
||||
setTimeout(function(){
|
||||
location.reload(true);
|
||||
},1500);
|
||||
}
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
})(jQuery)
|
||||
</script>
|
||||
Reference in New Issue
Block a user