| @@ -329,8 +329,9 @@ | ||
| 329 | 329 | render() { |
| 330 | 330 | if ( 'renderChart' === this.state.route && null !== this.state.chart ) { |
| 331 | 331 | return ( |
| 332 | 332 | <ChartRender |
| 333 | + id={ this.props.attributes.id } | |
| 333 | 334 | chart={ this.state.chart } |
| 334 | 335 | className={ this.props.className } |
| 335 | 336 | editChart={ this.editChart } |
| 336 | 337 | /> |
| @@ -348,24 +349,29 @@ | ||
| 348 | 349 | </div> |
| 349 | 350 | |
| 350 | 351 | { 'home' === this.state.route && ( |
| 351 | 352 | <div className="visualizer-settings__content"> |
| 352 | - | |
| 353 | 353 | <div className="visualizer-settings__content-description"> |
| 354 | 354 | { __( 'Make a new chart or display an existing one?' ) } |
| 355 | 355 | </div> |
| 356 | 356 | |
| 357 | - <div className="visualizer-settings__content-option locked"> | |
| 357 | + { /* You can apply "locked" class to lock any of the following list items. */ } | |
| 358 | 358 | |
| 359 | + <a | |
| 360 | + href={ visualizerLocalize.adminPage } | |
| 361 | + target="_blank" | |
| 362 | + className="visualizer-settings__content-option" | |
| 363 | + > | |
| 364 | + | |
| 359 | 365 | <span className="visualizer-settings__content-option-title"> |
| 360 | - { __( 'Create a new chart (coming soon)' ) } | |
| 366 | + { __( 'Create a new chart' ) } | |
| 361 | 367 | </span> |
| 362 | 368 | |
| 363 | 369 | <div className="visualizer-settings__content-option-icon"> |
| 364 | - <Dashicon icon="lock" /> | |
| 370 | + <Dashicon icon="arrow-right-alt2" /> | |
| 365 | 371 | </div> |
| 366 | 372 | |
| 367 | - </div> | |
| 373 | + </a> | |
| 368 | 374 | |
| 369 | 375 | <div |
| 370 | 376 | className="visualizer-settings__content-option" |
| 371 | 377 | onClick={ () => { |
| @@ -396,8 +402,9 @@ | ||
| 396 | 402 | { ( 'showCharts' === this.state.route && false === this.state.isLoading ) && <Charts getChart={ this.getChart }/> } |
| 397 | 403 | |
| 398 | 404 | { ( 'chartSelect' === this.state.route && null !== this.state.chart ) && |
| 399 | 405 | <ChartSelect |
| 406 | + id={ this.props.attributes.id } | |
| 400 | 407 | chart={ this.state.chart } |
| 401 | 408 | editSettings={ this.editSettings } |
| 402 | 409 | editPermissions={ this.editPermissions } |
| 403 | 410 | url={ this.state.url } |