"use strict";
jQuery(document).ready(function(){
// Fallback for case if library was not loaded
if(!jQuery.fn.jqGrid) {
return;
}
var tblId = 'wpfTableTbl',
tableObj = jQuery('#'+ tblId),
grid = tableObj.jqGrid({
url: wpfTblDataUrl,
datatype: 'json',
autowidth: true,
shrinkToFit: true,
colNames:tableObj.data('columns').split(';'),
colModel:[
{name: 'id', index: 'id', searchoptions: {sopt: ['eq']}, width: '50', align: 'center'},
{name: 'title', index: 'title', searchoptions: {sopt: ['eq']}, align: 'center'},
{name: 'shortcode', index: 'shortcode', searchoptions: {sopt: ['eq']}, align: 'center', sortable:false}
],
postData: {
search: {
text_like: jQuery('#'+ tblId+ 'SearchTxt').val()
},
wpfNonce: window.wpfNonce
},
rowNum: 10,
rowList: [10, 20, 30, 1000],
pager: '#'+ tblId+ 'Nav',
sortname: 'id',
viewrecords: true,
sortorder: 'desc',
jsonReader: { repeatitems : false, id: '0' },
caption: toeLangWpf('Current PopUp'),
height: '100%',
emptyrecords: toeLangWpf('You have no Filters for now.'),
multiselect: true,
onSelectRow: function(rowid, e) {
var tblId = jQuery(this).attr('id'),
selectedRowIds = jQuery('#'+ tblId).jqGrid ('getGridParam', 'selarrrow'),
totalRows = jQuery('#'+ tblId).getGridParam('reccount'),
totalRowsSelected = selectedRowIds.length;
if(totalRowsSelected) {
jQuery('#wpfTableRemoveGroupBtn,#wpfTableExportBtn').removeAttr('disabled');
if(totalRowsSelected == totalRows) {
jQuery('#cb_'+ tblId).prop('indeterminate', false);
jQuery('#cb_'+ tblId).prop('checked', true);
} else {
jQuery('#cb_'+ tblId).prop('indeterminate', true);
jQuery('#cb_'+ tblId).prop('checked', false);
}
} else {
jQuery('#wpfTableRemoveGroupBtn,#wpfTableExportBtn').attr('disabled', 'disabled');
jQuery('#cb_'+ tblId).prop('indeterminate', false);
jQuery('#cb_'+ tblId).prop('checked', false);
}
wpfCheckUpdate(jQuery(this).find('tr:eq('+rowid+')').find('input[type=checkbox].cbox'));
wpfCheckUpdate('#cb_'+ tblId);
}
, beforeRequest: function() {
jQuery('#wpfTableTblNav_center .ui-pg-table').addClass('woobewoo-hidden');
}
, gridComplete: function(a, b, c) {
var tblId = jQuery(this).attr('id');
jQuery('#wpfTableRemoveGroupBtn,#wpfTableExportBtn').attr('disabled', 'disabled');
jQuery('#cb_'+ tblId).prop('indeterminate', false);
jQuery('#cb_'+ tblId).prop('checked', false);
// Custom checkbox manipulation
wpfInitCustomCheckRadio('#'+ jQuery(this).attr('id') );
wpfCheckUpdate('#cb_'+ jQuery(this).attr('id'));
jQuery('#wpfTableTblNav_center .ui-pg-table').removeClass('woobewoo-hidden');
}
, loadComplete: function() {
var tblId = jQuery(this).attr('id');
if (this.p.reccount === 0) {
jQuery(this).hide();
jQuery('#'+ tblId+ 'EmptyMsg').removeClass('woobewoo-hidden');
} else {
jQuery(this).show();
jQuery('#'+ tblId+ 'EmptyMsg').addClass('woobewoo-hidden');
}
}
});
jQuery(window).on('load resize', tableObj, function(event) {
tableObj.jqGrid('setGridWidth', jQuery('#containerWrapper').width());
});
jQuery('#'+ tblId).on('change', '.cbox', function() {
if(!jQuery('#'+ tblId+ ' .cbox:checked').length){
jQuery('#wpfTableRemoveGroupBtn,#wpfTableExportBtn').attr('disabled', 'disabled');
grid.jqGrid('resetSelection');
wpfCheckUpdate(tableObj.find('input[type=checkbox].cbox')); // what it does?
}
});
jQuery('#'+ tblId+ 'NavShell').append( jQuery('#'+ tblId+ 'Nav') );
jQuery('#'+ tblId+ 'Nav').find('.ui-pg-selbox').insertAfter( jQuery('#'+ tblId+ 'Nav').find('.ui-paging-info') );
jQuery('#'+ tblId+ 'Nav').find('.ui-pg-table td:first').remove();
// Make navigation tabs to be with our additional buttons - in one row
jQuery('#'+ tblId+ 'Nav_center').prepend( jQuery('#'+ tblId+ 'NavBtnsShell') ).css({
'width': '80%'
, 'white-space': 'normal'
, 'padding-top': '8px'
});
jQuery('#'+ tblId+ 'SearchTxt').keyup(function(){
var searchVal = jQuery.trim( jQuery(this).val() );
if( true ) {
wpfGridDoListSearch({
text_like: searchVal
}, tblId);
}
});
jQuery('#'+ tblId+ 'EmptyMsg').insertAfter(jQuery('#'+ tblId+ '').parent());
jQuery('#'+ tblId+ '').jqGrid('navGrid', '#'+ tblId+ 'Nav', {edit: false, add: false, del: false});
jQuery('#cb_'+ tblId+ '').change(function(){ // check all
if (jQuery(this).is(':checked')) {
jQuery('#wpfTableRemoveGroupBtn,#wpfTableExportBtn').removeAttr('disabled');
grid.jqGrid('resetSelection');
var ids = grid.getDataIDs();
for (var i=0, il=ids.length; i < il; i++) {
grid.jqGrid('setSelection',ids[i], true);
}
} else {
jQuery('#wpfTableRemoveGroupBtn,#wpfTableExportBtn').attr('disabled', 'disabled');
grid.jqGrid('resetSelection');
wpfCheckUpdate(tableObj.find('input[type=checkbox].cbox'));
}
});
tableObj.on('change', 'td input[type=checkbox].cbox', function(){
var cbox = jQuery(this);
grid.jqGrid('setSelection',cbox.closest('tr').index(), cbox.is(':checked'));
});
jQuery('#wpfTableRemoveGroupBtn').click(function(){
var selectedRowIds = jQuery('#wpfTableTbl').jqGrid ('getGridParam', 'selarrrow'),
listIds = [];
for(var i in selectedRowIds) {
var rowData = jQuery('#wpfTableTbl').jqGrid('getRowData', selectedRowIds[ i ]);
listIds.push( rowData.id );
}
var popupLabel = '';
if(listIds.length == 1) { // In table label cell there can be some additional links
var labelCellData = wpfGetGridColDataById(listIds[0], 'title', 'wpfTableTbl');
popupLabel = jQuery(labelCellData).text();
}
var confirmMsg = listIds.length > 1
? toeLangWpf('Are you sur want to remove '+ listIds.length+ ' Filters?')
: toeLangWpf('Are you sure want to remove "'+ popupLabel+ '" Filter?');
if(confirm(confirmMsg)) {
jQuery.sendFormWpf({
btn: this,
data: {mod: 'woofilters', action: 'removeGroup', listIds: listIds, wpfNonce: window.wpfNonce},
onSuccess: function(res) {
if(!res.error) {
jQuery('#wpfTableTbl').trigger( 'reloadGrid' );
}
}
});
}
return false;
});
jQuery('#wpfTableExportBtn').on('click', function(e){
e.preventDefault();
var selectedRowIds = jQuery('#wpfTableTbl').jqGrid('getGridParam', 'selarrrow'),
listIds = [];
for(var i in selectedRowIds) {
var rowData = jQuery('#wpfTableTbl').jqGrid('getRowData', selectedRowIds[i]);
listIds.push( rowData.id );
}
if (listIds.length) {
jQuery.sendFormWpf({
btn: this,
data: {mod: 'woofilterpro', action: 'exportGroup', listIds: listIds, wpfNonce: window.wpfNonce},
onSuccess: function(res) {
if(!res.error) {
var blob = new Blob(
[ res.data.tables ],
{ type: 'text/sql' }
);
var fileName = 'wpf_export.sql';
var link = document.createElement('a');
link.href = window.URL.createObjectURL(blob);
link.download = fileName;
link.click();
jQuery('#wpfTableTbl').trigger( 'reloadGrid' );
link.remove();
}
}
});
}
return false;
});
// ******* import filters START *******
var $importForm = jQuery('#wpfImportForm');
jQuery('<input type="hidden" name="wpfNonce" value="'+window.wpfNonce+'">').appendTo($importForm);
var $importWnd = jQuery('#wpfImportWnd').dialog({
modal: true,
autoOpen: false,
width: 500,
height: 250,
buttons: {
'Import': function() {
$importForm.submit();
}
},
create:function () {
jQuery(this).closest('.ui-dialog').addClass('woobewoo-plugin');
if (WPF_DATA.isWCLicense) jQuery(this).closest('.ui-dialog').find('.ui-dialog-buttonset button').addClass('button button-primary');
}
});
var $importSubmitBtn = $importWnd.parents('.ui-dialog:first')
.find('.ui-dialog-buttonpane .ui-dialog-buttonset')
.find('button:first');
$importForm.submit(function(){
$importSubmitBtn.width( $importSubmitBtn.width() );
$importSubmitBtn.showLoaderWpf();
var url = '';
if(typeof(ajaxurl) == 'undefined' || typeof(ajaxurl) !== 'string'){
url = WPF_DATA.ajaxurl;
}else{
url = ajaxurl;
}
var formData = new FormData($importForm.get(0));
jQuery.ajax({
url: url,
data: formData,
type: 'POST',
processData: false,
contentType: false,
success: function(res) {
if(!res.error) {
$importWnd.dialog('close');
jQuery('#wpfImportInput').val('');
jQuery('#wpfTableTbl').trigger( 'reloadGrid' );
$importSubmitBtn.html('Import')
}
}
});
return false;
});
jQuery('#wpfTableImportBtn').on('click', function(e){
e.preventDefault();
$importWnd.dialog('open');
return false;
});
// ******* import filters END *******
wpfInitCustomCheckRadio('#'+ tblId+ '_cb');
// ******* enable/disable statistics *******
var $statEForm = jQuery('#wpfStatsEForm'),
$statDForm = jQuery('#wpfStatsDForm'),
$statEWnd = jQuery('#wpfStatsEWnd').dialog({
modal: true,
autoOpen: false,
width: 500,
height: 300,
buttons: [
{
text: $statEForm.attr('data-submit'),
click: function() {
$statEForm.submit();
}
}
],
create:function () {
jQuery(this).closest('.ui-dialog').addClass('woobewoo-plugin');
if (WPF_DATA.isWCLicense) jQuery(this).closest('.ui-dialog').find('.ui-dialog-buttonset button').addClass('button button-primary');
}
}), $statDWnd = jQuery('#wpfStatsDWnd').dialog({
modal: true,
autoOpen: false,
width: 500,
height: 250,
buttons: [
{
text: $statDForm.attr('data-submit'),
click: function() {
$statDForm.submit();
}
}
],
create:function () {
jQuery(this).closest('.ui-dialog').addClass('woobewoo-plugin');
if (WPF_DATA.isWCLicense) jQuery(this).closest('.ui-dialog').find('.ui-dialog-buttonset button').addClass('button button-primary');
}
});
tableObj.on('click', '.wpf-statistics', function(e){
e.preventDefault();
var $this = jQuery(this),
id = $this.attr('data-id');
if ($this.hasClass('wpf-action-on')) {
$statDWnd.dialog('open');
$statDWnd.find('input[name="id"]').val(id);
} else {
$statEWnd.dialog('open');
$statEWnd.find('input[name="id"]').val(id);
}
return false;
});
jQuery('#wpfStatsEForm, #wpfStatsDForm').on('submit', function (e) {
e.preventDefault();
var $form = jQuery(this),
$submitButton = $form.parents('.ui-dialog:first').find('.ui-dialog-buttonpane .ui-dialog-buttonset').find('button:first');
$submitButton.width($submitButton.width());
$submitButton.showLoaderWpf();
$form.sendFormWpf({
btn: $submitButton,
data: {mod: 'statistics', action: $form.find('[name="action"]').val(), id: $form.find('[name="id"]').val(), wpfNonce: window.wpfNonce},
onSuccess: function(res) {
if(!res.error) {
var $icon = tableObj.find('.wpf-statistics[data-id="'+$form.find('input[name="id"]').val()+'"]');
if ($form.is('#wpfStatsEForm')) {
$statEWnd.dialog('close');
$icon.addClass('wpf-action-on').removeClass('wpf-action-off');
} else {
$statDWnd.dialog('close');
$icon.addClass('wpf-action-off').removeClass('wpf-action-on');
}
$submitButton.html($form.attr('data-submit'));
$icon.blur();
}
}
});
return false;
});
});