WordPress.org
Get WordPress

Make WordPress Core

Ticket #49348: 49348.3.diff

File 49348.3.diff, 10.8 KB (added by jorgefilipecosta, 5 years ago)

  • src/wp-includes/blocks/navigation.php

     
     1<?php
     2/**
     3 * Server-side rendering of the `core/navigation` block.
     4 *
     5 * @package gutenberg
     6 */
     7
     8/**
     9 * Build an array with CSS classes and inline styles defining the colors
     10 * which will be applied to the navigation markup in the front-end.
     11 *
     12 * @param  array $attributes Navigation block attributes.
     13 * @return array Colors CSS classes and inline styles.
     14 */
     15function build_css_colors( $attributes ) {
     16        // CSS classes.
     17        $colors = array(
     18                'css_classes'   => array(),
     19                'inline_styles' => '',
     20        );
     21
     22        $has_named_text_color  = array_key_exists( 'textColor', $attributes );
     23        $has_custom_text_color = array_key_exists( 'customTextColor', $attributes );
     24
     25        // If has text color.
     26        if ( $has_custom_text_color || $has_named_text_color ) {
     27                // Add has-text-color class.
     28                $colors['css_classes'][] = 'has-text-color';
     29        }
     30
     31        if ( $has_named_text_color ) {
     32                // Add the color class.
     33                $colors['css_classes'][] = sprintf( 'has-%s-color', $attributes['textColor'] );
     34        } elseif ( $has_custom_text_color ) {
     35                // Add the custom color inline style.
     36                $colors['inline_styles'] = sprintf( 'color: %s;', $attributes['customTextColor'] );
     37        }
     38
     39        return $colors;
     40}
     41
     42/**
     43 * Build an array with CSS classes and inline styles defining the font sizes
     44 * which will be applied to the navigation markup in the front-end.
     45 *
     46 * @param  array $attributes Navigation block attributes.
     47 * @return array Font size CSS classes and inline styles.
     48 */
     49function build_css_font_sizes( $attributes ) {
     50        // CSS classes.
     51        $font_sizes = array(
     52                'css_classes'   => array(),
     53                'inline_styles' => '',
     54        );
     55
     56        $has_named_font_size  = array_key_exists( 'fontSize', $attributes );
     57        $has_custom_font_size = array_key_exists( 'customFontSize', $attributes );
     58
     59        if ( $has_named_font_size ) {
     60                // Add the font size class.
     61                $font_sizes['css_classes'][] = sprintf( 'has-%s-font-size', $attributes['fontSize'] );
     62        } elseif ( $has_custom_font_size ) {
     63                // Add the custom font size inline style.
     64                $font_sizes['inline_styles'] = sprintf( 'font-size: %spx;', $attributes['customFontSize'] );
     65        }
     66
     67        return $font_sizes;
     68}
     69
     70/**
     71 * Renders the `core/navigation` block on server.
     72 *
     73 * @param array $attributes The block attributes.
     74 * @param array $content The saved content.
     75 * @param array $block The parsed block.
     76 *
     77 * @return string Returns the post content with the legacy widget added.
     78 */
     79function render_block_navigation( $attributes, $content, $block ) {
     80        $colors          = build_css_colors( $attributes );
     81        $font_sizes      = build_css_font_sizes( $attributes );
     82        $classes         = array_merge(
     83                $colors['css_classes'],
     84                $font_sizes['css_classes'],
     85                array( 'wp-block-navigation' ),
     86                isset( $attributes['className'] ) ? array( $attributes['className'] ) : array(),
     87                isset( $attributes['itemsJustification'] ) ? array( 'items-justified-' . $attributes['itemsJustification'] ) : array(),
     88                isset( $attributes['align'] ) ? array( 'align' . $attributes['align'] ) : array()
     89        );
     90        $class_attribute = sprintf( ' class="%s"', esc_attr( implode( ' ', $classes ) ) );
     91        $style_attribute = ( $colors['inline_styles'] || $font_sizes['inline_styles'] )
     92                ? sprintf( ' style="%s"', esc_attr( $colors['inline_styles'] ) . esc_attr( $font_sizes['inline_styles'] ) )
     93                : '';
     94
     95        return sprintf(
     96                '<nav %1$s %2$s>%3$s</nav>',
     97                $class_attribute,
     98                $style_attribute,
     99                build_navigation_html( $block, $colors, $font_sizes )
     100        );
     101}
     102
     103/**
     104 * Walks the inner block structure and returns an HTML list for it.
     105 *
     106 * @param array $block      The block.
     107 * @param array $colors     Contains inline styles and CSS classes to apply to navigation item.
     108 * @param array $font_sizes Contains inline styles and CSS classes to apply to navigation item.
     109 *
     110 * @return string Returns  an HTML list from innerBlocks.
     111 */
     112function build_navigation_html( $block, $colors, $font_sizes ) {
     113        $html            = '';
     114        $classes         = array_merge(
     115                $colors['css_classes'],
     116                $font_sizes['css_classes']
     117        );
     118        $css_classes     = implode( ' ', $classes );
     119        $class_attribute = sprintf( ' class="wp-block-navigation-link__content %s"', esc_attr( trim( $css_classes ) ) );
     120        $style_attribute = ( $colors['inline_styles'] || $font_sizes['inline_styles'] )
     121                ? sprintf( ' style="%s"', esc_attr( $colors['inline_styles'] ) . esc_attr( $font_sizes['inline_styles'] ) )
     122                : '';
     123
     124        foreach ( (array) $block['innerBlocks'] as $key => $block ) {
     125
     126                $html .= '<li class="wp-block-navigation-link">' .
     127                        '<a' . $class_attribute . $style_attribute;
     128
     129                // Start appending HTML attributes to anchor tag.
     130                if ( isset( $block['attrs']['url'] ) ) {
     131                        $html .= ' href="' . esc_url( $block['attrs']['url'] ) . '"';
     132                }
     133                if ( isset( $block['attrs']['title'] ) ) {
     134                        $html .= ' title="' . esc_attr( $block['attrs']['title'] ) . '"';
     135                }
     136
     137                if ( isset( $block['attrs']['opensInNewTab'] ) && true === $block['attrs']['opensInNewTab'] ) {
     138                        $html .= ' target="_blank"  ';
     139                }
     140                // End appending HTML attributes to anchor tag.
     141
     142                // Start anchor tag content.
     143                $html .= '>';
     144                if ( isset( $block['attrs']['label'] ) ) {
     145                        $html .= esc_html( $block['attrs']['label'] );
     146                }
     147                $html .= '</a>';
     148                // End anchor tag content.
     149
     150                if ( count( (array) $block['innerBlocks'] ) > 0 ) {
     151                        $html .= build_navigation_html( $block, $colors, $font_sizes );
     152                }
     153
     154                $html .= '</li>';
     155        }
     156        return '<ul>' . $html . '</ul>';
     157}
     158
     159/**
     160 * Register the navigation block.
     161 *
     162 * @uses render_block_navigation()
     163 * @throws WP_Error An WP_Error exception parsing the block definition.
     164 */
     165function register_block_core_navigation() {
     166
     167        register_block_type(
     168                'core/navigation',
     169                array(
     170                        'attributes'      => array(
     171                                'className'          => array(
     172                                        'type' => 'string',
     173                                ),
     174                                'textColor'          => array(
     175                                        'type' => 'string',
     176                                ),
     177                                'customTextColor'    => array(
     178                                        'type' => 'string',
     179                                ),
     180                                'fontSize'           => array(
     181                                        'type' => 'string',
     182                                ),
     183                                'customFontSize'     => array(
     184                                        'type' => 'number',
     185                                ),
     186                                'itemsJustification' => array(
     187                                        'type' => 'string',
     188                                ),
     189                        ),
     190
     191                        'render_callback' => 'render_block_navigation',
     192                )
     193        );
     194}
     195add_action( 'init', 'register_block_core_navigation' );

  • src/wp-settings.php 

    Property changes on: src/wp-includes/blocks/navigation.php
