col hightlight fix

(function( $ ) {
	'use strict';

	/**
	 * All of the code for your public-facing JavaScript source
	 * should reside in this file.
	 *
	 * Note: It has been assumed you will write jQuery code here, so the
	 * $ function reference has been prepared for usage within the scope
	 * of this function.
	 *
	 * This enables you to define handlers, for when the DOM is ready:
	 *
	 * $(function() {
	 *
	 * });
	 *
	 * When the window is loaded:
	 *
	 * $( window ).load(function() {
	 *
	 * });
	 *
	 * ...and/or other possibilities.
	 *
	 * Ideally, it is not considered best practise to attach more than a
	 * single DOM-ready or window-load handler for a particular page.
	 * Although scripts in the WordPress core, Plugins and Themes may be
	 * practising this, we should strive to set a better example in our own work.
	 */

	$(document).ready(function(){

		var jtrt_tables = $('.jtrt-table');
		jtrt_tables.each(function(element) {
			
			var table = jQuery(jtrt_tables[element]);
			var id = table.attr('data-jtrt-table-id');
			var jtrt_table_data = JSON.parse($('textarea#jtrt_table_settings_'+id).html());
			
			if(jtrt_table_data[3] != undefined){
				jtrt_table_data[3].forEach(function(element, indx1) {
					var tRow = table.find('tr').eq(element['row']);
					var tCell = tRow.find('td,th').eq(element['col']);
					tCell.html(element['val']);
				});
			}
			
	
			jtrt_table_data[1].forEach(function(element) {
				var tRow = table.find('tr').eq(element['row']);
				var tCell = tRow.find('td,th').eq(element['col']);
				tCell.addClass(element['className']);
								
				if(element['borders']){
					var borderInfor = element['borders'];

					for (var key in borderInfor) {
						// skip loop if the property is from prototype
						if (!borderInfor.hasOwnProperty(key)) continue;

						var obj = borderInfor[key];
						for (var prop in obj) {
							// skip loop if the property is from prototype
							if(!obj.hasOwnProperty(prop)) continue;

							// your code
							if(key == "left" || key == "right" || key == "top" || key == "bottom"){
								if(obj['hide'] != true){
									tCell.addClass('border-'+key);
								}
							}
						}
					}

				}

				if(element['jtfootablebps']){
					var fottablehiddenVals = element['jtfootablebps'];
					var hiddenArraytoSplit = [];
					for (var key in fottablehiddenVals) {
						// skip loop if the property is from prototype
						if (!fottablehiddenVals.hasOwnProperty(key)) continue;

						if(fottablehiddenVals[key] != ""){
							hiddenArraytoSplit.push(fottablehiddenVals[key]);
						}
						
					}
					var bpStringjt = hiddenArraytoSplit.join(' ');
					tCell.attr('data-breakpoints',bpStringjt);
					tCell.attr('data-title',tCell.html());
				}

				if(element['jtfootabcoltype']){
					var fottablehiddenVals = element['jtfootabcoltype'];
					tCell.attr('data-type',fottablehiddenVals);
				}

				for (var k in element['jtcellstyle']){
					if (element['jtcellstyle'].hasOwnProperty(k)) {
						tCell.css(k,element['jtcellstyle'][k])
					}
				}
			}, this);

		
		}, this);

		

		$('.jtrespo-scroll table, .jtrespo-stack table').each(function(infxx,tableee){
			var mytablr = $(tableee),
				isfiltered = mytablr.attr('data-filtering'),
				isSorted = mytablr.attr('data-sorting'),
				isPaged = mytablr.attr('data-paging'),
				isPagedCtn = mytablr.attr('data-paging-size');

			if(isfiltered == "true" || isSorted == "true" || isPaged == "true"){
				var jtrtDTcopy = mytablr.DataTable({
					"paging":isPaged,
					"ordering":isSorted,
					"searching":isfiltered,
					"info":false,
					"language": {
						"emptyTable":     translation_for_frontend.emptyTable,
						"info":           translation_for_frontend.info,
						"infoEmpty":      translation_for_frontend.infoEmpty,
						"infoFiltered":   translation_for_frontend.infoFiltered,
						"lengthMenu":     translation_for_frontend.lengthMenu,
						"search":         translation_for_frontend.search_string,
						"zeroRecords":    translation_for_frontend.zeroRecords,
						"paginate": {
							"first":      translation_for_frontend.first,
							"last":       translation_for_frontend.last,
							"next":       translation_for_frontend.next_string,
							"previous":   translation_for_frontend.prev_string
						},
					}
				});

			}
		});


		function checkTableWidth(table){
			if(table.outerWidth(true) < table.parents('.jtrespo-stack').attr('data-jtrt-stack-width')){
				table.addClass('stackMeNowJT');		
			}else{
				table.removeClass('stackMeNowJT');
			}
		}

		checkTableWidth($('.jtrespo-stack table'));

		$(window).resize(function(){
			checkTableWidth($('.jtrespo-stack table'));
		});

		$('.highlightRows tr').on('mouseenter',function(){
			$(this).css('background',$('.highlightRows').attr('data-jtrt-rowhighligh-color'));
		});
		$('.highlightRows tr').on('mouseleave',function(){
			$(this).css('background','inherit');
		});

		$('.highlightCols').append('<style>.jtrt_table_hover_col_col{background:'+$('.highlightCols').attr('data-jtrt-colhighligh-color')+'!important;}</style>');
		$('.highlightCols td').on('mouseenter',function(){
			var eq = $(this).index() + 1;
			$('.highlightCols td:nth-child('+eq+'), .highlightCols th:nth-child('+eq+')').addClass('jtrt_table_hover_col_col');
		});
		$('.highlightCols td').on('mouseleave',function(){
			var eq = $(this).index() + 1;
			$('.highlightCols td:nth-child('+eq+'), .highlightCols th:nth-child('+eq+')').removeClass('jtrt_table_hover_col_col');
		});

		

		$('.jtrespo-footable table').each(function(idx,elem){
			var id = $(elem).attr('data-jtrt-table-id');
			var footablBreaksjt = JSON.parse($('#jtrt_table_bps_'+id).html());
			$(elem).footable({
				"breakpoints": footablBreaksjt,
				"useParentWidth": true,
				"showToggle": true
				
			});
		});


		

	});
		
})( jQuery );