add support for boolean data type in table charts

Author: contactashish13

classes/Visualizer/Render/Sidebar/Type/DataTable/DataTable.php

@@ -477,6 +477,22 @@ protected function _renderFormatField( $index = 0 ) {
 					'YYYY-MM-DD'
 				);
 				break;
+			case 'boolean':
+				self::_renderTextItem(
+					esc_html__( 'Truthy value', 'visualizer' ),
+					'series[' . $index . '][format][truthy]',
+					isset( $this->series[ $index ]['format']['truthy'] ) ? $this->series[ $index ]['format']['truthy'] : '',
+					sprintf( esc_html__( 'Provide the ASCII/HTML entity code for the value the table should display when the value of the column is true. e.g. %1$s (Code: %2$s) instead of true', 'visualizer' ), '✔', '✔' ),
+					''
+				);
+				self::_renderTextItem(
+					esc_html__( 'Falsy value', 'visualizer' ),
+					'series[' . $index . '][format][falsy]',
+					isset( $this->series[ $index ]['format']['falsy'] ) ? $this->series[ $index ]['format']['falsy'] : '',
+					sprintf( esc_html__( 'Provide the ASCII/HTML entity code for the value the table should display when the value of the column is false. e.g. %1$s (Code: %2$s) instead of true', 'visualizer' ), '✖', '✖' ),
+					''
+				);
+				break;
 		}
 	}
 

classes/Visualizer/Source.php

@@ -215,7 +215,6 @@ protected function _normalizeData( $data ) {
 					$data[ $i ] = ( is_numeric( $data[ $i ] ) ) ? floatval( $data[ $i ] ) : ( is_numeric( str_replace( ',', '', $data[ $i ] ) ) ? floatval( str_replace( ',', '', $data[ $i ] ) ) : null );
 					break;
 				case 'boolean':
-					error_log("aaya ");
 					$datum = trim( strval( $data[ $i ] ) );
 					$data[ $i ] = in_array( $datum, array( 'true', 'yes', '1' ), true ) ? 'true' : 'false';
 					break;
@@ -244,8 +243,6 @@ protected function _normalizeData( $data ) {
 			}
 		}
 
-					error_log("gaya  " . print_r($data,true));
-
 		return apply_filters( 'visualizer_format_data', $data, $this->_series );
 	}
 

js/render-datatables.js

@@ -29,8 +29,6 @@
         series = chart.series;
         data = chart.data;
 
-        console.log(series);
-
         container = document.getElementById(id);
         if (container == null) {
             return;
@@ -175,7 +173,6 @@
         $.extend( settings, additional );
 
         cols = [];
-        console.log(series);
         for (j = 0; j < series.length; j++) {
             type = series[j].type;
             switch(type){
@@ -188,7 +185,6 @@
                     type = 'date';
                     break;
             }
-
             render = addRenderer(series[j].type, settings.series, j);
 
             var col = { title: series[j].label, data: series[j].label, type: type, render: render };
@@ -222,7 +218,6 @@
         $('body').trigger('visualizer:chart:settings:extend', {id: id, chart: chart, settings: settings});
 
         table = $('#' + id + ' table.visualizer-data-table');
-        console.log("showing table");
         table.DataTable( settings );
 
         // header row is handled here as the class is added dynamically to it (after the table is rendered).
@@ -272,15 +267,18 @@
                 }
                 break;
             default:
-console.log("yahan aaya");
-        render = $.fn.dataTable.render.extra = function ( from, to, locale ) {
-            console.log("andar aaya");
-            return from;
-        }
+                render = $.fn.dataTable.render.extra = function ( data, type, row ) {
+                    if((data === true || data === 'true') && typeof series.format !== 'undefined' && series.format.truthy !== ''){
+                        data = series.format.truthy;
+                    }
+                    if((data === false || data === 'false') && typeof series.format !== 'undefined' && series.format.falsy !== ''){
+                        data = series.format.falsy;
+                    }
+                    return data;
+                }
         }
         /* jshint ignore:end */
 
-
         return render;
     }