| @@ -48,17 +48,8 @@ | ||
| 48 | 48 | return call_user_func( array( __CLASS__, '_render' . str_replace( ' ', '', ucwords( str_replace( '-', ' ', $layout ) ) ) ), func_get_args() ); |
| 49 | 49 | } |
| 50 | 50 | |
| 51 | 51 | /** |
| 52 | - * Show the fake editor (just an empty div). | |
| 53 | - * | |
| 54 | - * @access public | |
| 55 | - */ | |
| 56 | - public static function _renderFauxEditor( $args ) { | |
| 57 | - echo '<div id="chart-lhs" class="visualizer-editor-lhs" style="display: none"></div>'; | |
| 58 | - } | |
| 59 | - | |
| 60 | - /** | |
| 61 | 52 | * Show the DB query box. |
| 62 | 53 | * |
| 63 | 54 | * @access public |
| 64 | 55 | */ |
| @@ -63,9 +54,9 @@ | ||
| 63 | 54 | * @access public |
| 64 | 55 | */ |
| 65 | 56 | public static function _renderDbQuery( $args ) { |
| 66 | 57 | $query = $args[1]; |
| 67 | - ?> | |
| 58 | + ?> | |
| 68 | 59 | <div id='visualizer-db-query' style="display: none"> |
| 69 | 60 | <div class="visualizer-db-query-form"> |
| 70 | 61 | <div> |
| 71 | 62 | <form id='db-query-form'> |
| @@ -85,9 +76,9 @@ | ||
| 85 | 76 | </div> |
| 86 | 77 | <div class='db-wizard-results'></div> |
| 87 | 78 | |
| 88 | 79 | </div> |
| 89 | - <?php | |
| 80 | + <?php | |
| 90 | 81 | } |
| 91 | 82 | |
| 92 | 83 | /** |
| 93 | 84 | * Show the DB wizard's results table. |
| @@ -97,33 +88,314 @@ | ||
| 97 | 88 | public static function _renderDbWizardResults( $args ) { |
| 98 | 89 | $headers = $args[1]; |
| 99 | 90 | $results = $args[2]; |
| 100 | 91 | ob_start(); |
| 101 | - ?> | |
| 92 | + ?> | |
| 102 | 93 | <table cellspacing="0" width="100%" id="results"> |
| 103 | 94 | <thead> |
| 104 | 95 | <tr> |
| 105 | - <?php | |
| 106 | - foreach ( $headers as $header ) { | |
| 107 | - echo '<th>' . $header['label'] . '</th>'; | |
| 108 | - } | |
| 109 | - ?> | |
| 96 | + <?php | |
| 97 | + foreach ( $headers as $header ) { | |
| 98 | + echo '<th>' . $header['label'] . '</th>'; | |
| 99 | + } | |
| 100 | + ?> | |
| 110 | 101 | </tr> |
| 111 | 102 | </thead> |
| 112 | 103 | <tfoot> |
| 113 | 104 | </tfoot> |
| 114 | 105 | <tbody> |
| 115 | - <?php | |
| 116 | - foreach ( $results as $result ) { | |
| 117 | - echo '<tr>'; | |
| 118 | - foreach ( $result as $r ) { | |
| 119 | - echo '<td>' . $r . '</td>'; | |
| 106 | + <?php | |
| 107 | + foreach ( $results as $result ) { | |
| 108 | + echo '<tr>'; | |
| 109 | + foreach ( $result as $r ) { | |
| 110 | + echo '<td>' . $r . '</td>'; | |
| 111 | + } | |
| 112 | + echo '</tr>'; | |
| 120 | 113 | } |
| 121 | - echo '</tr>'; | |
| 114 | + ?> | |
| 115 | + </tbody> | |
| 116 | + </table> | |
| 117 | + <?php | |
| 118 | + return ob_get_clean(); | |
| 122 | 119 | } |
| 123 | - ?> | |
| 120 | + | |
| 121 | + /** | |
| 122 | + * Show the JSON/REST parameters boxes. | |
| 123 | + * | |
| 124 | + * @access public | |
| 125 | + */ | |
| 126 | + public static function _renderJsonScreen( $args ) { | |
| 127 | + $id = $args[1]; | |
| 128 | + $action = add_query_arg( | |
| 129 | + array( | |
| 130 | + 'action' => Visualizer_Plugin::ACTION_JSON_SET_DATA, | |
| 131 | + 'security' => wp_create_nonce( Visualizer_Plugin::ACTION_JSON_SET_DATA . Visualizer_Plugin::VERSION ), | |
| 132 | + 'chart' => $id, | |
| 133 | + ), | |
| 134 | + admin_url( 'admin-ajax.php' ) | |
| 135 | + ); | |
| 136 | + | |
| 137 | + $url = get_post_meta( $id, Visualizer_Plugin::CF_JSON_URL, true ); | |
| 138 | + $root = get_post_meta( $id, Visualizer_Plugin::CF_JSON_ROOT, true ); | |
| 139 | + $paging = get_post_meta( $id, Visualizer_Plugin::CF_JSON_PAGING, true ); | |
| 140 | + | |
| 141 | + ?> | |
| 142 | + <div id="visualizer-json-screen" style="display: none"> | |
| 143 | + <div class="visualizer-json-form"> | |
| 144 | + <h3 class="viz-step step1"><?php _e( 'STEP 1: Specify the JSON endpoint/URL', 'visualizer' ); ?></h3> | |
| 145 | + <div> | |
| 146 | + <form id="json-endpoint-form"> | |
| 147 | + <div class="json-wizard-hints"> | |
| 148 | + <ul class="info"> | |
| 149 | + <li><?php echo sprintf( __( 'If you want to add authentication, add headers to the endpoint or change the request in any way, please refer to our document %1$shere%2$s.', 'visualizer' ), '<a href="https://docs.themeisle.com/article/1043-visualizer-how-to-extend-rest-endpoints-with-json-response" target="_blank">', '</a>' ); ?></li> | |
| 150 | + </ul> | |
| 151 | + </div> | |
| 152 | + | |
| 153 | + <input | |
| 154 | + type="url" | |
| 155 | + id="vz-import-json-url" | |
| 156 | + name="url" | |
| 157 | + value="<?php echo esc_url( $url ); ?>" | |
| 158 | + placeholder="<?php esc_html_e( 'Please enter the URL', 'visualizer' ); ?>" | |
| 159 | + class="visualizer-input"> | |
| 160 | + <button class="button button-secondary button-small" id="visualizer-json-fetch"><?php esc_html_e( 'Fetch Endpoint', 'visualizer' ); ?></button> | |
| 161 | + </form> | |
| 162 | + </div> | |
| 163 | + <h3 class="viz-step step2 <?php echo empty( $url ) ? 'ui-state-disabled' : ''; ?> json-root-form"><?php _e( 'STEP 2: Choose the JSON root', 'visualizer' ); ?></h3> | |
| 164 | + <div> | |
| 165 | + <form id="json-root-form"> | |
| 166 | + <input type="hidden" name="chart" value="<?php echo $id; ?>"> | |
| 167 | + <select name="root" id="vz-import-json-root"> | |
| 168 | + <?php | |
| 169 | + if ( ! empty( $root ) ) { | |
| 170 | + ?> | |
| 171 | + <option value="<?php echo esc_attr( $root ); ?>"><?php echo str_replace( Visualizer_Source_Json::TAG_SEPARATOR, Visualizer_Source_Json::TAG_SEPARATOR_VIEW, $root ); ?></option> | |
| 172 | + <?php | |
| 173 | + } | |
| 174 | + ?> | |
| 175 | + </select> | |
| 176 | + <input type="hidden" name="url" value="<?php echo $url; ?>"> | |
| 177 | + <button class="button button-secondary button-small" id="visualizer-json-parse"><?php esc_html_e( 'Parse Endpoint', 'visualizer' ); ?></button> | |
| 178 | + </form> | |
| 179 | + </div> | |
| 180 | + <h3 class="viz-step step3 <?php echo empty( $root ) ? 'ui-state-disabled' : ''; ?>"><?php _e( 'STEP 3: Specify miscellaneous parameters', 'visualizer' ); ?></h3> | |
| 181 | + <div> | |
| 182 | + <form id="json-conclude-form-helper"> | |
| 183 | + <div class="<?php echo apply_filters( 'visualizer_pro_upsell_class', 'only-pro-feature' ); ?>"> | |
| 184 | + <div class="json-pagination"> | |
| 185 | + <select name="paging" id="vz-import-json-paging" class="json-form-element" data-template='<?php echo sprintf( 'Get first %d pages using %s', apply_filters( 'visualizer_json_fetch_pages', 5, $url ), '?' ); ?>'> | |
| 186 | + <option value="0" class="static"><?php _e( 'Don\'t use pagination', 'visualizer' ); ?></option> | |
| 187 | + <?php | |
| 188 | + if ( ! empty( $paging ) ) { | |
| 189 | + ?> | |
| 190 | + <option value="<?php echo esc_attr( $paging ); ?>"><?php echo sprintf( 'Get first %d pages using %s', apply_filters( 'visualizer_json_fetch_pages', 5, $url ), str_replace( Visualizer_Source_Json::TAG_SEPARATOR, Visualizer_Source_Json::TAG_SEPARATOR_VIEW, $paging ) ); ?></option> | |
| 191 | + <?php | |
| 192 | + } | |
| 193 | + ?> | |
| 194 | + </select> | |
| 195 | + <?php | |
| 196 | + if ( ! Visualizer_Module::is_pro() ) { | |
| 197 | + ?> | |
| 198 | + <br/> | |
| 199 | + <br/> | |
| 200 | + <br/> | |
| 201 | + <br/> | |
| 202 | + <?php | |
| 203 | + } | |
| 204 | + ?> | |
| 205 | + <?php echo apply_filters( 'visualizer_pro_upsell', '' ); ?> | |
| 206 | + </div> | |
| 207 | + </div> | |
| 208 | + </form> | |
| 209 | + </div> | |
| 210 | + <h3 class="viz-step step4 ui-state-disabled"><?php _e( 'STEP 4: Select the data to display in the chart', 'visualizer' ); ?></h3> | |
| 211 | + <div> | |
| 212 | + <form id="json-conclude-form" action="<?php echo $action; ?>" method="post" target="thehole"> | |
| 213 | + <input type="hidden" name="url"> | |
| 214 | + <input type="hidden" name="root"> | |
| 215 | + <input type="hidden" name="chart" value="<?php echo $id; ?>"> | |
| 216 | + | |
| 217 | + <div class="json-wizard-hints html-table-editor-hints"> | |
| 218 | + <ul class="info"> | |
| 219 | + <li><?php _e( 'Select whether to include the data in the chart. Each column selected will form one series.', 'visualizer' ); ?></li> | |
| 220 | + <li><?php _e( 'If a column is selected to be included, specify its data type.', 'visualizer' ); ?></li> | |
| 221 | + <li><?php _e( 'You can use drag/drop to reorder the columns but this column position is not saved. So when you reload the table, you may have to reorder again.', 'visualizer' ); ?></li> | |
| 222 | + <li><?php _e( 'You can select any number of columns but the chart type selected will determine how many will display in the chart.', 'visualizer' ); ?></li> | |
| 223 | + </ul> | |
| 224 | + </div> | |
| 225 | + <div class="json-table"></div> | |
| 226 | + <button class="button button-primary" id="visualizer-json-conclude"><?php esc_html_e( 'Save & Show Chart', 'visualizer' ); ?></button> | |
| 227 | + </form> | |
| 228 | + </div> | |
| 229 | + </div> | |
| 230 | + </div> | |
| 231 | + <?php | |
| 232 | + } | |
| 233 | + | |
| 234 | + /** | |
| 235 | + * Show the simple editor(s). | |
| 236 | + * | |
| 237 | + * @access public | |
| 238 | + */ | |
| 239 | + public static function _renderSimpleEditorScreen( $args ) { | |
| 240 | + $chart_id = $args[1]; | |
| 241 | + $action = add_query_arg( | |
| 242 | + array( | |
| 243 | + 'action' => Visualizer_Plugin::ACTION_UPLOAD_DATA, | |
| 244 | + 'nonce' => wp_create_nonce(), | |
| 245 | + 'chart' => $chart_id, | |
| 246 | + ), | |
| 247 | + admin_url( 'admin-ajax.php' ) | |
| 248 | + ); | |
| 249 | + ?> | |
| 250 | + <div class="viz-simple-editor"> | |
| 251 | + <div class="viz-simple-editor-type viz-table-editor"> | |
| 252 | + <form id="table-editor-form" action="<?php echo $action; ?>" method="post" target="thehole"> | |
| 253 | + <div class="html-table-editor-hints"> | |
| 254 | + <ul class="info"> | |
| 255 | + <li><?php _e( 'Select whether to include the data in the chart. Each column selected will form one series.', 'visualizer' ); ?></li> | |
| 256 | + <li><?php _e( 'If a column is selected to be included, specify its data type.', 'visualizer' ); ?></li> | |
| 257 | + <li><?php _e( 'You can use drag/drop to reorder the columns but this column position is not saved. So when you reload the table, you may have to reorder again.', 'visualizer' ); ?></li> | |
| 258 | + <li><?php _e( 'You can select any number of columns but the chart type selected will determine how many will display in the chart.', 'visualizer' ); ?></li> | |
| 259 | + </ul> | |
| 260 | + </div> | |
| 261 | + <div class="viz-html-table"> | |
| 262 | + <?php Visualizer_Render_Layout::show( 'editor-table', null, $chart_id, 'viz-html-table', true, true ); ?> | |
| 263 | + </div> | |
| 264 | + <input type="hidden" name="table_data" value="yes"> | |
| 265 | + <button class="button button-primary" id="visualizer-save-html-table"><?php esc_html_e( 'Save & Show Chart', 'visualizer' ); ?></button> | |
| 266 | + </form> | |
| 267 | + </div> | |
| 268 | + | |
| 269 | + <?php Visualizer_Render_Layout::show( 'text-editor', $chart_id ); ?> | |
| 270 | + | |
| 271 | + </div> | |
| 272 | + <?php | |
| 273 | + | |
| 274 | + } | |
| 275 | + | |
| 276 | + /** | |
| 277 | + * Show the text area editor. | |
| 278 | + * | |
| 279 | + * @access public | |
| 280 | + */ | |
| 281 | + public static function _renderTextEditor( $args ) { | |
| 282 | + $chart_id = $args[1]; | |
| 283 | + $csv = apply_filters( Visualizer_Plugin::FILTER_GET_CHART_DATA_AS, array(), $chart_id, 'csv' ); | |
| 284 | + $data = ''; | |
| 285 | + if ( ! empty( $csv ) && isset( $csv['string'] ) ) { | |
| 286 | + $data = str_replace( PHP_EOL, "\n", $csv['string'] ); | |
| 287 | + } | |
| 288 | + ?> | |
| 289 | + <div class="viz-simple-editor-type viz-text-editor"> | |
| 290 | + <textarea id="edited_text"><?php echo $data; ?></textarea> | |
| 291 | + <button id="viz-text-editor-button" class="button button-primary"><?php _e( 'Save & Show Chart', 'visualizer' ); ?></button> | |
| 292 | + </div> | |
| 293 | + <?php | |
| 294 | + } | |
| 295 | + | |
| 296 | + /** | |
| 297 | + * Show the JSON endpoint's parsed table. | |
| 298 | + * | |
| 299 | + * @access public | |
| 300 | + */ | |
| 301 | + public static function _renderEditorTable( $args ) { | |
| 302 | + $data = $args[1]; | |
| 303 | + $chart_id = $args[2]; | |
| 304 | + $class = $args[3]; | |
| 305 | + $echo = $args[4]; | |
| 306 | + $editable_data = $args[5]; | |
| 307 | + $series = get_post_meta( $chart_id, Visualizer_Plugin::CF_SERIES, true ); | |
| 308 | + $headers = array(); | |
| 309 | + | |
| 310 | + if ( is_null( $data ) ) { | |
| 311 | + foreach ( $series as $column ) { | |
| 312 | + $headers[] = $column['label']; | |
| 313 | + } | |
| 314 | + $chart = get_post( $chart_id ); | |
| 315 | + $type = get_post_meta( $chart_id, Visualizer_Plugin::CF_CHART_TYPE, true ); | |
| 316 | + $data = apply_filters( Visualizer_Plugin::FILTER_GET_CHART_DATA, unserialize( html_entity_decode( $chart->post_content ) ), $type ); | |
| 317 | + } else { | |
| 318 | + $headers = array_keys( $data[0] ); | |
| 319 | + } | |
| 320 | + | |
| 321 | + $classes = implode( ' ', array( 'viz-editor-table', $class ) ); | |
| 322 | + | |
| 323 | + if ( $series ) { | |
| 324 | + $temp = $series; | |
| 325 | + $series = array(); | |
| 326 | + foreach ( $temp as $array ) { | |
| 327 | + $series[ $array['label'] ] = $array['type']; | |
| 328 | + } | |
| 329 | + } | |
| 330 | + if ( ! $echo ) { | |
| 331 | + ob_start(); | |
| 332 | + } | |
| 333 | + ?> | |
| 334 | + <table cellspacing="0" width="100%" class="results cell-border stripe <?php echo $classes; ?>"> | |
| 335 | + <thead> | |
| 336 | + <tr> | |
| 337 | + <th><?php _e( 'Label', 'visualizer' ); ?></th> | |
| 338 | + <?php | |
| 339 | + foreach ( $headers as $header ) { | |
| 340 | + if ( $editable_data ) { | |
| 341 | + echo '<th><input type="text" name="header[]" value="' . esc_attr( $header ) . '"></th>'; | |
| 342 | + } else { | |
| 343 | + echo '<th>' . $header . '</th>'; | |
| 344 | + } | |
| 345 | + } | |
| 346 | + ?> | |
| 347 | + </tr> | |
| 348 | + </thead> | |
| 349 | + <tbody> | |
| 350 | + <tr> | |
| 351 | + <th><?php _e( 'Data Type', 'visualizer' ); ?></th> | |
| 352 | + <?php | |
| 353 | + $index = 0; | |
| 354 | + foreach ( $headers as $header ) { | |
| 355 | + echo '<td>'; | |
| 356 | + if ( $editable_data ) { | |
| 357 | + echo '<select name="type[]">'; | |
| 358 | + } else { | |
| 359 | + echo '<input name="header[]" type="hidden" value="' . $header . '">'; | |
| 360 | + echo '<select name="type[' . $header . ']">'; | |
| 361 | + } | |
| 362 | + echo '<option value="" title="' . __( 'Exclude from chart', 'visualizer' ) . '">' . __( 'Exclude', 'visualizer' ) . '</option>'; | |
| 363 | + echo '<option value="0" disabled title="' . __( 'Include in chart and select data type', 'visualizer' ) . '">--' . __( 'OR', 'visualizer' ) . '--</option>'; | |
| 364 | + | |
| 365 | + foreach ( Visualizer_Source::getAllowedTypes() as $type ) { | |
| 366 | + $selected = array_key_exists( $header, $series ) && $type === $series[ $header ] ? 'selected' : ''; | |
| 367 | + echo '<option value="' . $type . '" ' . $selected . '>' . $type . '</option>'; | |
| 368 | + } | |
| 369 | + | |
| 370 | + echo '</select></td>'; | |
| 371 | + } | |
| 372 | + ?> | |
| 373 | + </tr> | |
| 374 | + <?php | |
| 375 | + // for remote sources, the data exists inside 'data'. | |
| 376 | + if ( array_key_exists( 'data', $data ) ) { | |
| 377 | + $data = $data['data']; | |
| 378 | + } | |
| 379 | + foreach ( $data as $row ) { | |
| 380 | + echo '<tr>'; | |
| 381 | + echo '<th>' . __( 'Value', 'visualizer' ) . '</th>'; | |
| 382 | + $index = 0; | |
| 383 | + foreach ( array_values( $row ) as $value ) { | |
| 384 | + if ( $editable_data ) { | |
| 385 | + echo '<td><input type="text" name="data' . $index++ . '[]" value="' . esc_attr( $value ) . '"></td>'; | |
| 386 | + } else { | |
| 387 | + echo '<td>' . $value . '</td>'; | |
| 388 | + } | |
| 389 | + } | |
| 390 | + | |
| 391 | + echo '</tr>'; | |
| 392 | + } | |
| 393 | + ?> | |
| 124 | 394 | </tbody> |
| 125 | 395 | </table> |
| 126 | - <?php | |
| 127 | - return ob_get_clean(); | |
| 396 | + <?php | |
| 397 | + if ( ! $echo ) { | |
| 398 | + return ob_get_clean(); | |
| 399 | + } | |
| 128 | 400 | } |
| 129 | 401 | } |