___________________________________________________________________
Added: svn:eol-style
## -0,0 +1 ##
+native
\ No newline at end of property
     
    263263require( ABSPATH . WPINC . '/blocks/categories.php' );
    264264require( ABSPATH . WPINC . '/blocks/latest-comments.php' );
    265265require( ABSPATH . WPINC . '/blocks/latest-posts.php' );
     266require( ABSPATH . WPINC . '/blocks/navigation.php' );
    266267require( ABSPATH . WPINC . '/blocks/rss.php' );
    267268require( ABSPATH . WPINC . '/blocks/search.php' );
    268269require( ABSPATH . WPINC . '/blocks/shortcode.php' );

  • tests/phpunit/includes/functions.php

     
    301301        remove_action( 'init', 'register_block_core_categories' );
    302302        remove_action( 'init', 'register_block_core_latest_comments' );
    303303        remove_action( 'init', 'register_block_core_latest_posts' );
     304        remove_action( 'init', 'register_block_core_navigation' );
    304305        remove_action( 'init', 'register_block_core_rss' );
    305306        remove_action( 'init', 'register_block_core_search' );
    306307        remove_action( 'init', 'register_block_core_shortcode' );

  • tests/phpunit/tests/rest-api/rest-schema-setup.php

     
    126126                        '/wp/v2/block-renderer/(?P<name>core/categories)',
    127127                        '/wp/v2/block-renderer/(?P<name>core/latest-comments)',
    128128                        '/wp/v2/block-renderer/(?P<name>core/latest-posts)',
     129                        '/wp/v2/block-renderer/(?P<name>core/navigation)',
    129130                        '/wp/v2/block-renderer/(?P<name>core/rss)',
    130131                        '/wp/v2/block-renderer/(?P<name>core/search)',
    131132                        '/wp/v2/block-renderer/(?P<name>core/shortcode)',

  • tests/qunit/fixtures/wp-api-generated.js

     
    46324632                }
    46334633            ]
    46344634        },
     4635        "/wp/v2/block-renderer/(?P<name>core/navigation)": {
     4636            "namespace": "wp/v2",
     4637            "methods": [
     4638                "GET"
     4639            ],
     4640            "endpoints": [
     4641                {
     4642                    "methods": [
     4643                        "GET"
     4644                    ],
     4645                    "args": {
     4646                        "name": {
     4647                            "required": false,
     4648                            "description": "Unique registered name for the block.",
     4649                            "type": "string"
     4650                        },
     4651                        "context": {
     4652                            "required": false,
     4653                            "default": "view",
     4654                            "enum": [
     4655                                "edit"
     4656                            ],
     4657                            "description": "Scope under which the request is made; determines fields present in response.",
     4658                            "type": "string"
     4659                        },
     4660                        "attributes": {
     4661                            "required": false,
     4662                            "default": [],
     4663                            "description": "Attributes for core/navigation block",
     4664                            "type": "object"
     4665                        },
     4666                        "post_id": {
     4667                            "required": false,
     4668                            "description": "ID of the post context.",
     4669                            "type": "integer"
     4670                        }
     4671                    }
     4672                }
     4673            ]
     4674        },
    46354675        "/wp/v2/block-renderer/(?P<name>core/rss)": {
    46364676            "namespace": "wp/v2",
    46374677            "methods": [

  • tools/webpack/packages.js

     
    101101                'categories',
    102102                'latest-comments',
    103103                'latest-posts',
     104                'navigation',
    104105                'rss',
    105106                'search',
    106107                'shortcode',