2 Commits
Author SHA1 Message Date
biztechc 4e4f4c394e Change Compatible into readme.txt file 2015-08-20 12:42:18 +00:00
biztechc 4972909a25 Add new version 1.0.1 2015-06-23 06:10:16 +00:00
5 changed files with 903 additions and 1349 deletions
+101 -78
View File
@@ -21,7 +21,7 @@ table.dataTable tfoot th {
table.dataTable thead th,
table.dataTable thead td {
padding: 10px 18px;
border-bottom: 1px solid #111;
border-bottom: 1px solid #111111;
}
table.dataTable thead th:active,
table.dataTable thead td:active {
@@ -30,49 +30,41 @@ table.dataTable thead td:active {
table.dataTable tfoot th,
table.dataTable tfoot td {
padding: 10px 18px 6px 18px;
border-top: 1px solid #111;
border-top: 1px solid #111111;
}
table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc {
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting {
cursor: pointer;
*cursor: hand;
}
table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled {
background-repeat: no-repeat;
background-position: center right;
}
table.dataTable thead .sorting {
background-image: url("../images/sort_both.png");
background: url("../images/sort_both.png") no-repeat center right;
}
table.dataTable thead .sorting_asc {
background-image: url("../images/sort_asc.png");
background: url("../images/sort_asc.png") no-repeat center right;
}
table.dataTable thead .sorting_desc {
background-image: url("../images/sort_desc.png");
background: url("../images/sort_desc.png") no-repeat center right;
}
table.dataTable thead .sorting_asc_disabled {
background-image: url("../images/sort_asc_disabled.png");
background: url("../images/sort_asc_disabled.png") no-repeat center right;
}
table.dataTable thead .sorting_desc_disabled {
background-image: url("../images/sort_desc_disabled.png");
background: url("../images/sort_desc_disabled.png") no-repeat center right;
}
table.dataTable tbody tr {
background-color: #ffffff;
background-color: white;
}
table.dataTable tbody tr.selected {
background-color: #B0BED9;
background-color: #b0bed9;
}
table.dataTable tbody th,
table.dataTable tbody td {
padding: 8px 10px;
}
table.dataTable.row-border tbody th, table.dataTable.row-border tbody td, table.dataTable.display tbody th, table.dataTable.display tbody td {
border-top: 1px solid #ddd;
border-top: 1px solid #dddddd;
}
table.dataTable.row-border tbody tr:first-child th,
table.dataTable.row-border tbody tr:first-child td, table.dataTable.display tbody tr:first-child th,
@@ -80,12 +72,12 @@ table.dataTable.display tbody tr:first-child td {
border-top: none;
}
table.dataTable.cell-border tbody th, table.dataTable.cell-border tbody td {
border-top: 1px solid #ddd;
border-right: 1px solid #ddd;
border-top: 1px solid #dddddd;
border-right: 1px solid #dddddd;
}
table.dataTable.cell-border tbody tr th:first-child,
table.dataTable.cell-border tbody tr td:first-child {
border-left: 1px solid #ddd;
border-left: 1px solid #dddddd;
}
table.dataTable.cell-border tbody tr:first-child th,
table.dataTable.cell-border tbody tr:first-child td {
@@ -95,27 +87,35 @@ table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd {
background-color: #f9f9f9;
}
table.dataTable.stripe tbody tr.odd.selected, table.dataTable.display tbody tr.odd.selected {
background-color: #acbad4;
background-color: #abb9d3;
}
table.dataTable.hover tbody tr:hover, table.dataTable.display tbody tr:hover {
background-color: #f6f6f6;
table.dataTable.hover tbody tr:hover,
table.dataTable.hover tbody tr.odd:hover,
table.dataTable.hover tbody tr.even:hover, table.dataTable.display tbody tr:hover,
table.dataTable.display tbody tr.odd:hover,
table.dataTable.display tbody tr.even:hover {
background-color: whitesmoke;
}
table.dataTable.hover tbody tr:hover.selected, table.dataTable.display tbody tr:hover.selected {
background-color: #aab7d1;
table.dataTable.hover tbody tr:hover.selected,
table.dataTable.hover tbody tr.odd:hover.selected,
table.dataTable.hover tbody tr.even:hover.selected, table.dataTable.display tbody tr:hover.selected,
table.dataTable.display tbody tr.odd:hover.selected,
table.dataTable.display tbody tr.even:hover.selected {
background-color: #a9b7d1;
}
table.dataTable.order-column tbody tr > .sorting_1,
table.dataTable.order-column tbody tr > .sorting_2,
table.dataTable.order-column tbody tr > .sorting_3, table.dataTable.display tbody tr > .sorting_1,
table.dataTable.display tbody tr > .sorting_2,
table.dataTable.display tbody tr > .sorting_3 {
background-color: #fafafa;
background-color: #f9f9f9;
}
table.dataTable.order-column tbody tr.selected > .sorting_1,
table.dataTable.order-column tbody tr.selected > .sorting_2,
table.dataTable.order-column tbody tr.selected > .sorting_3, table.dataTable.display tbody tr.selected > .sorting_1,
table.dataTable.display tbody tr.selected > .sorting_2,
table.dataTable.display tbody tr.selected > .sorting_3 {
background-color: #acbad5;
background-color: #acbad4;
}
table.dataTable.display tbody tr.odd > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 {
background-color: #f1f1f1;
@@ -127,67 +127,91 @@ table.dataTable.display tbody tr.odd > .sorting_3, table.dataTable.order-column.
background-color: whitesmoke;
}
table.dataTable.display tbody tr.odd.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_1 {
background-color: #a6b4cd;
background-color: #a6b3cd;
}
table.dataTable.display tbody tr.odd.selected > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_2 {
background-color: #a8b5cf;
background-color: #a7b5ce;
}
table.dataTable.display tbody tr.odd.selected > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_3 {
background-color: #a9b7d1;
background-color: #a9b6d0;
}
table.dataTable.display tbody tr.even > .sorting_1, table.dataTable.order-column.stripe tbody tr.even > .sorting_1 {
background-color: #fafafa;
background-color: #f9f9f9;
}
table.dataTable.display tbody tr.even > .sorting_2, table.dataTable.order-column.stripe tbody tr.even > .sorting_2 {
background-color: #fcfcfc;
background-color: #fbfbfb;
}
table.dataTable.display tbody tr.even > .sorting_3, table.dataTable.order-column.stripe tbody tr.even > .sorting_3 {
background-color: #fefefe;
background-color: #fdfdfd;
}
table.dataTable.display tbody tr.even.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_1 {
background-color: #acbad5;
background-color: #acbad4;
}
table.dataTable.display tbody tr.even.selected > .sorting_2, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_2 {
background-color: #aebcd6;
background-color: #adbbd6;
}
table.dataTable.display tbody tr.even.selected > .sorting_3, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_3 {
background-color: #afbdd8;
}
table.dataTable.display tbody tr:hover > .sorting_1, table.dataTable.order-column.hover tbody tr:hover > .sorting_1 {
table.dataTable.display tbody tr:hover > .sorting_1,
table.dataTable.display tbody tr.odd:hover > .sorting_1,
table.dataTable.display tbody tr.even:hover > .sorting_1, table.dataTable.order-column.hover tbody tr:hover > .sorting_1,
table.dataTable.order-column.hover tbody tr.odd:hover > .sorting_1,
table.dataTable.order-column.hover tbody tr.even:hover > .sorting_1 {
background-color: #eaeaea;
}
table.dataTable.display tbody tr:hover > .sorting_2, table.dataTable.order-column.hover tbody tr:hover > .sorting_2 {
background-color: #ececec;
table.dataTable.display tbody tr:hover > .sorting_2,
table.dataTable.display tbody tr.odd:hover > .sorting_2,
table.dataTable.display tbody tr.even:hover > .sorting_2, table.dataTable.order-column.hover tbody tr:hover > .sorting_2,
table.dataTable.order-column.hover tbody tr.odd:hover > .sorting_2,
table.dataTable.order-column.hover tbody tr.even:hover > .sorting_2 {
background-color: #ebebeb;
}
table.dataTable.display tbody tr:hover > .sorting_3, table.dataTable.order-column.hover tbody tr:hover > .sorting_3 {
background-color: #efefef;
table.dataTable.display tbody tr:hover > .sorting_3,
table.dataTable.display tbody tr.odd:hover > .sorting_3,
table.dataTable.display tbody tr.even:hover > .sorting_3, table.dataTable.order-column.hover tbody tr:hover > .sorting_3,
table.dataTable.order-column.hover tbody tr.odd:hover > .sorting_3,
table.dataTable.order-column.hover tbody tr.even:hover > .sorting_3 {
background-color: #eeeeee;
}
table.dataTable.display tbody tr:hover.selected > .sorting_1, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_1 {
background-color: #a2aec7;
table.dataTable.display tbody tr:hover.selected > .sorting_1,
table.dataTable.display tbody tr.odd:hover.selected > .sorting_1,
table.dataTable.display tbody tr.even:hover.selected > .sorting_1, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_1,
table.dataTable.order-column.hover tbody tr.odd:hover.selected > .sorting_1,
table.dataTable.order-column.hover tbody tr.even:hover.selected > .sorting_1 {
background-color: #a1aec7;
}
table.dataTable.display tbody tr:hover.selected > .sorting_2, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_2 {
background-color: #a3b0c9;
table.dataTable.display tbody tr:hover.selected > .sorting_2,
table.dataTable.display tbody tr.odd:hover.selected > .sorting_2,
table.dataTable.display tbody tr.even:hover.selected > .sorting_2, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_2,
table.dataTable.order-column.hover tbody tr.odd:hover.selected > .sorting_2,
table.dataTable.order-column.hover tbody tr.even:hover.selected > .sorting_2 {
background-color: #a2afc8;
}
table.dataTable.display tbody tr:hover.selected > .sorting_3, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_3 {
background-color: #a5b2cb;
table.dataTable.display tbody tr:hover.selected > .sorting_3,
table.dataTable.display tbody tr.odd:hover.selected > .sorting_3,
table.dataTable.display tbody tr.even:hover.selected > .sorting_3, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_3,
table.dataTable.order-column.hover tbody tr.odd:hover.selected > .sorting_3,
table.dataTable.order-column.hover tbody tr.even:hover.selected > .sorting_3 {
background-color: #a4b2cb;
}
table.dataTable.no-footer {
border-bottom: 1px solid #111;
border-bottom: 1px solid #111111;
}
table.dataTable.nowrap th, table.dataTable.nowrap td {
white-space: nowrap;
}
table.dataTable.compact thead th,
table.dataTable.compact thead td {
padding: 4px 17px 4px 4px;
padding: 5px 9px;
}
table.dataTable.compact tfoot th,
table.dataTable.compact tfoot td {
padding: 4px;
padding: 5px 9px 3px 9px;
}
table.dataTable.compact tbody th,
table.dataTable.compact tbody td {
padding: 4px;
padding: 4px 5px;
}
table.dataTable th.dt-left,
table.dataTable td.dt-left {
@@ -308,25 +332,24 @@ table.dataTable td {
text-decoration: none !important;
cursor: pointer;
*cursor: hand;
color: #333 !important;
color: #333333 !important;
border: 1px solid transparent;
border-radius: 2px;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
color: #333 !important;
border: 1px solid #979797;
color: #333333 !important;
border: 1px solid #cacaca;
background-color: white;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #dcdcdc));
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, gainsboro));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, white 0%, #dcdcdc 100%);
background: -webkit-linear-gradient(top, white 0%, gainsboro 100%);
/* Chrome10+,Safari5.1+ */
background: -moz-linear-gradient(top, white 0%, #dcdcdc 100%);
background: -moz-linear-gradient(top, white 0%, gainsboro 100%);
/* FF3.6+ */
background: -ms-linear-gradient(top, white 0%, #dcdcdc 100%);
background: -ms-linear-gradient(top, white 0%, gainsboro 100%);
/* IE10+ */
background: -o-linear-gradient(top, white 0%, #dcdcdc 100%);
background: -o-linear-gradient(top, white 0%, gainsboro 100%);
/* Opera 11.10+ */
background: linear-gradient(to bottom, white 0%, #dcdcdc 100%);
background: linear-gradient(to bottom, white 0%, gainsboro 100%);
/* W3C */
}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
@@ -338,19 +361,19 @@ table.dataTable td {
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
color: white !important;
border: 1px solid #111;
border: 1px solid #111111;
background-color: #585858;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #585858), color-stop(100%, #111));
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #585858), color-stop(100%, #111111));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #585858 0%, #111 100%);
background: -webkit-linear-gradient(top, #585858 0%, #111111 100%);
/* Chrome10+,Safari5.1+ */
background: -moz-linear-gradient(top, #585858 0%, #111 100%);
background: -moz-linear-gradient(top, #585858 0%, #111111 100%);
/* FF3.6+ */
background: -ms-linear-gradient(top, #585858 0%, #111 100%);
background: -ms-linear-gradient(top, #585858 0%, #111111 100%);
/* IE10+ */
background: -o-linear-gradient(top, #585858 0%, #111 100%);
background: -o-linear-gradient(top, #585858 0%, #111111 100%);
/* Opera 11.10+ */
background: linear-gradient(to bottom, #585858 0%, #111 100%);
background: linear-gradient(to bottom, #585858 0%, #111111 100%);
/* W3C */
}
.dataTables_wrapper .dataTables_paginate .paginate_button:active {
@@ -370,9 +393,6 @@ table.dataTable td {
/* W3C */
box-shadow: inset 0 0 3px #111;
}
.dataTables_wrapper .dataTables_paginate .ellipsis {
padding: 0 1em;
}
.dataTables_wrapper .dataTables_processing {
position: absolute;
top: 50%;
@@ -386,18 +406,24 @@ table.dataTable td {
font-size: 1.2em;
background-color: white;
background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0.9)), color-stop(75%, rgba(255, 255, 255, 0.9)), color-stop(100%, rgba(255, 255, 255, 0)));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
/* Chrome10+,Safari5.1+ */
background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
/* FF3.6+ */
background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
/* IE10+ */
background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
/* Opera 11.10+ */
background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%);
/* W3C */
}
.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_processing,
.dataTables_wrapper .dataTables_paginate {
color: #333;
color: #333333;
}
.dataTables_wrapper .dataTables_scroll {
clear: both;
@@ -406,9 +432,6 @@ table.dataTable td {
*margin-top: -1px;
-webkit-overflow-scrolling: touch;
}
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody th, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody td {
vertical-align: middle;
}
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody th > div.dataTables_sizing,
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody td > div.dataTables_sizing {
height: 0;
@@ -417,7 +440,7 @@ table.dataTable td {
padding: 0 !important;
}
.dataTables_wrapper.no-footer .dataTables_scrollBody {
border-bottom: 1px solid #111;
border-bottom: 1px solid #111111;
}
.dataTables_wrapper.no-footer div.dataTables_scrollHead table,
.dataTables_wrapper.no-footer div.dataTables_scrollBody table {
-2
View File
@@ -1,2 +0,0 @@
<?php
// Silence is golden.
+533 -905
View File
File diff suppressed because it is too large Load Diff
+4 -35
View File
@@ -1,9 +1,9 @@
=== WP jQuery DataTable ===
Contributors: biztechc
Tags: WP jQuery DataTable, jQuery, jQuery DataTable, Table ,DataTable
Tags: WP jQuery DataTable, jQuery, jQuery DataTable, Table
Requires at least: 3.6.1
Tested up to: 6.7.1
Stable tag: 4.1.0
Tested up to: 4.3
Stable tag: 1.0.1
License: GPLv2 or later
Features can be settings to meet your exact needs for your table implementations. like Paging,Ordering,search, etc...
@@ -68,38 +68,7 @@ Is this plugin prepared for multisites? Yes.
== Changelog ==
= 4.1.0 =
* Compatibility with WordPress version 6.7.1
* Vulnerability Fix
= 4.0.1 =
* Compatibility with WordPress version 6.1.1
= 4.0.0 =
* Compatibility with WordPress version 5.8
= 3.0.0 =
* Compatibility with WordPress version 5.5
= 2.0.1 =
* Compatibility with WordPress version 5.4
= 2.0.0 =
* Compatibility with WordPress version 5.3
= 1.1.1 =
* Bug fixed for warnings and notices
= 1.1.0 =
* Make plugin language compatible
* Bug fixed for paging and ordering
= 1.0.2 =
* Update new jquerydatatable js
= 1.0.1 =
* Solved jquery confliction
= 1.0.0 =
* Stable Version release
== Upgrade Notice ==
+244 -308
View File
@@ -1,78 +1,37 @@
<?php
/**
* Plugin Name: WP jQuery DataTable
* Description: Features can be settings to meet your exact needs for your table implementations. like Paging,Ordering,Searching, etc...
* Author: biztechc
* Author URI: https://www.appjetty.com/
* Version: 4.1.0
* WordPress Tested up to: 6.7.1
* Author URI: http://www.biztechconsultancy.com
* Version: 1.0.0
*/
register_activation_hook(__FILE__, 'wp_jdt_activate_plugin');
function wp_jdt_activate_plugin()
{
$fields = array(
'wp_jdt_info',
'wp_jdt_paging',
// 'wp_jdt_paging_type',
// 'wp_jdt_page_length',
'wp_jdt_b_length_change',
'wp_jdt_ordering',
// 'wp_jdt_order_row',
// 'wp_jdt_order_row_sort',
'wp_jdt_searching',
);
foreach ($fields as $field) {
$data = get_option($field);
if ($data == FALSE) {
update_option($field, 'true');
}
}
$data = get_option('wp_jdt_paging_type');
($data == FALSE) ? update_option('wp_jdt_paging_type', 'simple') : '';
$data = get_option('wp_jdt_page_length');
($data == FALSE) ? update_option('wp_jdt_page_length', '10') : '';
$data = get_option('wp_jdt_order_row');
($data == FALSE) ? update_option('wp_jdt_order_row', '0') : '';
$data = get_option('wp_jdt_order_row_sort');
($data == FALSE) ? update_option('wp_jdt_order_row_sort', 'desc') : '';
}
add_action('admin_menu', 'wp_jdt_create_menu');
function wp_jdt_create_menu()
{
function wp_jdt_create_menu(){
//create admin side menu
add_menu_page(__('WP jQuery DataTable Settings'), __('WP jQuery DataTable'), 'administrator', 'wp-jdt', 'wp_jdt_settings_page');
add_menu_page('WP jQuery DataTable Settings', 'WP jQuery DataTable', 'administrator', 'wp-jdt', 'wp_jdt_settings_page');
//call register settings function
add_action('admin_init', 'wp_jdt_settings');
add_action( 'admin_init', 'wp_jdt_settings' );
}
function wp_jdt_settings()
{
//register our settings
register_setting('wp-jdt-settings-group', 'wp_jdt_info');
register_setting('wp-jdt-settings-group', 'wp_jdt_paging');
register_setting('wp-jdt-settings-group', 'wp_jdt_page_length');
register_setting('wp-jdt-settings-group', 'wp_jdt_paging_type');
register_setting('wp-jdt-settings-group', 'wp_jdt_b_length_change');
register_setting('wp-jdt-settings-group', 'wp_jdt_ordering');
register_setting('wp-jdt-settings-group', 'wp_jdt_order_row');
register_setting('wp-jdt-settings-group', 'wp_jdt_order_row_sort');
register_setting('wp-jdt-settings-group', 'wp_jdt_searching');
function wp_jdt_settings(){
//register our settings
register_setting( 'wp-jdt-settings-group', 'wp_jdt_info' );
register_setting( 'wp-jdt-settings-group', 'wp_jdt_paging' );
register_setting( 'wp-jdt-settings-group', 'wp_jdt_page_length' );
register_setting( 'wp-jdt-settings-group', 'wp_jdt_paging_type' );
register_setting( 'wp-jdt-settings-group', 'wp_jdt_b_length_change' );
register_setting( 'wp-jdt-settings-group', 'wp_jdt_ordering' );
register_setting( 'wp-jdt-settings-group', 'wp_jdt_order_row' );
register_setting( 'wp-jdt-settings-group', 'wp_jdt_order_row_sort' );
register_setting( 'wp-jdt-settings-group', 'wp_jdt_searching' );
}
function wp_jdt_settings_page()
{
// Admin side page options
function wp_jdt_settings_page(){
// Admin side page options
$wp_jdt_info = get_option('wp_jdt_info');
$wp_jdt_paging = get_option('wp_jdt_paging');
$wp_jdt_page_length = get_option('wp_jdt_page_length');
@@ -82,224 +41,220 @@ function wp_jdt_settings_page()
$wp_jdt_order_row = get_option('wp_jdt_order_row');
$wp_jdt_order_row_sort = get_option('wp_jdt_order_row_sort');
$wp_jdt_searching = get_option('wp_jdt_searching');
?>
<div class='wrap'>
<h2><?php _e('WP jQuery DataTable Settings'); ?></h2>
?>
<div class='wrap'>
<h2>WP jQuery DataTable Settings</h2>
<form method='post' action='options.php'>
<?php settings_fields('wp-jdt-settings-group'); ?>
<?php do_settings_sections('wp-jdt-settings-group'); ?>
<table class='form-table'>
<tr valign='top'>
<th scope='row'><?php _e('Show Information'); ?></th>
<td>
<fieldset>
<?php
if ($wp_jdt_info != "false") {
?>
<label title="<?php _e('Yes'); ?>"><input type="radio" checked="checked" value="true" name="wp_jdt_info"> <span><?php _e('Yes'); ?></span></label><br>
<label title="<?php _e('No'); ?>"><input type="radio" value="false" name="wp_jdt_info"> <span><?php _e('No'); ?></span></label><br>
<?php
} else {
?>
<label title="<?php _e('Yes'); ?>"><input type="radio" value="true" name="wp_jdt_info"> <span><?php _e('Yes'); ?></span></label><br>
<label title="<?php _e('No'); ?>"><input type="radio" checked="checked" value="false" name="wp_jdt_info"> <span><?php _e('No'); ?></span></label><br>
<?php
}
?>
</fieldset>
</td>
</tr>
<form method='post' action='options.php'>
<?php settings_fields( 'wp-jdt-settings-group' ); ?>
<?php do_settings_sections( 'wp-jdt-settings-group' ); ?>
<table class='form-table'>
<tr valign='top'>
<th scope='row'>Show Information</th>
<td>
<fieldset>
<?php
if($wp_jdt_info != "false") {
?>
<label title="Yes"><input type="radio" checked="checked" value="true" name="wp_jdt_info"> <span>Yes</span></label><br>
<label title="No"><input type="radio" value="false" name="wp_jdt_info"> <span>No</span></label><br>
<?php
}
else {
?>
<label title="Yes"><input type="radio" value="true" name="wp_jdt_info"> <span>Yes</span></label><br>
<label title="No"><input type="radio" checked="checked" value="false" name="wp_jdt_info"> <span>No</span></label><br>
<?php
}
?>
</fieldset>
</td>
</tr>
<tr valign='top'>
<th scope='row'><?php _e('Pagination'); ?></th>
<td>
<fieldset>
<?php
if ($wp_jdt_paging != "false") {
?>
<label title="<?php _e('Yes'); ?>"><input type="radio" checked="checked" value="true" name="wp_jdt_paging"> <span><?php _e('Yes'); ?></span></label><br>
<label title="<?php _e('No'); ?>"><input type="radio" value="false" name="wp_jdt_paging"> <span><?php _e('No'); ?></span></label><br>
<?php
} else {
?>
<label title="<?php _e('Yes'); ?>"><input type="radio" value="true" name="wp_jdt_paging"> <span><?php _e('Yes'); ?></span></label><br>
<label title="<?php _e('No'); ?>"><input type="radio" checked="checked" value="false" name="wp_jdt_paging"> <span><?php _e('No'); ?></span></label><br>
<?php
}
?>
</fieldset>
</td>
</tr>
<tr valign='top'>
<th scope='row'>Pagination</th>
<td>
<fieldset>
<?php
if($wp_jdt_paging != "false") {
?>
<label title="Yes"><input type="radio" checked="checked" value="true" name="wp_jdt_paging"> <span>Yes</span></label><br>
<label title="No"><input type="radio" value="false" name="wp_jdt_paging"> <span>No</span></label><br>
<?php
}
else {
?>
<label title="Yes"><input type="radio" value="true" name="wp_jdt_paging"> <span>Yes</span></label><br>
<label title="No"><input type="radio" checked="checked" value="false" name="wp_jdt_paging"> <span>No</span></label><br>
<?php
}
?>
</fieldset>
</td>
</tr>
<tr valign='top'>
<th scope='row'><?php _e('Pagination Type'); ?></th>
<td>
<fieldset>
<?php
if ($wp_jdt_paging_type == "full_numbers") {
?>
<label title="<?php _e('Simple'); ?>"><input type="radio" value="simple" name="wp_jdt_paging_type"> <span><?php _e('Simple'); ?></span></label><br>
<label title="<?php _e('Simple Numbers'); ?>"><input type="radio" value="simple_numbers" name="wp_jdt_paging_type"> <span><?php _e('Simple Numbers'); ?></span></label><br>
<label title="<?php _e('Full'); ?>"><input type="radio" value="full" name="wp_jdt_paging_type"> <span><?php _e('Full'); ?></span></label><br>
<label title="<?php _e('Full Numbers'); ?>"><input type="radio" checked="checked" value="full_numbers" name="wp_jdt_paging_type"> <span><?php _e('Full Numbers'); ?></span></label><br>
<?php
} else if ($wp_jdt_paging_type == "full") {
?>
<label title="<?php _e('Simple'); ?>"><input type="radio" value="simple" name="wp_jdt_paging_type"> <span><?php _e('Simple'); ?></span></label><br>
<label title="<?php _e('Simple Numbers'); ?>"><input type="radio" value="simple_numbers" name="wp_jdt_paging_type"> <span><?php _e('Simple Numbers'); ?></span></label><br>
<label title="<?php _e('Full'); ?>"><input type="radio" checked="checked" value="full" name="wp_jdt_paging_type"> <span><?php _e('Full'); ?></span></label><br>
<label title="<?php _e('Full Numbers'); ?>"><input type="radio" value="full_numbers" name="wp_jdt_paging_type"> <span><?php _e('Full Numbers'); ?></span></label><br>
<?php
} else if ($wp_jdt_paging_type == "simple_numbers") {
?>
<label title="<?php _e('Simple'); ?>"><input type="radio" value="simple" name="wp_jdt_paging_type"> <span><?php _e('Simple'); ?></span></label><br>
<label title="<?php _e('Simple Numbers'); ?>"><input type="radio" checked="checked" value="simple_numbers" name="wp_jdt_paging_type"> <span><?php _e('Simple Numbers'); ?></span></label><br>
<label title="<?php _e('Full'); ?>"><input type="radio" value="full" name="wp_jdt_paging_type"> <span><?php _e('Full'); ?></span></label><br>
<label title="<?php _e('Full Numbers'); ?>"><input type="radio" value="full_numbers" name="wp_jdt_paging_type"> <span><?php _e('Full Numbers'); ?></span></label><br>
<?php
} else {
?>
<label title="<?php _e('Simple'); ?>"><input type="radio" checked="checked" value="simple" name="wp_jdt_paging_type"> <span><?php _e('Simple'); ?></span></label><br>
<label title="<?php _e('Simple Numbers'); ?>"><input type="radio" value="simple_numbers" name="wp_jdt_paging_type"> <span><?php _e('Simple Numbers'); ?></span></label><br>
<label title="<?php _e('Full'); ?>"><input type="radio" value="full" name="wp_jdt_paging_type"> <span><?php _e('Full'); ?></span></label><br>
<label title="<?php _e('Full Numbers'); ?>"><input type="radio" value="full_numbers" name="wp_jdt_paging_type"> <span><?php _e('Full Numbers'); ?></span></label><br>
<?php
}
?>
<tr valign='top'>
<th scope='row'>Pagination Type</th>
<td>
<fieldset>
<?php
if($wp_jdt_paging_type == "full_numbers"){
?>
<label title="Simple"><input type="radio" value="simple" name="wp_jdt_paging_type"> <span>Simple</span></label><br>
<label title="Simple Numbers"><input type="radio" value="simple_numbers" name="wp_jdt_paging_type"> <span>Simple Numbers</span></label><br>
<label title="Full"><input type="radio" value="full" name="wp_jdt_paging_type"> <span>Full</span></label><br>
<label title="Full Numbers"><input type="radio" checked="checked" value="full_numbers" name="wp_jdt_paging_type"> <span>Full Numbers</span></label><br>
<?php
}
else if($wp_jdt_paging_type == "full") {
?>
<label title="Simple"><input type="radio" value="simple" name="wp_jdt_paging_type"> <span>Simple</span></label><br>
<label title="Simple Numbers"><input type="radio" value="simple_numbers" name="wp_jdt_paging_type"> <span>Simple Numbers</span></label><br>
<label title="Full"><input type="radio" checked="checked" value="full" name="wp_jdt_paging_type"> <span>Full</span></label><br>
<label title="Full Numbers"><input type="radio" value="full_numbers" name="wp_jdt_paging_type"> <span>Full Numbers</span></label><br>
<?php
}
else if($wp_jdt_paging_type == "simple_numbers"){
?>
<label title="Simple"><input type="radio" value="simple" name="wp_jdt_paging_type"> <span>Simple</span></label><br>
<label title="Simple Numbers"><input type="radio" checked="checked" value="simple_numbers" name="wp_jdt_paging_type"> <span>Simple Numbers</span></label><br>
<label title="Full"><input type="radio" value="full" name="wp_jdt_paging_type"> <span>Full</span></label><br>
<label title="Full Numbers"><input type="radio" value="full_numbers" name="wp_jdt_paging_type"> <span>Full Numbers</span></label><br>
<?php
}
else {
?>
<label title="Simple"><input type="radio" checked="checked" value="simple" name="wp_jdt_paging_type"> <span>Simple</span></label><br>
<label title="Simple Numbers"><input type="radio" value="simple_numbers" name="wp_jdt_paging_type"> <span>Simple Numbers</span></label><br>
<label title="Full"><input type="radio" value="full" name="wp_jdt_paging_type"> <span>Full</span></label><br>
<label title="Full Numbers"><input type="radio" value="full_numbers" name="wp_jdt_paging_type"> <span>Full Numbers</span></label><br>
<?php
}
?>
</fieldset>
</td>
</tr>
</fieldset>
</td>
</tr>
<tr valign='top'>
<th scope='row'><?php _e('Rows Per Page'); ?></th>
<td>
<input type="number" class="small-text" value="<?php if ($wp_jdt_page_length != NULL) {
echo $wp_jdt_page_length;
} else {
echo "10";
} ?>" min="1" step="1" name="wp_jdt_page_length">
</td>
</tr>
<tr valign='top'>
<th scope='row'>Rows Per Page</th>
<td>
<input type="number" class="small-text" value="<?php if($wp_jdt_page_length != NULL) { echo $wp_jdt_page_length; }else { echo "10"; }?>" min="1" step="1" name="wp_jdt_page_length">
</td>
</tr>
<tr valign='top'>
<th scope='row'><?php _e('Show Per Page DropDown'); ?></th>
<td>
<fieldset>
<?php
if ($wp_jdt_b_length_change != "false") {
?>
<label title="<?php _e('Yes'); ?>"><input type="radio" checked="checked" value="true" name="wp_jdt_b_length_change"> <span><?php _e('Yes'); ?></span></label><br>
<label title="<?php _e('No'); ?>"><input type="radio" value="false" name="wp_jdt_b_length_change"> <span><?php _e('No'); ?></span></label><br>
<?php
} else {
?>
<label title="<?php _e('Yes'); ?>"><input type="radio" value="true" name="wp_jdt_b_length_change"> <span><?php _e('Yes'); ?></span></label><br>
<label title="<?php _e('No'); ?>"><input type="radio" checked="checked" value="false" name="wp_jdt_b_length_change"> <span><?php _e('No'); ?></span></label><br>
<?php
}
?>
</fieldset>
</td>
</tr>
<tr valign='top'>
<th scope='row'>Show Per Page DropDown</th>
<td>
<fieldset>
<?php
if($wp_jdt_b_length_change != "false") {
?>
<label title="Yes"><input type="radio" checked="checked" value="true" name="wp_jdt_b_length_change"> <span>Yes</span></label><br>
<label title="No"><input type="radio" value="false" name="wp_jdt_b_length_change"> <span>No</span></label><br>
<?php
}
else {
?>
<label title="Yes"><input type="radio" value="true" name="wp_jdt_b_length_change"> <span>Yes</span></label><br>
<label title="No"><input type="radio" checked="checked" value="false" name="wp_jdt_b_length_change"> <span>No</span></label><br>
<?php
}
?>
</fieldset>
</td>
</tr>
<tr valign='top'>
<th scope='row'><?php _e('Ordering'); ?></th>
<td>
<fieldset>
<?php
if ($wp_jdt_ordering != "false") {
?>
<label title="<?php _e('Yes'); ?>"><input type="radio" checked="checked" value="true" name="wp_jdt_ordering"> <span><?php _e('Yes'); ?></span></label><br>
<label title="<?php _e('No'); ?>"><input type="radio" value="false" name="wp_jdt_ordering"> <span><?php _e('No'); ?></span></label><br>
<?php
} else {
?>
<label title="<?php _e('Yes'); ?>"><input type="radio" value="true" name="wp_jdt_ordering"> <span><?php _e('Yes'); ?></span></label><br>
<label title="<?php _e('No'); ?>"><input type="radio" checked="checked" value="false" name="wp_jdt_ordering"> <span><?php _e('No'); ?></span></label><br>
<?php
}
?>
</fieldset>
</td>
</tr>
<tr valign='top'>
<th scope='row'>Ordering</th>
<td>
<fieldset>
<?php
if($wp_jdt_ordering != "false") {
?>
<label title="Yes"><input type="radio" checked="checked" value="true" name="wp_jdt_ordering"> <span>Yes</span></label><br>
<label title="No"><input type="radio" value="false" name="wp_jdt_ordering"> <span>No</span></label><br>
<?php
}
else {
?>
<label title="Yes"><input type="radio" value="true" name="wp_jdt_ordering"> <span>Yes</span></label><br>
<label title="No"><input type="radio" checked="checked" value="false" name="wp_jdt_ordering"> <span>No</span></label><br>
<?php
}
?>
</fieldset>
</td>
</tr>
<tr valign='top'>
<th scope='row'><?php _e('Specific Column Order'); ?></th>
<td>
<input type="number" class="small-text" value="<?php if ($wp_jdt_order_row != NULL) {
echo $wp_jdt_order_row;
} else {
echo "0";
} ?>" min="0" step="1" name="wp_jdt_order_row"><br>
<br>
<fieldset>
<?php
if ($wp_jdt_order_row_sort != "desc") {
?>
<label title="<?php _e('Ascending Order'); ?>"><input type="radio" checked="checked" value="asc" name="wp_jdt_order_row_sort"> <span><?php _e('Ascending Order'); ?></span></label><br>
<label title="<?php _e('Descending Order'); ?>"><input type="radio" value="desc" name="wp_jdt_order_row_sort"> <span><?php _e('Descending Order'); ?></span></label><br>
<?php
} else {
?>
<label title="<?php _e('Ascending Order'); ?>"><input type="radio" value="asc" name="wp_jdt_order_row_sort"> <span><?php _e('Ascending Order'); ?></span></label><br>
<label title="<?php _e('Descending Order'); ?>"><input type="radio" checked="checked" value="desc" name="wp_jdt_order_row_sort"> <span><?php _e('Descending Order'); ?></span></label><br>
<?php
}
?>
</fieldset>
</td>
</tr>
<tr valign='top'>
<th scope='row'>Specific Column Order</th>
<td>
<input type="number" class="small-text" value="<?php if($wp_jdt_order_row != NULL) { echo $wp_jdt_order_row; }else { echo "0"; }?>" min="0" step="1" name="wp_jdt_order_row"><br>
<br>
<fieldset>
<?php
if($wp_jdt_order_row_sort != "desc") {
?>
<label title="Ascending Order"><input type="radio" checked="checked" value="asc" name="wp_jdt_order_row_sort"> <span>Ascending Order</span></label><br>
<label title="Descending Order"><input type="radio" value="desc" name="wp_jdt_order_row_sort"> <span>Descending Order</span></label><br>
<?php
}
else {
?>
<label title="Ascending Order"><input type="radio" value="asc" name="wp_jdt_order_row_sort"> <span>Ascending Order</span></label><br>
<label title="Descending Order"><input type="radio" checked="checked" value="desc" name="wp_jdt_order_row_sort"> <span>Descending Order</span></label><br>
<?php
}
?>
</fieldset>
</td>
</tr>
<tr valign='top'>
<th scope='row'><?php _e('Searching'); ?></th>
<td>
<fieldset>
<?php
if ($wp_jdt_searching != "false") {
?>
<label title="<?php _e('Yes'); ?>"><input type="radio" checked="checked" value="true" name="wp_jdt_searching"> <span><?php _e('Yes'); ?></span></label><br>
<label title="<?php _e('No'); ?>"><input type="radio" value="false" name="wp_jdt_searching"> <span><?php _e('No'); ?></span></label><br>
<?php
} else {
?>
<label title="<?php _e('Yes'); ?>"><input type="radio" value="true" name="wp_jdt_searching"> <span><?php _e('Yes'); ?></span></label><br>
<label title="<?php _e('No'); ?>"><input type="radio" checked="checked" value="false" name="wp_jdt_searching"> <span><?php _e('No'); ?></span></label><br>
<?php
}
?>
</fieldset>
</td>
</tr>
</table>
<?php submit_button(); ?>
</form>
</div>
<?php
<tr valign='top'>
<th scope='row'>Searching</th>
<td>
<fieldset>
<?php
if($wp_jdt_searching != "false") {
?>
<label title="Yes"><input type="radio" checked="checked" value="true" name="wp_jdt_searching"> <span>Yes</span></label><br>
<label title="No"><input type="radio" value="false" name="wp_jdt_searching"> <span>No</span></label><br>
<?php
}
else {
?>
<label title="Yes"><input type="radio" value="true" name="wp_jdt_searching"> <span>Yes</span></label><br>
<label title="No"><input type="radio" checked="checked" value="false" name="wp_jdt_searching"> <span>No</span></label><br>
<?php
}
?>
</fieldset>
</td>
</tr>
</table>
<?php submit_button(); ?>
</form>
</div>
<?php
}
add_action('wp_enqueue_scripts', 'wp_jdt_style_and_script'); // add custom style and script
add_action('wp_enqueue_scripts','wp_jdt_style_and_script'); // add custom style and script
function wp_jdt_style_and_script()
{
// css
wp_register_style('jdt-style-data-tables', plugins_url('css/jquery.dataTables.css', __FILE__));
wp_enqueue_style( 'jdt-style-data-tables', plugins_url('css/jquery.dataTables.css', __FILE__) );
// js
wp_enqueue_script('jdt-js-datatables', plugins_url('js/jquery.dataTables.js', __FILE__), array('jquery'));
wp_enqueue_script( 'jquery' );
wp_enqueue_script( 'jdt-js-datatables', plugins_url('js/jquery.dataTables.js', __FILE__) );
}
add_shortcode('wp_jdt', 'wp_jdt_shortcode'); // add shortcode [wp_jdt id="test" info="true" paging="true" page_length="7" paging_type="full_numbers" b_length_change="true" ordering="true" order_row_number="3" order_row_number_sort="desc" searching="true"]
function wp_jdt_shortcode($atts, $content = "")
{
add_shortcode( 'wp_jdt', 'wp_jdt_shortcode' ); // add shortcode [wp_jdt id="test" info="true" paging="true" page_length="7" paging_type="full_numbers" b_length_change="true" ordering="true" order_row_number="3" order_row_number_sort="desc" searching="true"]
function wp_jdt_shortcode( $atts, $content = "" ) {
$wp_jdt_info = get_option('wp_jdt_info');
$wp_jdt_paging = get_option('wp_jdt_paging');
/*if(get_option('wp_jdt_paging')){
$wp_jdt_paging = 'true';
}else{
$wp_jdt_paging = '';
}*/
$wp_jdt_page_length = get_option('wp_jdt_page_length');
$wp_jdt_paging_type = get_option('wp_jdt_paging_type');
$wp_jdt_b_length_change = get_option('wp_jdt_b_length_change');
@@ -308,7 +263,7 @@ function wp_jdt_shortcode($atts, $content = "")
$wp_jdt_order_row_sort = get_option('wp_jdt_order_row_sort');
$wp_jdt_searching = get_option('wp_jdt_searching');
$atts = shortcode_atts(array(
$atts = shortcode_atts( array(
'id' => "example",
'info' => "$wp_jdt_info",
'paging' => "$wp_jdt_paging",
@@ -319,66 +274,47 @@ function wp_jdt_shortcode($atts, $content = "")
'order_row_number' => "$wp_jdt_order_row",
'order_row_number_sort' => "$wp_jdt_order_row_sort",
'searching' => "$wp_jdt_searching",
), $atts, 'wp_jdt');
), $atts, 'wp_jdt' );
$table_id = esc_js($atts['id']);
$table_info = esc_js($atts['info']);
$table_paging = esc_js($atts['paging']);
$table_page_length = esc_js($atts['page_length']);
$table_paging_type = esc_js($atts['paging_type']);
$table_b_length_change = esc_js($atts['b_length_change']);
$table_ordering = esc_js($atts['ordering']);
$table_order_row_number = esc_js($atts['order_row_number']);
$table_order_row_number_sort = esc_js($atts['order_row_number_sort']);
$table_searching = esc_js($atts['searching']);
$wp_jdt_script = "";
$wp_jdt_script .= "";
$wp_jdt_script .= "<script type='text/javascript' language='javascript' class='init'> \n";
$wp_jdt_script .= "jQuery(document).ready(function() { \n";
$wp_jdt_script .= "jQuery(document).ready(function() { \n";
$wp_jdt_script .= "jQuery('#$table_id').DataTable({ \n";
$wp_jdt_script .= "'info': $table_info, \n";
$wp_jdt_script .= "'paging': $table_paging, \n";
if ($table_page_length > 0) {
$wp_jdt_script .= "'pageLength': $table_page_length, \n";
} else {
$wp_jdt_script .= "'pageLength': $wp_jdt_page_length, \n";
}
$wp_jdt_script .= "jQuery('#$atts[id]').DataTable({ \n";
$wp_jdt_script .= "'info': $atts[info], \n";
$wp_jdt_script .= "'paging': $atts[paging], \n";
if($atts[page_length] > 0) {
$wp_jdt_script .= "'pageLength': $atts[page_length], \n";
}
else {
$wp_jdt_script .= "'pageLength': $wp_jdt_page_length, \n";
}
$wp_jdt_script .= "'pagingType': '$table_paging_type', \n";
$wp_jdt_script .= "'bLengthChange': $table_b_length_change, \n";
$wp_jdt_script .= "'ordering': $table_ordering, \n";
if ($table_order_row_number != '') { // if 'Specific Column Order' is not null than add this attribute
$wp_jdt_script .= "'pagingType': '$atts[paging_type]', \n";
$wp_jdt_script .= "'bLengthChange': $atts[b_length_change], \n";
$wp_jdt_script .= "'ordering': $atts[ordering], \n";
$wp_jdt_script .= "'order': [$atts[order_row_number],'$atts[order_row_number_sort]'], \n";
$wp_jdt_script .= "'searching': $atts[searching], \n";
$wp_jdt_script .= "} ); \n";
$table_order_row_number_sort = ($table_order_row_number_sort != "") ? $table_order_row_number_sort : 'desc';
$wp_jdt_script .= "'order': [$table_order_row_number,'$table_order_row_number_sort'], \n";
}
$wp_jdt_script .= "'searching': $table_searching, \n";
$wp_jdt_script .= "} ); \n";
$table_wrapper_id = $table_id . "_wrapper";
$wp_jdt_script .= "jQuery('#$atts[id]_wrapper select').prepend('<option value=$atts[page_length]>Select</option>').val('');
jQuery('#$atts[id]_wrapper select')[0].options[0].selected = true; ";
$wp_jdt_script .= "jQuery('#$table_wrapper_id select').prepend('<option value=$table_page_length>" . __('Select') . "</option>').val('');";
$wp_jdt_script .= "} ); \n";
$wp_jdt_script .= "} ); \n";
$wp_jdt_script .= "</script>";
// css and js
wp_enqueue_style('jdt-style-data-tables');
wp_enqueue_script('jdt-js-datatables');
return $wp_jdt_script;
}
register_uninstall_hook(__FILE__, 'wp_jdt_uninstall'); // uninstall plug-in
function wp_jdt_uninstall()
{
delete_option('wp_jdt_info');
delete_option('wp_jdt_paging');
delete_option('wp_jdt_page_length');
delete_option('wp_jdt_paging_type');
delete_option('wp_jdt_b_length_change');
delete_option('wp_jdt_ordering');
delete_option('wp_jdt_order_row');
delete_option('wp_jdt_order_row_sort');
delete_option('wp_jdt_searching');
register_uninstall_hook( __FILE__, 'wp_jdt_uninstall' ); // uninstall plug-in
function wp_jdt_uninstall() {
delete_option('wp_jdt_info');
delete_option('wp_jdt_paging');
delete_option('wp_jdt_page_length');
delete_option('wp_jdt_paging_type');
delete_option('wp_jdt_b_length_change');
delete_option('wp_jdt_ordering');
delete_option('wp_jdt_order_row');
delete_option('wp_jdt_order_row_sort');
delete_option('wp_jdt_searching');
}