| @@ -1,5 +1,6 @@ | ||
| 1 | 1 | <?php |
| 2 | + | |
| 2 | 3 | // +----------------------------------------------------------------------+ |
| 3 | 4 | // | Copyright 2013 Madpixels (email : visualizer@madpixels.net) | |
| 4 | 5 | // +----------------------------------------------------------------------+ |
| 5 | 6 | // | This program is free software; you can redistribute it and/or modify | |
| @@ -17,8 +18,9 @@ | ||
| 17 | 18 | // | MA 02110-1301 USA | |
| 18 | 19 | // +----------------------------------------------------------------------+ |
| 19 | 20 | // | Author: Eugene Manuilov <eugene@manuilov.org> | |
| 20 | 21 | // +----------------------------------------------------------------------+ |
| 22 | + | |
| 21 | 23 | /** |
| 22 | 24 | * Renders visualizer library page. |
| 23 | 25 | * |
| 24 | 26 | * @category Visualizer |
| @@ -28,184 +30,46 @@ | ||
| 28 | 30 | */ |
| 29 | 31 | class Visualizer_Render_Library extends Visualizer_Render { |
| 30 | 32 | |
| 31 | 33 | /** |
| 32 | - * Renders library page. | |
| 34 | + * Renders chart's box block. | |
| 33 | 35 | * |
| 34 | 36 | * @since 1.0.0 |
| 35 | 37 | * |
| 36 | - * @access protected | |
| 37 | - */ | |
| 38 | - protected function _toHTML() { | |
| 39 | - echo '<div class="wrap">'; | |
| 40 | - echo '<div id="visualizer-icon" class="icon32"><br></div>'; | |
| 41 | - echo '<h2>'; | |
| 42 | - esc_html_e( 'Visualizer Library', 'visualizer' ); | |
| 43 | - echo ' <a href="javascript:;" class="add-new-h2 add-new-chart">', esc_html__( 'Add New', 'visualizer' ), '</a>'; | |
| 44 | - if ( Visualizer_Module::is_pro() ) { | |
| 45 | - echo ' <a href="' . admin_url( 'options-general.php' ) . '" class="page-title-action">', esc_html__( 'License Settings', 'visualizer' ), '</a>'; | |
| 46 | - } | |
| 47 | - echo '</h2>'; | |
| 48 | - $this->_renderMessages(); | |
| 49 | - $this->_renderLibrary(); | |
| 50 | - echo '</div>'; | |
| 51 | - } | |
| 52 | - | |
| 53 | - /** | |
| 54 | - * Renders notification messages if need be. | |
| 55 | - * | |
| 56 | - * @since 1.4.2 | |
| 57 | - * | |
| 58 | 38 | * @access private |
| 39 | + * @param string $placeholder_id The placeholder's id for the chart. | |
| 40 | + * @param int $chart_id The id of the chart. | |
| 59 | 41 | */ |
| 60 | - private function _renderMessages() { | |
| 61 | - if ( ! filter_var( ini_get( 'allow_url_fopen' ), FILTER_VALIDATE_BOOLEAN ) ) { | |
| 62 | - echo '<div class="updated error">'; | |
| 63 | - echo '<p>'; | |
| 64 | - printf( esc_html__( '%s option is disabled in your php.ini config. Please, enable it by change its value to 1. This option increases the speed of remote CSV uploading.', 'visualizer' ), '<b>allow_url_fopen</b>' ); | |
| 65 | - echo '</p>'; | |
| 66 | - echo '</div>'; | |
| 67 | - } | |
| 68 | - } | |
| 42 | + private function _renderChartBox( $placeholder_id, $chart_id ) { | |
| 43 | + $ajax_url = admin_url( 'admin-ajax.php' ); | |
| 69 | 44 | |
| 70 | - /** | |
| 71 | - * Displays the search form. | |
| 72 | - */ | |
| 73 | - private function getDisplayForm() { | |
| 74 | - echo '<div class="visualizer-library-form"> | |
| 75 | - <form action="' . admin_url( 'admin.php' ) . '"> | |
| 76 | - <input type="hidden" name="page" value="' . Visualizer_Plugin::NAME . '"/> | |
| 77 | - <select class="viz-filter" name="type"> | |
| 78 | - '; | |
| 45 | + $delete_url = add_query_arg( array( | |
| 46 | + 'action' => Visualizer_Plugin::ACTION_DELETE_CHART, | |
| 47 | + 'nonce' => Visualizer_Security::createNonce(), | |
| 48 | + 'chart' => $chart_id, | |
| 49 | + ), $ajax_url ); | |
| 79 | 50 | |
| 80 | - echo '<option value="" selected>' . __( 'All types', 'visualizer' ) . '</option>'; | |
| 51 | + $clone_url = add_query_arg( array( | |
| 52 | + 'action' => Visualizer_Plugin::ACTION_CLONE_CHART, | |
| 53 | + 'nonce' => Visualizer_Security::createNonce( Visualizer_Plugin::ACTION_CLONE_CHART ), | |
| 54 | + 'chart' => $chart_id, | |
| 55 | + 'type' => $this->type, | |
| 56 | + ), $ajax_url ); | |
| 81 | 57 | |
| 82 | - $type = isset( $_GET['type'] ) ? $_GET['type'] : ''; | |
| 83 | - $enabled = array(); | |
| 84 | - $disabled = array(); | |
| 85 | - foreach ( $this->types as $id => $array ) { | |
| 86 | - if ( ! is_array( $array ) ) { | |
| 87 | - // support for old pro | |
| 88 | - $array = array( 'enabled' => true, 'name' => $array ); | |
| 89 | - } | |
| 90 | - if ( ! $array['enabled'] ) { | |
| 91 | - $disabled[ $id ] = $array['name']; | |
| 92 | - continue; | |
| 93 | - } | |
| 94 | - $enabled[ $id ] = $array['name']; | |
| 95 | - } | |
| 58 | + echo '<div class="visualizer-chart">'; | |
| 59 | + echo '<div id="', $placeholder_id, '" class="visualizer-chart-canvas">'; | |
| 60 | + echo '<img src="', VISUALIZER_ABSURL, 'images/ajax-loader.gif" class="loader">'; | |
| 61 | + echo '</div>'; | |
| 62 | + echo '<div class="visualizer-chart-footer visualizer-clearfix">'; | |
| 63 | + echo '<a class="visualizer-chart-action visualizer-chart-delete" href="', $delete_url, '" title="', esc_attr__( 'Delete', Visualizer_Plugin::NAME ), '" onclick="return showNotice.warn();"></a>'; | |
| 64 | + echo '<a class="visualizer-chart-action visualizer-chart-clone" href="', $clone_url, '" title="', esc_attr__( 'Clone', Visualizer_Plugin::NAME ), '"></a>'; | |
| 65 | + echo '<a class="visualizer-chart-action visualizer-chart-edit" href="javascript:;" title="', esc_attr__( 'Edit', Visualizer_Plugin::NAME ), '" data-chart="', $chart_id, '"></a>'; | |
| 96 | 66 | |
| 97 | - asort( $enabled ); | |
| 98 | - asort( $disabled ); | |
| 99 | - | |
| 100 | - foreach ( $enabled as $id => $name ) { | |
| 101 | - echo '<option value="' . esc_attr( $id ) . '" ' . selected( $type, $id ) . '>' . $name . '</option>'; | |
| 102 | - } | |
| 103 | - | |
| 104 | - if ( $disabled ) { | |
| 105 | - echo '<optgroup label="' . __( 'Not available', 'visualizer' ) . '">'; | |
| 106 | - foreach ( $disabled as $id => $name ) { | |
| 107 | - echo '<option value="' . esc_attr( $id ) . '" ' . selected( $type, $id ) . ' disabled>' . $name . '</option>'; | |
| 108 | - } | |
| 109 | - echo '</optgroup>'; | |
| 110 | - } | |
| 111 | - | |
| 112 | - echo ' | |
| 113 | - </select> | |
| 114 | - <select class="viz-filter" name="library"> | |
| 115 | - '; | |
| 116 | - | |
| 117 | - $libraries = array( '', 'ChartJS', 'DataTable', 'GoogleCharts' ); | |
| 118 | - $library = isset( $_GET['library'] ) ? $_GET['library'] : ''; | |
| 119 | - foreach ( $libraries as $lib ) { | |
| 120 | - echo '<option value="' . esc_attr( $lib ) . '" ' . selected( $library, $lib ) . '>' . ( $lib === '' ? __( 'All libraries', 'visualizer' ) : $lib ) . '</option>'; | |
| 121 | - } | |
| 122 | - | |
| 123 | - echo ' | |
| 124 | - </select> | |
| 125 | - <select class="viz-filter" name="date"> | |
| 126 | - '; | |
| 127 | - | |
| 128 | - $dates = Visualizer_Plugin::getSupportedDateFilter(); | |
| 129 | - $date = isset( $_GET['date'] ) ? $_GET['date'] : ''; | |
| 130 | - foreach ( Visualizer_Plugin::getSupportedDateFilter() as $dt => $label ) { | |
| 131 | - echo '<option value="' . esc_attr( $dt ) . '" ' . selected( $date, $dt ) . '>' . $label . '</option>'; | |
| 132 | - } | |
| 133 | - | |
| 134 | - echo ' | |
| 135 | - </select> | |
| 136 | - <select class="viz-filter" name="source"> | |
| 137 | - '; | |
| 138 | - | |
| 139 | - $disabled = array(); | |
| 140 | - $sources = array( 'json' => __( 'JSON', 'visualizer' ), 'csv' => __( 'Local CSV', 'visualizer' ), 'csv_remote' => __( 'Remote CSV', 'visualizer' ), 'query' => __( 'Database', 'visualizer' ), 'query_wp' => __( 'WordPress', 'visualizer' ) ); | |
| 141 | - if ( ! Visualizer_Module::is_pro() ) { | |
| 142 | - $disabled['query'] = $sources['query']; | |
| 143 | - unset( $sources['query'] ); | |
| 144 | - } | |
| 145 | - if ( ! apply_filters( 'visualizer_is_business', false ) ) { | |
| 146 | - $disabled['query_wp'] = $sources['query_wp']; | |
| 147 | - unset( $sources['query_wp'] ); | |
| 148 | - } | |
| 149 | - $sources = array_filter( $sources ); | |
| 150 | - uasort( | |
| 151 | - $sources, function( $a, $b ) { | |
| 152 | - if ( $a === $b ) { | |
| 153 | - return 0; | |
| 154 | - } | |
| 155 | - return ( $a < $b ) ? -1 : 1; | |
| 156 | - } | |
| 157 | - ); | |
| 158 | - | |
| 159 | - $source = isset( $_GET['source'] ) ? $_GET['source'] : ''; | |
| 160 | - echo '<option value="">' . __( 'All sources', 'visualizer' ) . '</option>'; | |
| 161 | - foreach ( $sources as $field => $label ) { | |
| 162 | - echo '<option value="' . esc_attr( $field ) . '" ' . selected( $source, $field ) . '>' . $label . '</option>'; | |
| 163 | - } | |
| 164 | - | |
| 165 | - if ( $disabled ) { | |
| 166 | - echo '<optgroup label="' . __( 'Not available', 'visualizer' ) . '">'; | |
| 167 | - foreach ( $disabled as $id => $name ) { | |
| 168 | - echo '<option value="' . esc_attr( $id ) . '" ' . selected( $type, $id ) . ' disabled>' . $name . '</option>'; | |
| 169 | - } | |
| 170 | - echo '</optgroup>'; | |
| 171 | - } | |
| 172 | - | |
| 173 | - $name = isset( $_GET['s'] ) ? $_GET['s'] : ''; | |
| 174 | - echo ' | |
| 175 | - </select> | |
| 176 | - <input class="viz-filter" type="text" name="s" placeholder="' . __( 'Enter title', 'visualizer' ) . '" value="' . esc_attr( $name ) . '"> | |
| 177 | - '; | |
| 178 | - | |
| 179 | - echo ' | |
| 180 | - <span class="viz-filter">|</span> | |
| 181 | - <select class="viz-filter" name="orderby"> | |
| 182 | - '; | |
| 183 | - | |
| 184 | - $order_by_fields = apply_filters( 'visualizer_filter_order_by', array( 'date' => __( 'Date', 'visualizer' ), 's' => __( 'Title', 'visualizer' ) ) ); | |
| 185 | - $order_by = isset( $_GET['orderby'] ) ? $_GET['orderby'] : ''; | |
| 186 | - echo '<option value="">' . __( 'Order By', 'visualizer' ) . '</option>'; | |
| 187 | - foreach ( $order_by_fields as $field => $label ) { | |
| 188 | - echo '<option value="' . esc_attr( $field ) . '" ' . selected( $order_by, $field ) . '>' . $label . '</option>'; | |
| 189 | - } | |
| 190 | - | |
| 191 | - echo ' | |
| 192 | - </select> | |
| 193 | - <select class="viz-filter" name="order"> | |
| 194 | - '; | |
| 195 | - | |
| 196 | - $order_type = array( 'desc' => __( 'Descending', 'visualizer' ), 'asc' => __( 'Ascending', 'visualizer' ) ); | |
| 197 | - $order = isset( $_GET['order'] ) ? $_GET['order'] : 'desc'; | |
| 198 | - foreach ( $order_type as $field => $label ) { | |
| 199 | - echo '<option value="' . esc_attr( $field ) . '" ' . selected( $order, $field ) . '>' . $label . '</option>'; | |
| 200 | - } | |
| 201 | - | |
| 202 | - echo ' | |
| 203 | - </select> | |
| 204 | - <input type="submit" class="viz-filter button button-secondary" value="' . __( 'Apply Filters', 'visualizer' ) . '"> | |
| 205 | - <input type="button" id="viz-lib-reset" class="viz-filter button button-secondary" value="' . __( 'Clear Filters', 'visualizer' ) . '"> | |
| 206 | - </form> | |
| 207 | - </div>'; | |
| 67 | + echo '<span class="visualizer-chart-shortcode" title="', esc_attr__( 'Click to select', Visualizer_Plugin::NAME ), '">'; | |
| 68 | + echo ' [visualizer id="', $chart_id, '"] '; | |
| 69 | + echo '</span>'; | |
| 70 | + echo '</div>'; | |
| 71 | + echo '</div>'; | |
| 208 | 72 | } |
| 209 | 73 | |
| 210 | 74 | /** |
| 211 | 75 | * Renders library content. |
| @@ -214,198 +78,76 @@ | ||
| 214 | 78 | * |
| 215 | 79 | * @access private |
| 216 | 80 | */ |
| 217 | 81 | private function _renderLibrary() { |
| 218 | - // Added by Ash/Upwork | |
| 219 | - $filterBy = ! empty( $_GET['s'] ) ? sanitize_text_field( wp_unslash( $_GET['s'] ) ) : null; // phpcs:ignore WordPress.Security.NonceVerification.Recommended | |
| 220 | - // Added by Ash/Upwork | |
| 221 | - echo $this->custom_css; | |
| 222 | 82 | echo '<div id="visualizer-types" class="visualizer-clearfix">'; |
| 223 | - 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 | - $this->getDisplayForm(); | |
| 83 | + echo '<ul>'; | |
| 84 | + foreach ( $this->types as $type => $label ) { | |
| 85 | + echo '<li class="visualizer-list-item">'; | |
| 86 | + if ( $type == $this->type ) { | |
| 87 | + echo '<a class="page-numbers current" href="', add_query_arg( 'vpage', false ), '">'; | |
| 88 | + echo $label; | |
| 89 | + echo '</a>'; | |
| 90 | + } else { | |
| 91 | + echo '<a class="page-numbers" href="', add_query_arg( array( 'type' => $type, 'vpage' => false ) ), '">'; | |
| 92 | + echo $label; | |
| 93 | + echo '</a>'; | |
| 94 | + } | |
| 95 | + echo '</li>'; | |
| 96 | + } | |
| 97 | + echo '</ul>'; | |
| 225 | 98 | echo '</div>'; |
| 226 | - echo '<div id="visualizer-content-wrapper">'; | |
| 227 | - if ( ! empty( $this->charts ) ) { | |
| 99 | + | |
| 100 | + if ( !empty( $this->charts ) ) { | |
| 228 | 101 | echo '<div id="visualizer-library" class="visualizer-clearfix">'; |
| 229 | - $count = 0; | |
| 230 | - foreach ( $this->charts as $placeholder_id => $chart ) { | |
| 231 | - // show the sidebar after the first 3 charts. | |
| 232 | - $count++; | |
| 233 | - $enable_controls = false; | |
| 234 | - $settings = isset( $chart['settings'] ) ? $chart['settings'] : array(); | |
| 235 | - if ( ! empty( $settings['controls']['controlType'] ) ) { | |
| 236 | - $column_index = $settings['controls']['filterColumnIndex']; | |
| 237 | - $column_label = $settings['controls']['filterColumnLabel']; | |
| 238 | - if ( 'false' !== $column_index || 'false' !== $column_label ) { | |
| 239 | - $enable_controls = true; | |
| 102 | + foreach ( $this->charts as $placeholder_id => $chart ) { | |
| 103 | + $this->_renderChartBox( $placeholder_id, $chart['id'] ); | |
| 104 | + } | |
| 105 | + echo '</div>'; | |
| 106 | + | |
| 107 | + if ( is_array( $this->pagination ) ) { | |
| 108 | + echo '<ul class="visualizer-library-pagination">'; | |
| 109 | + foreach ( $this->pagination as $page ) { | |
| 110 | + echo '<li class="visualizer-list-item">', $page, '</li>'; | |
| 240 | 111 | } |
| 241 | - } | |
| 242 | - if ( 3 === $count ) { | |
| 243 | - $this->_renderSidebar(); | |
| 244 | - $this->_renderChartBox( $placeholder_id, $chart['id'], $enable_controls ); | |
| 245 | - } else { | |
| 246 | - $this->_renderChartBox( $placeholder_id, $chart['id'], $enable_controls ); | |
| 247 | - } | |
| 112 | + echo '</ul>'; | |
| 248 | 113 | } |
| 249 | - // show the sidebar if there are less than 3 charts. | |
| 250 | - if ( $count < 3 ) { | |
| 251 | - $this->_renderSidebar(); | |
| 252 | - } | |
| 253 | - echo '</div>'; | |
| 254 | 114 | } else { |
| 255 | 115 | echo '<div id="visualizer-library" class="visualizer-clearfix">'; |
| 256 | - echo '<div class="items"><div class="visualizer-chart">'; | |
| 257 | - echo '<div class="visualizer-chart-canvas visualizer-nochart-canvas">'; | |
| 258 | - echo '<div class="visualizer-notfound">', esc_html__( 'No charts found', 'visualizer' ), '<p><h2><a href="javascript:;" class="add-new-h2 add-new-chart">', esc_html__( 'Add New', 'visualizer' ), '</a></h2></p></div>'; | |
| 116 | + echo '<div class="visualizer-chart">'; | |
| 117 | + echo '<div class="visualizer-chart-canvas visualizer-nochart-canvas">'; | |
| 118 | + echo '<div class="visualizer-notfound">', esc_html__( 'No charts found', Visualizer_Plugin::NAME ), '</div>'; | |
| 119 | + echo '</div>'; | |
| 120 | + echo '<div class="visualizer-chart-footer visualizer-clearfix">'; | |
| 121 | + echo '<span class="visualizer-chart-action visualizer-nochart-delete"></span>'; | |
| 122 | + echo '<span class="visualizer-chart-action visualizer-nochart-clone"></span>'; | |
| 123 | + echo '<span class="visualizer-chart-action visualizer-nochart-edit"></span>'; | |
| 124 | + | |
| 125 | + echo '<span class="visualizer-chart-shortcode">'; | |
| 126 | + echo ' [visualizer] '; | |
| 127 | + echo '</span>'; | |
| 128 | + echo '</div>'; | |
| 129 | + echo '</div>'; | |
| 259 | 130 | echo '</div>'; |
| 260 | - echo '<div class="visualizer-chart-footer visualizer-clearfix">'; | |
| 261 | - echo '<div class="visualizer-action-group visualizer-nochart">'; | |
| 262 | - echo '<span class="visualizer-chart-action visualizer-nochart-delete"><span class="dashicons dashicons-trash"></span></span>'; | |
| 263 | - echo '<span class="visualizer-chart-action visualizer-nochart-shortcode"><span class="dashicons dashicons-shortcode"></span></span>'; | |
| 264 | - echo '<span class="visualizer-chart-action visualizer-nochart-image"><span class="dashicons dashicons-format-image"></span></span>'; | |
| 265 | - echo '<span class="visualizer-chart-action visualizer-nochart-export"><span class="dashicons dashicons-download"></span></span>'; | |
| 266 | - echo '<span class="visualizer-chart-action visualizer-nochart-clone"><span class="dashicons dashicons-admin-page"></span></span>'; | |
| 267 | - echo '<span class="visualizer-chart-action visualizer-nochart-edit"><span class="dashicons dashicons-admin-generic"></span></span>'; | |
| 268 | - echo '</div>'; | |
| 269 | - echo '</div>'; | |
| 270 | - echo '</div></div>'; | |
| 271 | - $this->_renderSidebar(); | |
| 272 | - echo '</div>'; | |
| 273 | 131 | } |
| 274 | - echo '</div>'; | |
| 275 | - if ( is_array( $this->pagination ) ) { | |
| 276 | - echo '<ul class=" subsubsub">'; | |
| 277 | - foreach ( $this->pagination as $page ) { | |
| 278 | - echo '<li class="all">', $page, '</li>'; | |
| 279 | - } | |
| 280 | - echo '</ul>'; | |
| 281 | - } | |
| 282 | 132 | } |
| 283 | 133 | |
| 284 | 134 | /** |
| 285 | - * Renders chart's box block. | |
| 135 | + * Renders library page. | |
| 286 | 136 | * |
| 287 | 137 | * @since 1.0.0 |
| 288 | 138 | * |
| 289 | - * @access private | |
| 290 | - * | |
| 291 | - * @param string $placeholder_id The placeholder's id for the chart. | |
| 292 | - * @param int $chart_id The id of the chart. | |
| 139 | + * @access protected | |
| 293 | 140 | */ |
| 294 | - private function _renderChartBox( $placeholder_id, $chart_id, $with_filter = false ) { | |
| 295 | - $settings = get_post_meta( $chart_id, Visualizer_Plugin::CF_SETTINGS ); | |
| 296 | - $title = '#' . $chart_id; | |
| 297 | - if ( ! empty( $settings[0]['title'] ) ) { | |
| 298 | - $title = $settings[0]['title']; | |
| 299 | - } | |
| 300 | - // for ChartJS, title is an array. | |
| 301 | - if ( is_array( $title ) && isset( $title['text'] ) ) { | |
| 302 | - $title = $title['text']; | |
| 303 | - } | |
| 304 | - if ( empty( $title ) ) { | |
| 305 | - $title = '#' . $chart_id; | |
| 306 | - } | |
| 141 | + protected function _toHTML() { | |
| 142 | + echo '<div class="wrap">'; | |
| 143 | + echo '<div id="visualizer-icon" class="icon32"><br></div>'; | |
| 144 | + echo '<h2>'; | |
| 145 | + esc_html_e( 'Visualizer Library', Visualizer_Plugin::NAME ); | |
| 146 | + echo ' <a href="javascript:;" class="add-new-h2">', esc_html__( 'Add New', Visualizer_Plugin::NAME ), '</a>'; | |
| 147 | + echo '</h2>'; | |
| 307 | 148 | |
| 308 | - $ajax_url = admin_url( 'admin-ajax.php' ); | |
| 309 | - $delete_url = esc_url( | |
| 310 | - add_query_arg( | |
| 311 | - array( | |
| 312 | - 'action' => Visualizer_Plugin::ACTION_DELETE_CHART, | |
| 313 | - 'nonce' => wp_create_nonce(), | |
| 314 | - 'chart' => $chart_id, | |
| 315 | - ), | |
| 316 | - $ajax_url | |
| 317 | - ) | |
| 318 | - ); | |
| 319 | - $clone_url = esc_url( | |
| 320 | - add_query_arg( | |
| 321 | - array( | |
| 322 | - 'action' => Visualizer_Plugin::ACTION_CLONE_CHART, | |
| 323 | - 'nonce' => wp_create_nonce( Visualizer_Plugin::ACTION_CLONE_CHART ), | |
| 324 | - 'chart' => $chart_id, | |
| 325 | - 'type' => $this->type, | |
| 326 | - ), | |
| 327 | - $ajax_url | |
| 328 | - ) | |
| 329 | - ); | |
| 330 | - $export_link = esc_url( | |
| 331 | - add_query_arg( | |
| 332 | - array( | |
| 333 | - 'action' => Visualizer_Plugin::ACTION_EXPORT_DATA, | |
| 334 | - 'chart' => $chart_id, | |
| 335 | - 'security' => wp_create_nonce( Visualizer_Plugin::ACTION_EXPORT_DATA . Visualizer_Plugin::VERSION ), | |
| 336 | - ), | |
| 337 | - admin_url( 'admin-ajax.php' ) | |
| 338 | - ) | |
| 339 | - ); | |
| 340 | - | |
| 341 | - $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 | - if ( ! empty( $chart_status['error'] ) ) { | |
| 343 | - $chart_status['icon'] = 'error dashicons-dismiss'; | |
| 344 | - $chart_status['title'] = __( 'Click to view the error', 'visualizer' ); | |
| 345 | - } | |
| 346 | - $shortcode = sprintf( '[visualizer id="%s" lazy="no" class=""]', $chart_id ); | |
| 347 | - echo '<div class="items"><div class="visualizer-chart"><div class="visualizer-chart-title">', esc_html( $title ), '</div>'; | |
| 348 | - if ( Visualizer_Module::is_pro() && $with_filter ) { | |
| 349 | - echo '<div id="chart_wrapper_' . $placeholder_id . '">'; | |
| 350 | - echo '<div id="control_wrapper_' . $placeholder_id . '" class="vz-library-chart-filter"></div>'; | |
| 351 | - } | |
| 352 | - echo '<div id="', $placeholder_id, '" class="visualizer-chart-canvas">'; | |
| 353 | - echo '<img src="', VISUALIZER_ABSURL, 'images/ajax-loader.gif" class="loader">'; | |
| 149 | + $this->_renderLibrary(); | |
| 354 | 150 | echo '</div>'; |
| 355 | - if ( Visualizer_Module::is_pro() && $with_filter ) { | |
| 356 | - echo '</div>'; | |
| 357 | - } | |
| 358 | - echo '<div class="visualizer-chart-footer visualizer-clearfix">'; | |
| 359 | - echo '<div class="visualizer-action-group">'; | |
| 360 | - 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>'; | |
| 362 | - 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>'; | |
| 364 | - } | |
| 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>'; | |
| 368 | - echo '</div>'; | |
| 369 | - do_action( 'visualizer_chart_languages', $chart_id ); | |
| 370 | - 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 | - echo '</div>'; | |
| 372 | - echo '</div></div>'; | |
| 373 | 151 | } |
| 374 | 152 | |
| 375 | - /** | |
| 376 | - * Render 2-col sidebar | |
| 377 | - */ | |
| 378 | - private function _renderSidebar() { | |
| 379 | - if ( ! Visualizer_Module::is_pro() ) { | |
| 380 | - echo '<div class="items">'; | |
| 381 | - echo '<div class="viz-pro">'; | |
| 382 | - echo '<div id="visualizer-sidebar" class="one-columns">'; | |
| 383 | - echo '<div class="visualizer-sidebar-box">'; | |
| 384 | - echo '<h3>' . __( 'Discover the power of PRO!', 'visualizer' ) . '</h3><ul>'; | |
| 385 | - if ( Visualizer_Module_Admin::proFeaturesLocked() ) { | |
| 386 | - echo '<li><svg class="icon list-icon"><use xlink:href="#list-icon"></use></svg>' . __( '6 more chart types', 'visualizer' ); | |
| 387 | - } else { | |
| 388 | - 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>'; | |
| 390 | - echo '<li><svg class="icon list-icon"><use xlink:href="#list-icon"></use></svg>' . __( 'ChartJS Charts', 'visualizer' ) . '</li>'; | |
| 391 | - echo '<li><svg class="icon list-icon"><use xlink:href="#list-icon"></use></svg>' . __( 'Table Google chart', 'visualizer' ) . '</li>'; | |
| 392 | - echo '<li><svg class="icon list-icon"><use xlink:href="#list-icon"></use></svg>' . __( 'Frontend Actions(Print, Export, Copy, Download)', 'visualizer' ) . '</li>'; | |
| 393 | - } | |
| 394 | - echo '<li><svg class="icon list-icon"><use xlink:href="#list-icon"></use></svg>' . __( 'Spreadsheet like editor', 'visualizer' ) . '</li>'; | |
| 395 | - echo '<li><svg class="icon list-icon"><use xlink:href="#list-icon"></use></svg>' . __( 'Import from other charts', 'visualizer' ) . '</li>'; | |
| 396 | - echo '<li><svg class="icon list-icon"><use xlink:href="#list-icon"></use></svg>' . __( 'Use database query to create charts', 'visualizer' ) . '</li>'; | |
| 397 | - echo '<li><svg class="icon list-icon"><use xlink:href="#list-icon"></use></svg>' . __( 'Create charts from WordPress tables', 'visualizer' ) . '</li>'; | |
| 398 | - echo '<li><svg class="icon list-icon"><use xlink:href="#list-icon"></use></svg>' . __( 'Frontend editor', 'visualizer' ) . '</li>'; | |
| 399 | - echo '<li><svg class="icon list-icon"><use xlink:href="#list-icon"></use></svg>' . __( 'Private charts', 'visualizer' ) . '</li>'; | |
| 400 | - echo '<li><svg class="icon list-icon"><use xlink:href="#list-icon"></use></svg>' . __( 'WPML support for translating charts', 'visualizer' ) . '</li>'; | |
| 401 | - echo '<li><svg class="icon list-icon"><use xlink:href="#list-icon"></use></svg>' . __( 'Integration with Woocommerce Data endpoints', 'visualizer' ) . '</li>'; | |
| 402 | - 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>'; | |
| 404 | - echo '</div>'; | |
| 405 | - echo '</div>'; | |
| 406 | - echo '</div>'; | |
| 407 | - echo '</div>'; | |
| 408 | - } | |
| 409 | - } | |
| 410 | - | |
| 411 | -} | |
| 153 | +} | |
