Michel2/wp-jquery-datatable
1
0
Fork 1
Code Releases Activity

Compare commits

base: Michel2/wp-jquery-datatable:1.0.0
Branches Tags
Michel2/wp-jquery-datatable:master
Michel2/wp-jquery-datatable:4.1.0 Michel2/wp-jquery-datatable:4.0.1 Michel2/wp-jquery-datatable:4.0.0 Michel2/wp-jquery-datatable:3.0.0 Michel2/wp-jquery-datatable:2.0.1 Michel2/wp-jquery-datatable:2.0.0 Michel2/wp-jquery-datatable:1.1.1 Michel2/wp-jquery-datatable:1.1.0 Michel2/wp-jquery-datatable:1.0.2 Michel2/wp-jquery-datatable:1.0.1 Michel2/wp-jquery-datatable:1.0.0
..
compare: Michel2/wp-jquery-datatable:2.0.0
Branches Tags
Michel2/wp-jquery-datatable:master
Michel2/wp-jquery-datatable:4.1.0 Michel2/wp-jquery-datatable:4.0.1 Michel2/wp-jquery-datatable:4.0.0 Michel2/wp-jquery-datatable:3.0.0 Michel2/wp-jquery-datatable:2.0.1 Michel2/wp-jquery-datatable:2.0.0 Michel2/wp-jquery-datatable:1.1.1 Michel2/wp-jquery-datatable:1.1.0 Michel2/wp-jquery-datatable:1.0.2 Michel2/wp-jquery-datatable:1.0.1 Michel2/wp-jquery-datatable:1.0.0
1 Commits
1.0.0 .. 2.0.0
Author SHA1 Message Date
biztechc 45543a0a30 add tags 2.0.0 2020-04-02 11:12:40 +00:00
5 changed files with 1165 additions and 747 deletions
Expand all files Collapse all files
css/jquery.dataTables.css
+78 -101
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 #111111;
border-bottom: 1px solid #111;
}
table.dataTable thead th:active,
table.dataTable thead td:active {
@@ -30,41 +30,49 @@ table.dataTable thead td:active {
table.dataTable tfoot th,
table.dataTable tfoot td {
padding: 10px 18px 6px 18px;
border-top: 1px solid #111111;
border-top: 1px solid #111;
}
table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting {
table.dataTable thead .sorting_desc {
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: url("../images/sort_both.png") no-repeat center right;
background-image: url("../images/sort_both.png");
}
table.dataTable thead .sorting_asc {
background: url("../images/sort_asc.png") no-repeat center right;
background-image: url("../images/sort_asc.png");
}
table.dataTable thead .sorting_desc {
background: url("../images/sort_desc.png") no-repeat center right;
background-image: url("../images/sort_desc.png");
}
table.dataTable thead .sorting_asc_disabled {
background: url("../images/sort_asc_disabled.png") no-repeat center right;
background-image: url("../images/sort_asc_disabled.png");
}
table.dataTable thead .sorting_desc_disabled {
background: url("../images/sort_desc_disabled.png") no-repeat center right;
background-image: url("../images/sort_desc_disabled.png");
}
table.dataTable tbody tr {
background-color: white;
background-color: #ffffff;
}
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 #dddddd;
border-top: 1px solid #ddd;
}
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,
@@ -72,12 +80,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 #dddddd;
border-right: 1px solid #dddddd;
border-top: 1px solid #ddd;
border-right: 1px solid #ddd;
}
table.dataTable.cell-border tbody tr th:first-child,
table.dataTable.cell-border tbody tr td:first-child {
border-left: 1px solid #dddddd;
border-left: 1px solid #ddd;
}
table.dataTable.cell-border tbody tr:first-child th,
table.dataTable.cell-border tbody tr:first-child td {
@@ -87,35 +95,27 @@ 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: #abb9d3;
background-color: #acbad4;
}
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, table.dataTable.display tbody tr:hover {
background-color: #f6f6f6;
}
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.hover tbody tr:hover.selected, table.dataTable.display tbody tr:hover.selected {
background-color: #aab7d1;
}
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: #f9f9f9;
background-color: #fafafa;
}
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: #acbad4;
background-color: #acbad5;
}
table.dataTable.display tbody tr.odd > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 {
background-color: #f1f1f1;
@@ -127,91 +127,67 @@ 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: #a6b3cd;
background-color: #a6b4cd;
}
table.dataTable.display tbody tr.odd.selected > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_2 {
background-color: #a7b5ce;
background-color: #a8b5cf;
}
table.dataTable.display tbody tr.odd.selected > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_3 {
background-color: #a9b6d0;
background-color: #a9b7d1;
}
table.dataTable.display tbody tr.even > .sorting_1, table.dataTable.order-column.stripe tbody tr.even > .sorting_1 {
background-color: #f9f9f9;
background-color: #fafafa;
}
table.dataTable.display tbody tr.even > .sorting_2, table.dataTable.order-column.stripe tbody tr.even > .sorting_2 {
background-color: #fbfbfb;
background-color: #fcfcfc;
}
table.dataTable.display tbody tr.even > .sorting_3, table.dataTable.order-column.stripe tbody tr.even > .sorting_3 {
background-color: #fdfdfd;
background-color: #fefefe;
}
table.dataTable.display tbody tr.even.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_1 {
background-color: #acbad4;
background-color: #acbad5;
}
table.dataTable.display tbody tr.even.selected > .sorting_2, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_2 {
background-color: #adbbd6;
background-color: #aebcd6;
}
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.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 {
table.dataTable.display tbody tr:hover > .sorting_1, table.dataTable.order-column.hover tbody tr:hover > .sorting_1 {
background-color: #eaeaea;
}
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_2, table.dataTable.order-column.hover tbody tr:hover > .sorting_2 {
background-color: #ececec;
}
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 > .sorting_3, table.dataTable.order-column.hover tbody tr:hover > .sorting_3 {
background-color: #efefef;
}
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_1, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_1 {
background-color: #a2aec7;
}
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_2, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_2 {
background-color: #a3b0c9;
}
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.display tbody tr:hover.selected > .sorting_3, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_3 {
background-color: #a5b2cb;
}
table.dataTable.no-footer {
border-bottom: 1px solid #111111;
border-bottom: 1px solid #111;
}
table.dataTable.nowrap th, table.dataTable.nowrap td {
white-space: nowrap;
}
table.dataTable.compact thead th,
table.dataTable.compact thead td {
padding: 5px 9px;
padding: 4px 17px 4px 4px;
}
table.dataTable.compact tfoot th,
table.dataTable.compact tfoot td {
padding: 5px 9px 3px 9px;
padding: 4px;
}
table.dataTable.compact tbody th,
table.dataTable.compact tbody td {
padding: 4px 5px;
padding: 4px;
}
table.dataTable th.dt-left,
table.dataTable td.dt-left {
@@ -332,24 +308,25 @@ table.dataTable td {
text-decoration: none !important;
cursor: pointer;
*cursor: hand;
color: #333333 !important;
color: #333 !important;
border: 1px solid transparent;
border-radius: 2px;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
color: #333333 !important;
border: 1px solid #cacaca;
color: #333 !important;
border: 1px solid #979797;
background-color: white;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, gainsboro));
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #dcdcdc));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, white 0%, gainsboro 100%);
background: -webkit-linear-gradient(top, white 0%, #dcdcdc 100%);
/* Chrome10+,Safari5.1+ */
background: -moz-linear-gradient(top, white 0%, gainsboro 100%);
background: -moz-linear-gradient(top, white 0%, #dcdcdc 100%);
/* FF3.6+ */
background: -ms-linear-gradient(top, white 0%, gainsboro 100%);
background: -ms-linear-gradient(top, white 0%, #dcdcdc 100%);
/* IE10+ */
background: -o-linear-gradient(top, white 0%, gainsboro 100%);
background: -o-linear-gradient(top, white 0%, #dcdcdc 100%);
/* Opera 11.10+ */
background: linear-gradient(to bottom, white 0%, gainsboro 100%);
background: linear-gradient(to bottom, white 0%, #dcdcdc 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 {
@@ -361,19 +338,19 @@ table.dataTable td {
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
color: white !important;
border: 1px solid #111111;
border: 1px solid #111;
background-color: #585858;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #585858), color-stop(100%, #111111));
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #585858), color-stop(100%, #111));
/* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #585858 0%, #111111 100%);
background: -webkit-linear-gradient(top, #585858 0%, #111 100%);
/* Chrome10+,Safari5.1+ */
background: -moz-linear-gradient(top, #585858 0%, #111111 100%);
background: -moz-linear-gradient(top, #585858 0%, #111 100%);
/* FF3.6+ */
background: -ms-linear-gradient(top, #585858 0%, #111111 100%);
background: -ms-linear-gradient(top, #585858 0%, #111 100%);
/* IE10+ */
background: -o-linear-gradient(top, #585858 0%, #111111 100%);
background: -o-linear-gradient(top, #585858 0%, #111 100%);
/* Opera 11.10+ */
background: linear-gradient(to bottom, #585858 0%, #111111 100%);
background: linear-gradient(to bottom, #585858 0%, #111 100%);
/* W3C */
}
.dataTables_wrapper .dataTables_paginate .paginate_button:active {
@@ -393,6 +370,9 @@ 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%;
@@ -406,24 +386,18 @@ 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: #333333;
color: #333;
}
.dataTables_wrapper .dataTables_scroll {
clear: both;
@@ -432,6 +406,9 @@ 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;
@@ -440,7 +417,7 @@ table.dataTable td {
padding: 0 !important;
}
.dataTables_wrapper.no-footer .dataTables_scrollBody {
border-bottom: 1px solid #111111;
border-bottom: 1px solid #111;
}
.dataTables_wrapper.no-footer div.dataTables_scrollHead table,
.dataTables_wrapper.no-footer div.dataTables_scrollBody table {
index.php
Executable
+2
View File
@@ -0,0 +1,2 @@
<?php
// Silence is golden.
js/jquery.dataTables.js
Vendored
+909 -537
View File
File diff suppressed because it is too large Load Diff
readme.txt
+19 -3
View File
@@ -1,9 +1,9 @@
=== WP jQuery DataTable ===
Contributors: biztechc
Tags: WP jQuery DataTable, jQuery, jQuery DataTable, Table
Tags: WP jQuery DataTable, jQuery, jQuery DataTable, Table ,DataTable
Requires at least: 3.6.1
Tested up to: 4.3
Stable tag: 1.0.1
Tested up to: 5.3
Stable tag: 2.0.0
License: GPLv2 or later
Features can be settings to meet your exact needs for your table implementations. like Paging,Ordering,search, etc...
@@ -71,4 +71,20 @@ Is this plugin prepared for multisites? Yes.
= 1.0.0 =
* Stable Version release
= 1.0.1 =
* Solved jquery confliction
= 1.0.2 =
* Update new jquerydatatable js
= 1.1.0 =
* Make plugin language compatible
* Bug fixed for paging and ordering
= 1.1.1 =
* Bug fixed for warnings and notices
= 2.0.0 =
* Compatibility with WordPress version 5.3
== Upgrade Notice ==
wp-jquery-datatable.php
+157 -106
View File
@@ -1,22 +1,57 @@
<?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...
* Description: Features can be settings to meet your exact needs for your table implementations. like Paging,Ordering,Searching, etc...
* Author: biztechc
* Author URI: http://www.biztechconsultancy.com
* Version: 1.0.0
* Author URI: https://www.appjetty.com/
* Version: 2.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(){
//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' );
}
function wp_jdt_settings(){
//register our settings
register_setting( 'wp-jdt-settings-group', 'wp_jdt_info' );
@@ -30,7 +65,7 @@ function wp_jdt_settings(){
register_setting( 'wp-jdt-settings-group', 'wp_jdt_searching' );
}
function wp_jdt_settings_page(){
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');
@@ -43,190 +78,190 @@ function wp_jdt_settings_page(){
$wp_jdt_searching = get_option('wp_jdt_searching');
?>
<div class='wrap'>
<h2>WP jQuery DataTable Settings</h2>
<h2><?php _e( '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'>Show Information</th>
<th scope='row'><?php _e( '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
<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="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
<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>
<tr valign='top'>
<th scope='row'>Pagination</th>
<th scope='row'><?php _e( '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
<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="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
<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 Type</th>
<th scope='row'><?php _e( '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
<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="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
<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="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
<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="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
<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
}
?>
</fieldset>
</td>
</tr>
<tr valign='top'>
<th scope='row'>Rows Per Page</th>
<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">
<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'>Show Per Page DropDown</th>
<th scope='row'><?php _e( '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
<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="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
<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'>Ordering</th>
<th scope='row'><?php _e( '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
<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="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
<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'>Specific Column Order</th>
<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
<?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
<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="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
}
?>
<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'>Searching</th>
<th scope='row'><?php _e( '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
<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="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
<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>
@@ -236,25 +271,29 @@ function wp_jdt_settings_page(){
<?php submit_button(); ?>
</form>
</div>
<?php
<?php
}
add_action('wp_enqueue_scripts','wp_jdt_style_and_script'); // add custom style and script
function wp_jdt_style_and_script()
{
// css
wp_enqueue_style( 'jdt-style-data-tables', plugins_url('css/jquery.dataTables.css', __FILE__) );
wp_register_style( 'jdt-style-data-tables', plugins_url('css/jquery.dataTables.css', __FILE__) );
// js
wp_enqueue_script( 'jquery' );
wp_enqueue_script( 'jdt-js-datatables', plugins_url('js/jquery.dataTables.js', __FILE__) );
wp_enqueue_script( 'jdt-js-datatables', plugins_url('js/jquery.dataTables.js', __FILE__), array('jquery') );
}
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');
@@ -262,7 +301,7 @@ function wp_jdt_shortcode( $atts, $content = "" ) {
$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');
$atts = shortcode_atts( array(
'id' => "example",
'info' => "$wp_jdt_info",
@@ -276,33 +315,45 @@ function wp_jdt_shortcode( $atts, $content = "" ) {
'searching' => "$wp_jdt_searching",
), $atts, 'wp_jdt' );
$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('#$atts[id]').DataTable({ \n";
$wp_jdt_script .= "jQuery(document).ready(function() { \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";
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 .= "'pageLength': $wp_jdt_page_length, \n";
}
$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";
if ( $atts['order_row_number'] != '' ) { // if 'Specific Column Order' is not null than add this attribute
$atts['order_row_number_sort'] = ( $atts['order_row_number_sort'] != "" ) ? $atts['order_row_number_sort'] : 'desc';
$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";
$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('#$atts[id]_wrapper select').prepend('<option value=$atts[page_length]>" . __( 'Select' ) . "</option>').val('');";
// if 'Specific Column Order' is not null and ordring is true
if ( $atts['order_row_number'] != '' && $atts['ordering'] == 'true' ) {
$wp_jdt_script .= "jQuery('#$atts[id]_wrapper select')[0].options[0].selected = true;";
}
$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;
}
@@ -316,5 +367,5 @@ function wp_jdt_uninstall() {
delete_option('wp_jdt_ordering');
delete_option('wp_jdt_order_row');
delete_option('wp_jdt_order_row_sort');
delete_option('wp_jdt_searching');
}
delete_option('wp_jdt_searching');
}