WordPress.org
Get WordPress

Making WordPress.org

Changeset 8550


Ignore:
Timestamp:
03/28/2019 01:36:34 PM (5 years ago)
Author:
vedjain
Message:

WordCamp Block: Applied coding standards for JavaScript

Location:
sites/trunk/wordcamp.org/public_html/wp-content/mu-plugins/blocks
Files:
13 edited

Legend:

Unmodified
Added
Removed

  • sites/trunk/wordcamp.org/public_html/wp-content/mu-plugins/blocks/assets/src/organizers/edit.js

    r8515 r8550  
    118118    return {
    119119        blockData,
    120         organizerPosts : getEntityRecords( 'postType', 'wcb_organizer', organizersQuery ),
     120        organizerPosts: getEntityRecords( 'postType', 'wcb_organizer', organizersQuery ),
    121121    };
    122122};

  • sites/trunk/wordcamp.org/public_html/wp-content/mu-plugins/blocks/assets/src/sessions/block-content.js

    r8527 r8550  
    164164                        { show_images &&
    165165                            <FeaturedImage
    166                                 className={'wordcamp-session-image-container align-' + decodeEntities( image_align )  }
    167                                 size={featuredImageSize}
    168                                 wpMediaDetails={ get( post, "_embedded.wp:featuredmedia[0].media_details.sizes", {} ) }
    169                                 alt={post.title.rendered}
     166                                className={ 'wordcamp-session-image-container align-' + decodeEntities( image_align )  }
     167                                size={ featuredImageSize }
     168                                wpMediaDetails={ get( post, '_embedded.wp:featuredmedia[0].media_details.sizes', {} ) }
     169                                alt={ post.title.rendered }
    170170                                { ...this.props }
    171171                            />

  • sites/trunk/wordcamp.org/public_html/wp-content/mu-plugins/blocks/assets/src/sessions/inspector-controls.js

    r8514 r8550  
    6868
    6969                <FeaturedImageInspectorControls
    70                     title = { __( 'Image size', 'wordcamporg' ) }
    71                     help = { __( 'Specify image height and width, or select a predefined size.', 'wordcamporg' ) }
    72                     selectLabel = { __( 'Size', 'wordcamporg') }
     70                    title={ __( 'Image size', 'wordcamporg' ) }
     71                    help={ __( 'Specify image height and width, or select a predefined size.', 'wordcamporg' ) }
     72                    selectLabel={ __( 'Size', 'wordcamporg' ) }
    7373                    { ...this.props }
    7474                />

  • sites/trunk/wordcamp.org/public_html/wp-content/mu-plugins/blocks/assets/src/shared/featured-image/index.js

    r8506 r8550  
    1313 */
    1414export default class FeaturedImage extends Component {
    15 
    1615    /**
    1716     * @param props Props for function.
    … …  
    3130     */
    3231    getFullImage() {
    33 
    3432        const availableSizes = this.props.wpMediaDetails;
    3533
    … …  
    4038        }
    4139
    42         if ( availableSizes.hasOwnProperty( 'full' ) && availableSizes['full'].hasOwnProperty( 'source_url' ) ) {
    43             this.setState( { selectedImage: availableSizes['full'] } );
    44             return availableSizes[ 'full' ];
     40        if ( availableSizes.hasOwnProperty( 'full' ) && availableSizes.full.hasOwnProperty( 'source_url' ) ) {
     41            this.setState( { selectedImage: availableSizes.full } );
     42            return availableSizes.full;
    4543        }
    4644
    47         let widestImage = { source_url : '' };
     45        let widestImage = { source_url: '' };
    4846
    4947        for ( const size in availableSizes ) {
    … …  
    5250            }
    5351
    54             if ( availableSizes[ size ]['width'] > ( widestImage[ 'width '] || 0 ) && availableSizes[ size ].hasOwnProperty( 'source_url' ) ) {
     52            if ( availableSizes[ size ].width > ( widestImage[ 'width' ] || 0 ) && availableSizes[ size ].hasOwnProperty( 'source_url' ) ) {
    5553                widestImage = availableSizes[ size ];
    5654            }
    … …  
    6563     * Renders FeaturedImage component.
    6664     *
    67      * @returns {*}
     65     * @return {*}
    6866     */
    6967    render() {
    … …  
    7371        const image = this.getFullImage();
    7472
    75         const width = featured_image_width || 150 ;
     73        const width = featured_image_width || 150;
    7674
    77         return(
     75        return (
    7876            <img
    7977                className={ classnames( 'wordcamp-featured-image', className ) }
    80                 src = { image['source_url'] }
    81                 alt = { alt }
    82                 width = { width + 'px' }
     78                src={ image.source_url }
     79                alt={ alt }
     80                width={ width + 'px' }
    8381            />
    84         )
     82        );
    8583    }
    8684}

  • sites/trunk/wordcamp.org/public_html/wp-content/mu-plugins/blocks/assets/src/shared/featured-image/inspector-control.js

    r8506 r8550  
    3434        label : __( '(Custom)', 'wordcamporg' ),
    3535        value : '',
    36     }
     36    },
    3737];
    3838
    … …  
    4141 */
    4242class FeaturedImageInspectorControls extends Component {
    43 
    4443    componentWillMount() {
    45         this.availableSizes = sizePresets.map( (size) => size.value );
     44        this.availableSizes = sizePresets.map( ( size ) => size.value );
    4645    }
    4746
    … …  
    5554
    5655    render() {
    57 
    5856        const { attributes, setAttributes, title, help, selectLabel, cropLabel } = this.props;
    5957        const { featured_image_width } = attributes;
    … …  
    6159        return (
    6260            <PanelBody
    63                 title = { title }
    64                 initialopen = { false }
     61                title={ title }
     62                initialopen={ false }
    6563            >
    6664                <PanelRow>
    6765                    <BaseControl
    68                         help = { help }
     66                        help={ help }
    6967                    >
    7068                        <PanelRow>
    … …  
    7876                        <PanelRow>
    7977                            <TextControl
    80                                 label = { __('Width (in px)', 'wordcamporg' ) }
    81                                 type = 'number'
    82                                 value = { featured_image_width }
    83                                 onChange = { ( width ) => setAttributes( { featured_image_width: Number( width ) } ) }
     78                                label={ __( 'Width (in px)', 'wordcamporg' ) }
     79                                type="number"
     80                                value={ featured_image_width }
     81                                onChange={ ( width ) => setAttributes( { featured_image_width: Number( width ) } ) }
    8482                            />
    8583                        </PanelRow>

  • sites/trunk/wordcamp.org/public_html/wp-content/mu-plugins/blocks/assets/src/shared/grid-layout/block-content.js

    r8517 r8550  
    1818 */
    1919class GridContentLayout extends Component {
    20 
    2120    render() {
    2221        const { attributes, className, children } = this.props;
    … …  
    4443                                    { childComponent }
    4544                                </li>
    46                             )
     45                            );
    4746                        }
    4847                    )
    … …  
    5150        );
    5251    }
    53 
    5452}
    5553

  • sites/trunk/wordcamp.org/public_html/wp-content/mu-plugins/blocks/assets/src/shared/grid-layout/inspector-control.js

    r8517 r8550  
    88const DEFAULT_SCHEMA = {
    99    grid_columns: {
    10         default: 2,
    11         minimum: 2,
    12         maximum: 4,
     10        default : 2,
     11        minimum : 2,
     12        maximum : 4,
    1313    },
    1414};
    … …  
    1717 */
    1818class GridInspectorControl extends Component {
    19 
    2019    render() {
    2120        const { attributes, setAttributes } = this.props;
    … …  
    2726        const schema = DEFAULT_SCHEMA;
    2827
    29         return(
     28        return (
    3029            <PanelBody>
    3130                <PanelBody
    32                     title={__('Layout', 'wordcamporg')}
    33                     initialOpen={true}
     31                    title={ __( 'Layout', 'wordcamporg' ) }
     32                    initialOpen={ true }
    3433                >
    3534                    <PanelRow>
    3635                        <RangeControl
    37                             label={__('Grid Columns', 'wordcamporg')}
     36                            label={ __( 'Grid Columns', 'wordcamporg' ) }
    3837                            value={ Number( grid_columns ) }
    3938                            min={ schema.grid_columns.minimum }
    4039                            max={ schema.grid_columns.maximum }
    4140                            initialPosition={ schema.grid_columns.default }
    42                             onChange={(option) => setAttributes(
    43                                 {grid_columns: option})}
     41                            onChange={ ( option ) => setAttributes(
     42                                { grid_columns: option } ) }
    4443                        />
    4544                    </PanelRow>

  • sites/trunk/wordcamp.org/public_html/wp-content/mu-plugins/blocks/assets/src/shared/grid-layout/toolbar.js

    r8517 r8550  
    1414 */
    1515class GridToolbar extends Component {
    16 
    1716    render() {
    1817        const { attributes, setAttributes } = this.props;
    … …  
    2019        const layoutOptions = [
    2120            {
    22                 value: 'grid',
    23                 label: __('Grid', 'wordcamporg'),
    24                 isActive: layout === 'grid'
     21                value    : 'grid',
     22                label    : __( 'Grid', 'wordcamporg' ),
     23                isActive : layout === 'grid',
    2524            },
    2625            {
    27                 value: 'list',
    28                 label: __('List', 'wordcamporg'),
    29                 isActive: layout === 'grid'
     26                value    : 'list',
     27                label    : __( 'List', 'wordcamporg' ),
     28                isActive : layout === 'grid',
    3029            },
    3130        ];
    … …  
    3433            <BlockControls>
    3534                <Toolbar
    36                     controls={layoutOptions.map((option) => {
    37                         const icon = `${option.value}-view`;
     35                    controls={ layoutOptions.map( ( option ) => {
     36                        const icon = `${ option.value }-view`;
    3837                        const isActive = layout === option.value;
    3938
    4039                        return {
    41                             icon: icon,
    42                             title: option.label,
    43                             isActive: isActive,
    44                             onClick: () => {
     40                            icon     : icon,
     41                            title    : option.label,
     42                            isActive : isActive,
     43                            onClick  : () => {
    4544                                setAttributes(
    4645                                    {
    47                                         layout: option.value,
    48                                         grid_columns: option.value === 'grid' ? 2 : 1,
     46                                        layout       : option.value,
     47                                        grid_columns : option.value === 'grid' ? 2 : 1,
    4948                                    }
    5049                                );
    5150                            },
    5251                        };
    53                     })}
     52                    } ) }
    5453                />
    5554            </BlockControls>

  • sites/trunk/wordcamp.org/public_html/wp-content/mu-plugins/blocks/assets/src/sponsors/block-content.js

    r8539 r8550  
    2323 * @param attributes
    2424 * @param onFeatureImageChange
    25  * @returns {*}
     25 * @return {*}
    2626 * @constructor
    2727 */
    2828function SponsorDetail( { sponsorPost, attributes, onFeatureImageChange } ) {
    29 
    3029    const {
    31         show_name, show_logo, show_desc
     30        show_name, show_logo, show_desc,
    3231    } = attributes;
    3332
    34     const featuredImageSizes = get( sponsorPost, "_embedded.wp:featuredmedia[0].media_details.sizes", {} );
     33    const featuredImageSizes = get( sponsorPost, '_embedded.wp:featuredmedia[0].media_details.sizes', {} );
    3534
    3635    return (
    37         <div className={ "wordcamp-sponsor-details wordcamp-sponsor-details-" + sponsorPost.slug }>
     36        <div className={ 'wordcamp-sponsor-details wordcamp-sponsor-details-' + sponsorPost.slug }>
    3837
    3938            { ( show_name || show_name === undefined ) &&
    4039            <ItemTitle
    41                 className='wordcamp-sponsor-title'
     40                className="wordcamp-sponsor-title"
    4241                headingLevel={ 3 }
    4342                title={ sponsorPost.title.rendered.trim() }
    … …  
    4746            { ( show_logo || show_logo === undefined ) &&
    4847            <FeaturedImage
    49                 className={"wordcamp-sponsor-featured-image wordcamp-sponsor-logo"}
    50                 wpMediaDetails={featuredImageSizes}
    51                 alt={sponsorPost.title.rendered}
    52                 attributes={attributes}
     48                className={ 'wordcamp-sponsor-featured-image wordcamp-sponsor-logo' }
     49                wpMediaDetails={ featuredImageSizes }
     50                alt={ sponsorPost.title.rendered }
     51                attributes={ attributes }
    5352            />
    5453            }
    … …  
    6766 */
    6867class SponsorBlockContent extends Component {
    69 
    7068    constructor( props ) {
    7169        super();
    7270
    7371        this.state = {
    74             selectedPosts: [],
    75             sortBy: 'name_asc',
     72            selectedPosts : [],
     73            sortBy        : 'name_asc',
    7674        };
    7775    }
    … …  
    8583     * @param imageURL
    8684     */
    87     setFeaturedImageURL( sponsorId, imageURL) {
     85    setFeaturedImageURL( sponsorId, imageURL ) {
    8886        const sponsor_image_urls = this.sponsorImageUrl || {};
    8987        sponsor_image_urls[ sponsorId ] = imageURL;
    … …  
    9997        const { selectedPosts: newSelectedPosts, attributes: newAttributes, sponsorTermOrder: newSponsorTermOrder } = nextProps;
    10098        const { sort_by: newSortBy } = newAttributes;
    101         const newSelectedPostIds = newSelectedPosts.map( post => post.id ).sort();
     99        const newSelectedPostIds = newSelectedPosts.map( ( post ) => post.id ).sort();
    102100
    103101        const { selectedPosts, sortBy } = this.state;
    104         const selectedPostsIds = selectedPosts.map( post => post.id ).sort();
     102        const selectedPostsIds = selectedPosts.map( ( post ) => post.id ).sort();
    105103
    106104        if ( sortBy === newSortBy && newSelectedPosts.length === selectedPosts.length && difference( selectedPostsIds, newSelectedPostIds ).length === 0 ) {
    … …  
    118116                }
    119117                sortedPosts = newSelectedPosts.sort( ( sponsor1, sponsor2 ) => {
    120                     return newSponsorTermOrder.indexOf( ( sponsor1.sponsor_level || [] )[0] ) - newSponsorTermOrder.indexOf( ( sponsor2.sponsor_level || [] )[0] )
     118                    return newSponsorTermOrder.indexOf( ( sponsor1.sponsor_level || [] )[ 0 ] ) - newSponsorTermOrder.indexOf( ( sponsor2.sponsor_level || [] )[ 0 ] );
    121119                } );
    122120                break;
    … …  
    126124                    const title1 = sponsor1.title.rendered.trim();
    127125                    const title2 = sponsor2.title.rendered.trim();
    128                     return title1 > title2 ? -1 : 1 ;
     126                    return title1 > title2 ? -1 : 1;
    129127                } );
    130128                break;
    … …  
    135133                    const title1 = sponsor1.title.rendered.trim();
    136134                    const title2 = sponsor2.title.rendered.trim();
    137                     return title1 < title2 ? -1 : 1 ;
     135                    return title1 < title2 ? -1 : 1;
    138136                } );
    139137                break;
    … …  
    141139        this.setState(
    142140            {
    143                 selectedPosts: sortedPosts,
    144                 sortBy: newSortBy,
     141                selectedPosts : sortedPosts,
     142                sortBy        : newSortBy,
    145143            }
    146144        );
    … …  
    150148     * Renders Sponsor Block content inside editor.
    151149     *
    152      * @returns {*}
     150     * @return {*}
    153151     */
    154152    render() {
    … …  
    163161                    selectedPosts.map( ( post ) => {
    164162                        return (
    165                                 <SponsorDetail
    166                                     sponsorPost={ post }
    167                                     attributes={ attributes }
    168                                 />
    169                         )
     163                            <SponsorDetail
     164                                sponsorPost={ post }
     165                                attributes={ attributes }
     166                            />
     167                        );
    170168                    } )
    171169                }
    172170            </GridContentLayout>
    173         )
     171        );
    174172    }
    175 
    176173}
    177174

  • sites/trunk/wordcamp.org/public_html/wp-content/mu-plugins/blocks/assets/src/sponsors/block-controls.js

    r8540 r8550  
    1010 * Internal dependencies.
    1111 */
    12 import { BlockControls, PlaceholderNoContent } from "../shared/block-controls";
     12import { BlockControls, PlaceholderNoContent } from '../shared/block-controls';
    1313import SponsorBlockContent from './block-content';
    14 import ItemSelect from '../shared/item-select'
     14import ItemSelect from '../shared/item-select';
    1515import { LABEL } from './index';
    1616
    … …  
    2020    if ( 'post' === option.type ) {
    2121        return SponsorPostOption( option );
    22     } else {
    23         return SponsorLevelOption( option );
    24     }
     22    }
     23    return SponsorLevelOption( option );
    2524}
    2625
    2726function SponsorPostOption( sponsor ) {
    2827    const imageUrl = get( sponsor.featuredImageData, 'sizes.thumbnail.source_url', false );
    29     return(
     28    return (
    3029        <span>
    3130            { sponsor.label }
    … …  
    3534
    3635function SponsorLevelOption( sponsorLevel ) {
    37     return(
     36    return (
    3837        <span className="wordcamp-item-select-option-label">
    3938            { sponsorLevel.label }
    … …  
    4948 */
    5049class SponsorBlockControls extends BlockControls {
    51 
    5250    constructor( props ) {
    53         super(props);
     51        super( props );
    5452        this.state = {
    55             posts   : [],
    56             terms   : [],
    57             loading : true,
    58             selectedPosts : [],
    59             sponsorTermOrder : []
     53            posts            : [],
     54            terms            : [],
     55            loading          : true,
     56            selectedPosts    : [],
     57            sponsorTermOrder : [],
    6058        };
    6159    }
    … …  
    8886                    break;
    8987                case 'specific_terms':
    90                     if ( intersection( term_ids, post.sponsor_level || [] ) .length ) {
     88                    if ( intersection( term_ids, post.sponsor_level || [] ).length ) {
    9189                        selectedPosts.push( post );
    9290                    }
    … …  
    110108        const parsedPosts = sponsorPosts.then(
    111109            ( fetchedPosts ) => {
    112 
    113110                const posts = fetchedPosts.map(
    114111                    ( post ) => {
    115 
    116112                        return {
    117                             label: decodeEntities(post.title.rendered.trim()) ||
    118                                 __('(Untitled)', 'wordcamporg'),
    119                             value: post.id,
    120                             type: 'post',
    121                             featuredImageData: get( post,
    122                             '_embedded.wp:featuredmedia[0].media_details', '' ),
    123                         }
     113                            label: decodeEntities( post.title.rendered.trim() ) ||
     114                                __( '(Untitled)', 'wordcamporg' ),
     115                            value             : post.id,
     116                            type              : 'post',
     117                            featuredImageData : get( post,
     118                                '_embedded.wp:featuredmedia[0].media_details', '' ),
     119                        };
    124120                    }
    125121                );
    … …  
    129125                }
    130126            }
    131         ).catch( (e) => {
    132             console.error("Error fetching data", e );
    133         });
     127        ).catch( ( e ) => {
     128            console.error( 'Error fetching data', e );
     129        } );
    134130
    135131        const parsedTerms = sponsorLevels.then(
    … …  
    149145                }
    150146            }
    151         ).catch( (e) => {
    152             console.error("Error fetching data", e );
    153         });
     147        ).catch( ( e ) => {
     148            console.error( 'Error fetching data', e );
     149        } );
    154150
    155151        const parsedSettings = siteSettings.then(
    … …  
    183179
    184180        if ( newValue && chosen ) {
    185 
    186181            switch ( chosen ) {
    187182                case 'post' :
    … …  
    243238            return (
    244239                <PlaceholderNoContent
    245                     label = { LABEL }
    246                     loading = { () => {
     240                    label={ LABEL }
     241                    loading={ () => {
    247242                        return ! Array.isArray( sponsorPosts );
    248243                    } }
    249244                />
    250             )
     245            );
    251246        }
    252247
    … …  
    275270                <SponsorBlockContent
    276271                    selectedPosts={ selectedPosts }
    277                     sponsorTermOrder = { sponsorTermOrder }
    278                     {...this.props}
     272                    sponsorTermOrder={ sponsorTermOrder }
     273                    { ...this.props }
    279274                />
    280275
    281                 {'all' !== mode &&
     276                { 'all' !== mode &&
    282277                    <Placeholder
    283278                        icon={ icon }
    284                         label = { __('Sponsors', 'wordcamporg') }
     279                        label={ __( 'Sponsors', 'wordcamporg' ) }
    285280                    >
    286                         <div className='' >
     281                        <div className="" >
    287282                            <Button
    288283                                isDefault
    289284                                isLarge
    290                                 onClick = {
     285                                onClick={
    291286                                    () => {
    292287                                        setAttributes( { mode: 'all' } );
    … …  
    295290                                }
    296291                            >
    297                                 { __('List all sponsors', 'wordcamporg') }
     292                                { __( 'List all sponsors', 'wordcamporg' ) }
    298293                            </Button>
    299294                        </div>
    … …  
    302297                                buildSelectOptions={
    303298                                    () => {
    304                                         return this.buildSelectOptions()
     299                                        return this.buildSelectOptions();
    305300                                    }
    306301                                }
    307                                 isLoading={this.state.loading}
     302                                isLoading={ this.state.loading }
    308303                                onChange={
    309                                     (selectedOptions) => {
    310                                         return this.onChange(selectedOptions);
     304                                    ( selectedOptions ) => {
     305                                        return this.onChange( selectedOptions );
    311306                                    }
    312307                                }
    313308                                selectProps={
    314309                                    {
    315                                         formatOptionLabel: (optionData) => {
     310                                        formatOptionLabel: ( optionData ) => {
    316311                                            return (
    317                                                 <SponsorOption {...optionData} />
     312                                                <SponsorOption { ...optionData } />
    318313                                            );
    319                                         }
     314                                        },
    320315                                    }
    321316                                }
    322                                 label={__('Or, choose specific sponsors or levels',
    323                                     'wordcamporg')}
     317                                label={ __( 'Or, choose specific sponsors or levels',
     318                                    'wordcamporg' ) }
    324319                                value={ selectedOptions }
    325                                 {...this.props}
     320                                { ...this.props }
    326321                            />
    327322                        </div>
    … …  
    331326        );
    332327    }
    333 
    334328}
    335329

  • sites/trunk/wordcamp.org/public_html/wp-content/mu-plugins/blocks/assets/src/sponsors/edit.js

    r8526 r8550  
    1818
    1919class SponsorsEdit extends Component {
    20 
    2120    /**
    2221     * Constructor for SponsorsEdit block.
    … …  
    3231    componentWillMount() {
    3332        const sponsorQuery = {
    34             orderby : 'title',
    35             order   : 'asc',
    36             per_page: MAX_PAGE,
    37             _embed  : true,
     33            orderby  : 'title',
     34            order    : 'asc',
     35            per_page : MAX_PAGE,
     36            _embed   : true,
    3837        };
    3938
    4039        const sponsorLevelQuery = {
    41             orderby : 'id',
    42             order: 'asc',
    43             per_page: MAX_PAGE,
    44             _embed: true
     40            orderby  : 'id',
     41            order    : 'asc',
     42            per_page : MAX_PAGE,
     43            _embed   : true,
    4544        };
    4645
    4746        this.setState(
    4847            {
    49                 sponsorPosts: apiFetch( { path: addQueryArgs( '/wp/v2/sponsors', sponsorQuery ) } ),
    50                 sponsorLevels: apiFetch( { path: addQueryArgs( '/wp/v2/sponsor_level', sponsorLevelQuery ) } ),
    51                 siteSettings: apiFetch( { path: addQueryArgs( '/wp/v2/settings', {} ) } ),
     48                sponsorPosts  : apiFetch( { path: addQueryArgs( '/wp/v2/sponsors', sponsorQuery ) } ),
     49                sponsorLevels : apiFetch( { path: addQueryArgs( '/wp/v2/sponsor_level', sponsorLevelQuery ) } ),
     50                siteSettings  : apiFetch( { path: addQueryArgs( '/wp/v2/settings', {} ) } ),
    5251            }
    5352        );
    … …  
    6766                    <SponsorBlockControls
    6867                        icon={ SPONSORS_ICON }
    69                         sponsorPosts = { sponsorPosts }
    70                         sponsorLevels = { sponsorLevels }
    71                         siteSettings = { siteSettings }
     68                        sponsorPosts={ sponsorPosts }
     69                        sponsorLevels={ sponsorLevels }
     70                        siteSettings={ siteSettings }
    7271                        { ...this.props }
    7372                    />
    … …  
    7574                <Fragment>
    7675                    <SponsorInspectorControls
    77                         sponsorPosts = { sponsorPosts }
    78                         sponsorLevels = { sponsorLevels }
    79                         {...this.props}
     76                        sponsorPosts={ sponsorPosts }
     77                        sponsorLevels={ sponsorLevels }
     78                        { ...this.props }
    8079                    />
    81                     {mode &&
     80                    { mode &&
    8281                    <GridToolbar
    83                         {...this.props}
     82                        { ...this.props }
    8483                    />
    8584                    }
    8685                </Fragment>
    8786            </Fragment>
    88         )
     87        );
    8988    }
    9089}

  • sites/trunk/wordcamp.org/public_html/wp-content/mu-plugins/blocks/assets/src/sponsors/inspector-controls.js

    r8538 r8550  
    1717 */
    1818class SponsorInspectorControls extends Component {
    19 
    2019    /**
    2120     * Renders inspector controls.
    2221     */
    2322    render() {
    24 
    2523        const sortOptions = [
    26             { label : __( 'Name (A to Z)', 'wordcamporg' ), value : 'name_asc' },
    27             { label : __( 'Name (Z to A)', 'wordcamporg' ), value : 'name_desc' },
    28             { label : __( 'Sponsor Level', 'wordcamporg' ), value : 'sponsor_level' },
     24            { label: __( 'Name (A to Z)', 'wordcamporg' ), value: 'name_asc' },
     25            { label: __( 'Name (Z to A)', 'wordcamporg' ), value: 'name_desc' },
     26            { label: __( 'Sponsor Level', 'wordcamporg' ), value: 'sponsor_level' },
    2927        ];
    3028
    3129        const { attributes, setAttributes } = this.props;
    3230        const {
    33             show_name, show_logo, show_desc, sort_by
     31            show_name, show_logo, show_desc, sort_by,
    3432        } = attributes;
    3533
    … …  
    4038                />
    4139                <PanelBody
    42                     title = { __( 'Content Settings', 'wordcamporg' ) }
    43                     initialOpen = { true }
     40                    title={ __( 'Content Settings', 'wordcamporg' ) }
     41                    initialOpen={ true }
    4442                >
    4543                    <PanelRow>
    4644                        <ToggleControl
    47                             label = { __( 'Name', 'wordcamporg' ) }
    48                             help = { __( 'Show or hide sponsor name', 'wordcamporg' ) }
    49                             checked = { show_name === undefined ? true : show_name }
     45                            label={ __( 'Name', 'wordcamporg' ) }
     46                            help={ __( 'Show or hide sponsor name', 'wordcamporg' ) }
     47                            checked={ show_name === undefined ? true : show_name }
    5048                            onChange={ ( value ) => setAttributes( { show_name: value } ) }
    5149                        />
    … …  
    5351                    <PanelRow>
    5452                        <ToggleControl
    55                             label = { __( 'Logo', 'wordcamporg' ) }
    56                             help = { __( 'Show or hide sponsor logo', 'wordcamporg' ) }
    57                             checked = { show_logo === undefined ? true : show_logo }
     53                            label={ __( 'Logo', 'wordcamporg' ) }
     54                            help={ __( 'Show or hide sponsor logo', 'wordcamporg' ) }
     55                            checked={ show_logo === undefined ? true : show_logo }
    5856                            onChange={ ( value ) => setAttributes( { show_logo: value } ) }
    5957                        />
    … …  
    6159                    <PanelRow>
    6260                        <ToggleControl
    63                             label = { __( 'Description', 'wordcamporg' ) }
    64                             help = { __( 'Show or hide sponsor description', 'wordcamporg' ) }
    65                             checked = { show_desc === undefined ? true : show_desc }
     61                            label={ __( 'Description', 'wordcamporg' ) }
     62                            help={ __( 'Show or hide sponsor description', 'wordcamporg' ) }
     63                            checked={ show_desc === undefined ? true : show_desc }
    6664                            onChange={ ( value ) => setAttributes( { show_desc: value } ) }
    6765                        />
    … …  
    6967                    <PanelRow>
    7068                        <SelectControl
    71                             label = { __( 'Sort by', 'wordcamporg' ) }
    72                             options = { sortOptions }
    73                             value = { sort_by || 'name_asc' }
     69                            label={ __( 'Sort by', 'wordcamporg' ) }
     70                            options={ sortOptions }
     71                            value={ sort_by || 'name_asc' }
    7472                            onChange={ ( value ) => setAttributes( { sort_by: value } ) }
    75                             help = { __( 'Configure sponsor levels from the Sponsor -> Order Sponsor Levels page.', 'wordcamporg' ) }
     73                            help={ __( 'Configure sponsor levels from the Sponsor -> Order Sponsor Levels page.', 'wordcamporg' ) }
    7674                        />
    7775                    </PanelRow>
    7876                </PanelBody>
    7977                <FeaturedImageInspectorControls
    80                     title = { __( 'Logo size', 'wordcamporg' ) }
    81                     help = { __( 'Specify logo width, or select a predefined size.', 'wordcamporg' ) }
    82                     selectLabel = { __( 'Size', 'wordcamporg') }
     78                    title={ __( 'Logo size', 'wordcamporg' ) }
     79                    help={ __( 'Specify logo width, or select a predefined size.', 'wordcamporg' ) }
     80                    selectLabel={ __( 'Size', 'wordcamporg' ) }
    8381                    { ...this.props }
    8482                />
    8583            </InspectorControls>
    86         )
     84        );
    8785    }
    8886}

  • sites/trunk/wordcamp.org/public_html/wp-content/mu-plugins/blocks/webpack.config.js

    r8524 r8550  
    55const NODE_ENV = process.env.NODE_ENV || 'development';
    66const SOURCE_MAPS = process.env.SOURCE_MAPS ? true : false;
    7 
    87
    98const externals = {
Note: See TracChangeset for help on using the changeset viewer.