easy-charts-data-metabox-display.php 2.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152
  1. <?php
  2. /**
  3. * Markup file for metabox
  4. *
  5. * HTML markup for data metabox.
  6. *
  7. * @link http://kiranpotphode.com
  8. * @since 1.0.0
  9. *
  10. * @package Easy_Charts
  11. * @subpackage Easy_Charts/admin/partials
  12. */
  13. global $post;
  14. $plugin = new Easy_Charts();
  15. ?>
  16. <div id="easy-charts-data-metabox-wrap">
  17. <div id="easy-data-chart-box">
  18. <div class="ec-data-container">
  19. <div class="handsontable-container" style="width: auto; height: auto; overflow: hidden;">
  20. <div id="handsontable" class="hot htRemoveRow handsontable htRowHeaders htColumnHeaders"></div>
  21. </div>
  22. <div class="handsontable-controls">
  23. <div class="button-group">
  24. <button class="button button-primary" id="ec-button-add-col"><span class="dashicons dashicons-plus"></span><?php _e( 'Add Column', 'easy-charts' ); ?></button>
  25. <button class="button " id="ec-button-remove-col"><span class="dashicons dashicons-minus"></span><?php _e( 'Remove Column', 'easy-charts' )?></button>
  26. </div>
  27. <div class="button-group">
  28. <button class="button button-primary" id="ec-button-add-row"><span class="dashicons dashicons-plus"></span><?php _e( 'Add Row', 'easy-charts' ); ?></button>
  29. <button class="button " id="ec-button-remove-row"><span class="dashicons dashicons-minus"></span><?php _e( 'Remove Row', 'easy-charts' ); ?></button>
  30. </div>
  31. <div class="button-group">
  32. <button class="button button-primary" id="ec-button-save-data"><span class="dashicons dashicons-update"></span><?php _e( 'Update Chart Data', 'easy-charts' ); ?></button>
  33. </div>
  34. <div id="dialog-confirm" title="Empty Row/Column found!" style="display: none;">
  35. <p><span class="ui-icon ui-icon-alert" style="float:left; margin:0 7px 20px 0; display: none;"></span><?php _e( "There are some empty row and/or columns in chart's datatable.", 'easy-charts' ); ?><br />
  36. <?php _e( 'Please delete these empty rows/columns or fill in data !', 'easy-charts' ); ?></p>
  37. </div>
  38. </div>
  39. <div id="datatable-note">
  40. <?php _e( 'Note: Add/Remove, Move Column/Row using mouse is available in datatable.','easy-charts' ); ?>
  41. <br><?php _e( 'Try right clicking on datatable headers.','easy-charts' );
  42. ?>
  43. </div>
  44. </div>
  45. </div>
  46. </div>