| @@ -205,9 +205,57 @@ | ||
| 205 | 205 | <input type="button" id="viz-lib-reset" class="viz-filter button button-secondary" value="' . __( 'Clear Filters', 'visualizer' ) . '"> |
| 206 | 206 | </form> |
| 207 | 207 | </div>'; |
| 208 | 208 | } |
| 209 | + /** | |
| 210 | + * Renders pro charts blocker. | |
| 211 | + * | |
| 212 | + * @access private | |
| 213 | + */ | |
| 214 | + private function _renderProPopupBlocker() { | |
| 215 | + if ( Visualizer_Module::is_pro() ) { | |
| 216 | + return; | |
| 217 | + } | |
| 218 | + $license = get_option( 'visualizer_pro_license_data', 'free' ); | |
| 219 | + $license_key = ''; | |
| 220 | + $download_id = ''; | |
| 221 | + if ( ! empty( $license ) && is_object( $license ) ) { | |
| 222 | + $license_key = $license->key; | |
| 223 | + $download_id = $license->download_id; | |
| 224 | + } | |
| 225 | + $admin_license_url = admin_url( 'options-general.php#visualizer_pro_license' ); | |
| 226 | + $renew_license_url = tsdk_utmify( Visualizer_Plugin::STORE_URL . '?edd_license_key=' . $license_key . '&download_id=' . $download_id, 'visualizer_license_block' ); | |
| 227 | + echo ' | |
| 228 | + <div class="vizualizer-renew-notice-overlay" id="overlay-visualizer"></div> | |
| 229 | + <div class="vizualizer-renew-notice-popup"> | |
| 230 | + <h1 class="vizualizer-renew-notice-heading">Alert!</h1> | |
| 231 | + <p class="vizualizer-renew-notice-message">' . esc_html__( 'In order to edit premium charts, benefit from updates and support for Visualizer Premium plugin, please renew your license code or activate it.', 'visualizer' ) . '</p> | |
| 232 | + <div class="vizualizer-renew-notice-buttons-container"> | |
| 233 | + <a href="' . esc_url( $renew_license_url) . '" target="_blank"> | |
| 234 | + <button class="vizualizer-renew-notice-button vizualizer-renew-notice-renew-button"> | |
| 235 | + <span class="dashicons dashicons-cart"></span>' . esc_html__( 'Renew License', 'visualizer' ) . ' | |
| 236 | + </button> | |
| 237 | + </a> | |
| 238 | + <a href="' . esc_url( $admin_license_url ) . '"> | |
| 239 | + <button class="vizualizer-renew-notice-button vizualizer-renew-notice-activate-button"> | |
| 240 | + <span class="dashicons dashicons-unlock"></span> ' . esc_html__( 'Activate License', 'visualizer' ) . ' | |
| 241 | + </button> | |
| 242 | + </a> | |
| 243 | + <button class="vizualizer-renew-notice-button vizualizer-renew-notice-close-icon" aria-label="Close" onclick="closePopup()"> | |
| 244 | + <i class="dashicons dashicons-no"></i> | |
| 245 | + </button> | |
| 246 | + </div> | |
| 247 | + </div> | |
| 248 | + <script> | |
| 249 | + function closePopup() { | |
| 250 | + var overlay = document.getElementById("overlay-visualizer"); | |
| 251 | + var popup = document.querySelector(".vizualizer-renew-notice-popup"); | |
| 252 | + overlay.style.display = "none"; | |
| 253 | + popup.style.display = "none"; | |
| 254 | + } | |
| 255 | + </script>'; | |
| 209 | 256 | |
| 257 | + } | |
| 210 | 258 | /** |
| 211 | 259 | * Renders library content. |
| 212 | 260 | * |
| 213 | 261 | * @since 1.0.0 |
| @@ -214,17 +262,23 @@ | ||
| 214 | 262 | * |
| 215 | 263 | * @access private |
| 216 | 264 | */ |
| 217 | 265 | private function _renderLibrary() { |
| 266 | + | |
| 218 | 267 | // Added by Ash/Upwork |
| 219 | 268 | $filterBy = ! empty( $_GET['s'] ) ? sanitize_text_field( wp_unslash( $_GET['s'] ) ) : null; // phpcs:ignore WordPress.Security.NonceVerification.Recommended |
| 269 | + | |
| 220 | 270 | // Added by Ash/Upwork |
| 221 | 271 | echo $this->custom_css; |
| 272 | + | |
| 273 | + $this->_renderProPopupBlocker(); | |
| 274 | + | |
| 222 | 275 | echo '<div id="visualizer-types" class="visualizer-clearfix">'; |
| 223 | 276 | echo '<svg xmlns="http://www.w3.org/2000/svg" style="display: none;"><symbol id="list-icon" fill="currentColor"><path d="M8 0C3.58 0 0 3.58 0 8C0 12.42 3.58 16 8 16C12.42 16 16 12.42 16 8C16 3.58 12.42 0 8 0ZM7.385 12.66H6.045L2.805 8.12L4.146 6.87L6.715 9.27L11.856 3.339L13.196 4.279L7.385 12.66Z"/></symbol></svg>'; |
| 224 | 277 | $this->getDisplayForm(); |
| 225 | 278 | echo '</div>'; |
| 226 | 279 | echo '<div id="visualizer-content-wrapper">'; |
| 280 | + echo '<div id="tsdk_banner" class="visualizer-banner"></div>'; | |
| 227 | 281 | if ( ! empty( $this->charts ) ) { |
| 228 | 282 | echo '<div id="visualizer-library" class="visualizer-clearfix">'; |
| 229 | 283 | $count = 0; |
| 230 | 284 | foreach ( $this->charts as $placeholder_id => $chart ) { |
| @@ -300,8 +354,11 @@ | ||
| 300 | 354 | // for ChartJS, title is an array. |
| 301 | 355 | if ( is_array( $title ) && isset( $title['text'] ) ) { |
| 302 | 356 | $title = $title['text']; |
| 303 | 357 | } |
| 358 | + if ( ! empty( $settings[0]['backend-title'] ) ) { | |
| 359 | + $title = $settings[0]['backend-title']; | |
| 360 | + } | |
| 304 | 361 | if ( empty( $title ) ) { |
| 305 | 362 | $title = '#' . $chart_id; |
| 306 | 363 | } |
| 307 | 364 | |
| @@ -336,15 +393,24 @@ | ||
| 336 | 393 | ), |
| 337 | 394 | admin_url( 'admin-ajax.php' ) |
| 338 | 395 | ) |
| 339 | 396 | ); |
| 397 | + $chart_type = get_post_meta( $chart_id, Visualizer_Plugin::CF_CHART_TYPE, true ); | |
| 340 | 398 | |
| 399 | + $types = ['area', 'geo', 'column', 'bubble', 'scatter', 'gauge', 'candlestick', 'timeline', 'combo', 'polarArea', 'radar' ]; | |
| 400 | + | |
| 401 | + $pro_class = ''; | |
| 402 | + | |
| 403 | + if ( ! empty( $chart_type ) && in_array( $chart_type, $types, true ) ) { | |
| 404 | + $pro_class = 'viz-is-pro-chart'; | |
| 405 | + } | |
| 406 | + | |
| 341 | 407 | $chart_status = array( 'date' => get_the_modified_date( get_option( 'date_format' ) . ' ' . get_option( 'time_format' ), $chart_id ), 'error' => get_post_meta( $chart_id, Visualizer_Plugin::CF_ERROR, true ), 'icon' => 'dashicons-yes-alt', 'title' => 'A-OK!' ); |
| 342 | 408 | if ( ! empty( $chart_status['error'] ) ) { |
| 343 | 409 | $chart_status['icon'] = 'error dashicons-dismiss'; |
| 344 | 410 | $chart_status['title'] = __( 'Click to view the error', 'visualizer' ); |
| 345 | 411 | } |
| 346 | - $shortcode = sprintf( '[visualizer id="%s" lazy="no" class=""]', $chart_id ); | |
| 412 | + $shortcode = sprintf( '[visualizer id="%s" class=""]', $chart_id ); | |
| 347 | 413 | echo '<div class="items"><div class="visualizer-chart"><div class="visualizer-chart-title">', esc_html( $title ), '</div>'; |
| 348 | 414 | if ( Visualizer_Module::is_pro() && $with_filter ) { |
| 349 | 415 | echo '<div id="chart_wrapper_' . $placeholder_id . '">'; |
| 350 | 416 | echo '<div id="control_wrapper_' . $placeholder_id . '" class="vz-library-chart-filter"></div>'; |
| @@ -357,15 +423,15 @@ | ||
| 357 | 423 | } |
| 358 | 424 | echo '<div class="visualizer-chart-footer visualizer-clearfix">'; |
| 359 | 425 | echo '<div class="visualizer-action-group">'; |
| 360 | 426 | echo '<a class="visualizer-chart-action visualizer-chart-delete" href="', $delete_url, '" onclick="return showNotice.warn();"><span class="dashicons dashicons-trash"></span><span class="tooltip-text">' . esc_attr__( 'Delete', 'visualizer' ) . '</span></a>'; |
| 361 | - echo '<a class="visualizer-chart-action visualizer-chart-shortcode" href="javascript:;" data-clipboard-text="', esc_attr( $shortcode ), '"><span class="dashicons dashicons-shortcode"></span><span class="tooltip-text">' . esc_attr__( 'Copy Shortcode', 'visualizer' ) . '</span></a>'; | |
| 427 | + echo '<a class="visualizer-chart-action visualizer-chart-shortcode ' . esc_attr( $pro_class ) . '" href="javascript:;" data-clipboard-text="', esc_attr( $shortcode ), '"><span class="dashicons dashicons-shortcode ' . esc_attr( $pro_class ) . '"></span><span class="tooltip-text">' . esc_attr__( 'Copy Shortcode', 'visualizer' ) . '</span></a>'; | |
| 362 | 428 | if ( $this->can_chart_have_action( 'image', $chart_id ) ) { |
| 363 | - echo '<a class="visualizer-chart-action visualizer-chart-image" href="javascript:;" data-chart="visualizer-', $chart_id, '" data-chart-title="', $title, '"><span class="dashicons dashicons-format-image"></span><span class="tooltip-text">' . esc_attr__( 'Download PNG', 'visualizer' ) . '</span></a>'; | |
| 429 | + echo '<a class="visualizer-chart-action visualizer-chart-image ' . esc_attr( $pro_class ) . '" href="javascript:;" data-chart="visualizer-', $chart_id, '" data-chart-title="', $title, '"><span class="dashicons dashicons-format-image ' . esc_attr( $pro_class ) . '"></span><span class="tooltip-text">' . esc_attr__( 'Download PNG', 'visualizer' ) . '</span></a>'; | |
| 364 | 430 | } |
| 365 | - echo '<a class="visualizer-chart-action visualizer-chart-export" href="javascript:;" data-chart="', $export_link, '"><span class="dashicons dashicons-download"></span><span class="tooltip-text">' . esc_attr__( 'Export CSV', 'visualizer' ) . '</span></a>'; | |
| 366 | - echo '<a class="visualizer-chart-action visualizer-chart-clone" href="', $clone_url, '"><span class="dashicons dashicons-admin-page"></span><span class="tooltip-text">' . esc_attr__( 'Duplicate', 'visualizer' ) . '</span></a>'; | |
| 367 | - echo '<a class="visualizer-chart-action visualizer-chart-edit" href="javascript:;" data-chart="', $chart_id, '"><span class="dashicons dashicons-admin-generic"></span><span class="tooltip-text">' . esc_attr__( 'Edit', 'visualizer' ) . '</span></a>'; | |
| 431 | + echo '<a class="visualizer-chart-action visualizer-chart-export ' . esc_attr( $pro_class ) . '" href="javascript:;" data-chart="', $export_link, '"><span class="dashicons dashicons-download ' . esc_attr( $pro_class ) . '"></span><span class="tooltip-text">' . esc_attr__( 'Export CSV', 'visualizer' ) . '</span></a>'; | |
| 432 | + echo '<a class="visualizer-chart-action visualizer-chart-clone ' . esc_attr( $pro_class ) . '" href="', $clone_url, '"><span class="dashicons dashicons-admin-page ' . esc_attr( $pro_class ) . '"></span><span class="tooltip-text">' . esc_attr__( 'Duplicate', 'visualizer' ) . '</span></a>'; | |
| 433 | + echo '<a class="visualizer-chart-action visualizer-chart-edit ' . esc_attr( $pro_class ) . '" href="javascript:;" data-chart="', $chart_id, '"><span class="dashicons dashicons-admin-generic ' . esc_attr( $pro_class ) . '"></span><span class="tooltip-text">' . esc_attr__( 'Edit', 'visualizer' ) . '</span></a>'; | |
| 368 | 434 | echo '</div>'; |
| 369 | 435 | do_action( 'visualizer_chart_languages', $chart_id ); |
| 370 | 436 | echo '<hr><div class="visualizer-chart-status"><span title="' . __( 'Chart ID', 'visualizer' ) . '">(' . $chart_id . '):</span> <span class="visualizer-date" title="' . __( 'Last Updated', 'visualizer' ) . '">' . $chart_status['date'] . '</span><span class="visualizer-error"><i class="dashicons ' . $chart_status['icon'] . '" data-viz-error="' . esc_attr( str_replace( '"', "'", $chart_status['error'] ) ) . '" title="' . esc_attr( $chart_status['title'] ) . '"></i></span></div>'; |
| 371 | 437 | echo '</div>'; |
| @@ -385,9 +451,9 @@ | ||
| 385 | 451 | if ( Visualizer_Module_Admin::proFeaturesLocked() ) { |
| 386 | 452 | echo '<li><svg class="icon list-icon"><use xlink:href="#list-icon"></use></svg>' . __( '6 more chart types', 'visualizer' ); |
| 387 | 453 | } else { |
| 388 | 454 | echo '<li><svg class="icon list-icon"><use xlink:href="#list-icon"></use></svg>' . __( '11 more chart types', 'visualizer' ) . '</li>'; |
| 389 | - echo '<li><svg class="icon list-icon"><use xlink:href="#list-icon"></use></svg>' . __( 'Manual Data Editor', 'visualizer' ) . '</li>'; | |
| 455 | + echo '<li><svg class="icon list-icon"><use xlink:href="#list-icon"></use></svg>' . __( 'Synchronize Data Periodically', 'visualizer' ) . '</li>'; | |
| 390 | 456 | echo '<li><svg class="icon list-icon"><use xlink:href="#list-icon"></use></svg>' . __( 'ChartJS Charts', 'visualizer' ) . '</li>'; |
| 391 | 457 | echo '<li><svg class="icon list-icon"><use xlink:href="#list-icon"></use></svg>' . __( 'Table Google chart', 'visualizer' ) . '</li>'; |
| 392 | 458 | echo '<li><svg class="icon list-icon"><use xlink:href="#list-icon"></use></svg>' . __( 'Frontend Actions(Print, Export, Copy, Download)', 'visualizer' ) . '</li>'; |
| 393 | 459 | } |
| @@ -399,9 +465,9 @@ | ||
| 399 | 465 | echo '<li><svg class="icon list-icon"><use xlink:href="#list-icon"></use></svg>' . __( 'Private charts', 'visualizer' ) . '</li>'; |
| 400 | 466 | echo '<li><svg class="icon list-icon"><use xlink:href="#list-icon"></use></svg>' . __( 'WPML support for translating charts', 'visualizer' ) . '</li>'; |
| 401 | 467 | echo '<li><svg class="icon list-icon"><use xlink:href="#list-icon"></use></svg>' . __( 'Integration with Woocommerce Data endpoints', 'visualizer' ) . '</li>'; |
| 402 | 468 | echo '<li><svg class="icon list-icon"><use xlink:href="#list-icon"></use></svg>' . __( 'Auto-sync with online files', 'visualizer' ) . '</li></ul>'; |
| 403 | - echo '<p><a href="' . tsdk_utmify( Visualizer_Plugin::PRO_TEASER_URL, 'sidebarupsell' ) . '" target="_blank" class="button button-primary">' . __( 'View more features', 'visualizer' ) . '</a></p>'; | |
| 469 | + echo '<p class="vz-sidebar-box-action"><a href="' . tsdk_utmify( Visualizer_Plugin::PRO_TEASER_URL, 'sidebarMenuUpgrade', 'index' ) . '#pro-features" target="_blank" class="button button-secondary">' . __( 'View more features', 'visualizer' ) . '</a><a href="' . tsdk_utmify( Visualizer_Plugin::PRO_TEASER_URL, 'sidebarMenuUpgrade', 'index' ) . '#pricing" target="_blank" class="button button-primary">' . __( 'Upgrade Now', 'visualizer' ) . '</a></p>'; | |
| 404 | 470 | echo '</div>'; |
| 405 | 471 | echo '</div>'; |
| 406 | 472 | echo '</div>'; |
| 407 | 473 | echo '</div>'; |
