id ) { case 'food_menu' : $this->create_food_menu_tutorial(); break; } } /** * Pointers for creating a food menu. */ public function create_food_menu_tutorial() { if ( ! isset( $_GET['tutorial'] ) || ! current_user_can( 'manage_options' ) ) { return; } // These pointers will chain - they will not be shown at once. $pointers = array( 'pointers' => array( 'title' => array( 'target' => "#title", 'next' => 'content', 'next_trigger' => array( 'target' => '#title', 'event' => 'input', ), 'options' => array( 'content' => '

' . esc_html__( 'Food name', 'restaurantpress' ) . '

' . '

' . esc_html__( 'Give your new food a name here. This is a required field and will be what your users will see in your restaurant.', 'restaurantpress' ) . '

', 'position' => array( 'edge' => 'top', 'align' => 'left', ), ), ), 'content' => array( 'target' => "#wp-content-editor-container", 'next' => 'regular_price', 'next_trigger' => array(), 'options' => array( 'content' => '

' . esc_html__( 'Food description', 'restaurantpress' ) . '

' . '

' . esc_html__( 'This is your food main body of content. Here you should describe your food in detail.', 'restaurantpress' ) . '

', 'position' => array( 'edge' => 'bottom', 'align' => 'middle', ), ), ), 'regular_price' => array( 'target' => "#_regular_price", 'next' => 'postexcerpt', 'next_trigger' => array( 'target' => "#_regular_price", 'event' => 'input', ), 'options' => array( 'content' => '

' . esc_html__( 'Prices', 'restaurantpress' ) . '

' . '

' . esc_html__( 'Next you need to give your food a price.', 'restaurantpress' ) . '

', 'position' => array( 'edge' => 'bottom', 'align' => 'middle', ), ), ), 'postexcerpt' => array( 'target' => "#postexcerpt", 'next' => 'postimagediv', 'next_trigger' => array( 'target' => "#postexcerpt", 'event' => 'input', ), 'options' => array( 'content' => '

' . esc_html__( 'Food short description', 'restaurantpress' ) . '

' . '

' . esc_html__( 'Add a quick summary for your food here. This will appear on the menu item page under the food name.', 'restaurantpress' ) . '

', 'position' => array( 'edge' => 'bottom', 'align' => 'middle', ), ), ), 'postimagediv' => array( 'target' => "#postimagediv", 'next' => 'food_menu_tag', 'options' => array( 'content' => '

' . esc_html__( 'Food images', 'restaurantpress' ) . '

' . '

' . esc_html__( "Upload or assign an image to your food here. This image will be shown in your restaurant's catalog.", 'restaurantpress' ) . '

', 'position' => array( 'edge' => 'right', 'align' => 'middle', ), ), ), 'food_menu_tag' => array( 'target' => "#tagsdiv-food_menu_tag", 'next' => 'food_menu_catdiv', 'options' => array( 'content' => '

' . esc_html__( 'Food tags', 'restaurantpress' ) . '

' . '

' . esc_html__( 'You can optionally "tag" your foods here. Tags are a method of labeling your foods to make them easier for customers to find.', 'restaurantpress' ) . '

', 'position' => array( 'edge' => 'right', 'align' => 'middle', ), ), ), 'food_menu_catdiv' => array( 'target' => "#food_menu_catdiv", 'next' => 'submitdiv', 'options' => array( 'content' => '

' . esc_html__( 'Food categories', 'restaurantpress' ) . '

' . '

' . esc_html__( 'Optionally assign categories to your foods to make them easier to browse through and find in your restaurant.', 'restaurantpress' ) . '

', 'position' => array( 'edge' => 'right', 'align' => 'middle', ), ), ), 'submitdiv' => array( 'target' => "#submitdiv", 'next' => '', 'options' => array( 'content' => '

' . esc_html__( 'Publish your menu item!', 'restaurantpress' ) . '

' . '

' . esc_html__( 'When you are finished editing your menu item, hit the "Publish" button to publish your menu item to your restaurant.', 'restaurantpress' ) . '

', 'position' => array( 'edge' => 'right', 'align' => 'middle', ), ), ), ), ); $this->enqueue_pointers( $pointers ); } /** * Enqueue pointers and add script to page. * @param array $pointers */ public function enqueue_pointers( $pointers ) { $pointers = wp_json_encode( $pointers ); wp_enqueue_style( 'wp-pointer' ); wp_enqueue_script( 'wp-pointer' ); rp_enqueue_js( " jQuery( function( $ ) { var rp_pointers = {$pointers}; setTimeout( init_rp_pointers, 800 ); function init_rp_pointers() { $.each( rp_pointers.pointers, function( i ) { show_rp_pointer( i ); return false; }); } function show_rp_pointer( id ) { var pointer = rp_pointers.pointers[ id ]; var options = $.extend( pointer.options, { pointerClass: 'wp-pointer rp-pointer', close: function() { if ( pointer.next ) { show_rp_pointer( pointer.next ); } }, buttons: function( event, t ) { var close = '" . esc_js( __( 'Dismiss', 'restaurantpress' ) ) . "', next = '" . esc_js( __( 'Next', 'restaurantpress' ) ) . "', button = $( '' + close + '' ), button2 = $( '' + next + '' ), wrapper = $( '
' ); button.bind( 'click.pointer', function(e) { e.preventDefault(); t.element.pointer('destroy'); }); button2.bind( 'click.pointer', function(e) { e.preventDefault(); t.element.pointer('close'); }); wrapper.append( button ); wrapper.append( button2 ); return wrapper; }, } ); var this_pointer = $( pointer.target ).pointer( options ); this_pointer.pointer( 'open' ); if ( pointer.next_trigger ) { $( pointer.next_trigger.target ).on( pointer.next_trigger.event, function() { setTimeout( function() { this_pointer.pointer( 'close' ); }, 400 ); }); } } }); " ); } } new RP_Admin_Pointers();