-
Notifications
You must be signed in to change notification settings - Fork 2k
/
index.js
71 lines (65 loc) · 2 KB
/
index.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
/* global fullSiteEditing */
/**
* External dependencies
*/
import { get } from 'lodash';
/**
* WordPress dependencies
*/
import { PanelBody } from '@wordpress/components';
import { compose } from '@wordpress/compose';
import { withDispatch, withSelect } from '@wordpress/data';
import { PluginSidebar, PluginSidebarMoreMenuItem } from '@wordpress/edit-post';
import { Fragment } from '@wordpress/element';
import { __ } from '@wordpress/i18n';
import { registerPlugin } from '@wordpress/plugins';
/**
* Internal dependencies
*/
import PostAutocomplete from '../../components/post-autocomplete';
const TemplateSelectorSidebar = compose(
withDispatch( dispatch => ( {
setTemplateId: templateId =>
dispatch( 'core/editor' ).editPost( { meta: { _wp_template_id: templateId } } ),
} ) ),
withSelect( select => {
const { canUser, getEntityRecord } = select( 'core' );
const templateId = get(
select( 'core/editor' ).getEditedPostAttribute( 'meta' ),
'_wp_template_id'
);
return {
canUserUpdateSettings: canUser( 'update', 'settings' ),
selectedTemplate: templateId && getEntityRecord( 'postType', 'wp_template', templateId ),
};
} )
)( ( { canUserUpdateSettings, setTemplateId, selectedTemplate } ) => {
if ( ! canUserUpdateSettings ) {
return null;
}
const onSelectTemplate = ( { id } ) => {
setTemplateId( parseInt( id, 10 ) );
};
return (
<Fragment>
<PluginSidebarMoreMenuItem target="fse-template-sidebar" icon="layout">
{ __( 'Template' ) }
</PluginSidebarMoreMenuItem>
<PluginSidebar icon="layout" name="fse-template-sidebar" title={ __( 'Template' ) }>
<PanelBody>
{ __( 'Select a template' ) }
<PostAutocomplete
initialValue={ get( selectedTemplate, [ 'title', 'rendered' ] ) }
onSelectPost={ onSelectTemplate }
postType="wp_template"
/>
</PanelBody>
</PluginSidebar>
</Fragment>
);
} );
if ( 'page' === fullSiteEditing.editorPostType ) {
registerPlugin( 'fse-template-selector-sidebar', {
render: TemplateSelectorSidebar,
} );
}