FEATURE Refactoring block to handle render.php to be executed as template part by the theme
This commit is contained in:
Antoine M
parent
3e61f48018
commit
b2c9fe87a3
|
|
@ -21,6 +21,7 @@ return array(
|
|||
'editorStyle' => 'file:./index.css',
|
||||
'style' => 'file:./style-index.css',
|
||||
'viewScript' => 'file:./view.js',
|
||||
'render' => 'file:./render.php',
|
||||
'attributes' => array(
|
||||
'text' => array(
|
||||
'type' => 'string',
|
||||
|
|
|
|||
|
|
@ -16,6 +16,7 @@
|
|||
"editorStyle": "file:./index.css",
|
||||
"style": "file:./style-index.css",
|
||||
"viewScript": "file:./view.js",
|
||||
"render": "file:./render.php",
|
||||
"attributes": {
|
||||
"text": {
|
||||
"type": "string",
|
||||
|
|
|
|||
|
|
@ -1 +1 @@
|
|||
<?php return array('dependencies' => array('react', 'react-jsx-runtime', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-i18n'), 'version' => '66d7a6d613074de1e159');
|
||||
<?php return array('dependencies' => array('react', 'react-jsx-runtime', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-i18n'), 'version' => '75ed85d80e2bf481c1fc');
|
||||
|
|
|
|||
|
|
@ -8,7 +8,7 @@
|
|||
\****************************/
|
||||
/***/ ((module) => {
|
||||
|
||||
module.exports = /*#__PURE__*/JSON.parse('{"$schema":"https://schemas.wp.org/trunk/block.json","apiVersion":3,"name":"carhop-blocks/cta","version":"0.1.0","title":"Cta","category":"carhop-blocks","icon":"smiley","description":"Un bouton de lien","example":{},"supports":{"html":false},"textdomain":"carhop-blocks","editorScript":"file:./index.js","editorStyle":"file:./index.css","style":"file:./style-index.css","viewScript":"file:./view.js","attributes":{"text":{"type":"string","default":"Call to action"},"link":{"type":"object"},"align":{"type":"string","default":"left"},"color":{"type":"string","default":"#136F63"}}}');
|
||||
module.exports = /*#__PURE__*/JSON.parse('{"$schema":"https://schemas.wp.org/trunk/block.json","apiVersion":3,"name":"carhop-blocks/cta","version":"0.1.0","title":"Cta","category":"carhop-blocks","icon":"smiley","description":"Un bouton de lien","example":{},"supports":{"html":false},"textdomain":"carhop-blocks","editorScript":"file:./index.js","editorStyle":"file:./index.css","style":"file:./style-index.css","viewScript":"file:./view.js","render":"file:./render.php","attributes":{"text":{"type":"string","default":"Call to action"},"link":{"type":"object"},"align":{"type":"string","default":"left"},"color":{"type":"string","default":"#136F63"}}}');
|
||||
|
||||
/***/ }),
|
||||
|
||||
|
|
@ -213,24 +213,23 @@ function save({
|
|||
text,
|
||||
color
|
||||
} = attributes;
|
||||
return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)("a", {
|
||||
href: link?.url,
|
||||
..._wordpress_block_editor__WEBPACK_IMPORTED_MODULE_0__.useBlockProps.save({
|
||||
className: `align--${align}`,
|
||||
style: {
|
||||
color: color,
|
||||
"--cta-current-color": color
|
||||
}
|
||||
}),
|
||||
children: [text, /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("div", {
|
||||
className: "icon",
|
||||
children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_img_carhop_fleche_lien_externe_full_svg__WEBPACK_IMPORTED_MODULE_1__.ReactComponent, {
|
||||
style: {
|
||||
"--cta-current-color": color
|
||||
}
|
||||
})
|
||||
})]
|
||||
});
|
||||
return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.Fragment, {})
|
||||
// <a
|
||||
// href={link?.url}
|
||||
// {...useBlockProps.save({
|
||||
// className: `align--${align}`,
|
||||
// style: {
|
||||
// color: color,
|
||||
// "--cta-current-color": color,
|
||||
// },
|
||||
// })}
|
||||
// >
|
||||
// {text}
|
||||
// <div className="icon">
|
||||
// <ArrowIcon style={{ "--cta-current-color": color }} />
|
||||
// </div>
|
||||
// </a>
|
||||
;
|
||||
}
|
||||
|
||||
/***/ }),
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
35
plugins/carhop-blocks/blocks/cta/build/cta/render.php
Normal file
35
plugins/carhop-blocks/blocks/cta/build/cta/render.php
Normal file
|
|
@ -0,0 +1,35 @@
|
|||
<?php
|
||||
$align = isset($attributes['align']) ? $attributes['align'] : '';
|
||||
$link = isset($attributes['link']) ? $attributes['link'] : [];
|
||||
$text = isset($attributes['text']) ? $attributes['text'] : '';
|
||||
$color = isset($attributes['color']) ? $attributes['color'] : 'red';
|
||||
|
||||
|
||||
$svg_arrow_path = get_template_directory() . '/resources/img/carhop-fleche-lien-externe-full.svg';
|
||||
|
||||
|
||||
$wrapper_attributes = get_block_wrapper_attributes([
|
||||
'class' => 'align--' . esc_attr($align),
|
||||
'style' => sprintf(
|
||||
'color: %s; --cta-current-color: %s;',
|
||||
esc_attr($color),
|
||||
esc_attr($color)
|
||||
)
|
||||
]);
|
||||
|
||||
$link_url = isset($link['url']) ? esc_url($link['url']) : '#';
|
||||
?>
|
||||
|
||||
<a href="<?php echo $link_url; ?>" <?php echo $wrapper_attributes; ?>>
|
||||
<?php echo esc_html($text); ?>
|
||||
<div class="icon">
|
||||
|
||||
<svg id="fleche-lien-externe-full" viewBox="0 0 32 32" style="--cta-current-color: <?php echo esc_attr($color); ?>">
|
||||
<g>
|
||||
<path class="cls-1" d="M21.15,10.59l-9.38,10.02" />
|
||||
<path class="cls-1" d="M21.15,21.4v-10.81h-10.32" />
|
||||
</g>
|
||||
<circle class="cls-1" cx="16" cy="16" r="15" />
|
||||
</svg>
|
||||
</div>
|
||||
</a>
|
||||
|
|
@ -16,6 +16,7 @@
|
|||
"editorStyle": "file:./index.css",
|
||||
"style": "file:./style-index.css",
|
||||
"viewScript": "file:./view.js",
|
||||
"render": "file:./render.php",
|
||||
"attributes": {
|
||||
"text": {
|
||||
"type": "string",
|
||||
|
|
|
|||
35
plugins/carhop-blocks/blocks/cta/src/cta/render.php
Normal file
35
plugins/carhop-blocks/blocks/cta/src/cta/render.php
Normal file
|
|
@ -0,0 +1,35 @@
|
|||
<?php
|
||||
$align = isset($attributes['align']) ? $attributes['align'] : '';
|
||||
$link = isset($attributes['link']) ? $attributes['link'] : [];
|
||||
$text = isset($attributes['text']) ? $attributes['text'] : '';
|
||||
$color = isset($attributes['color']) ? $attributes['color'] : 'red';
|
||||
|
||||
|
||||
$svg_arrow_path = get_template_directory() . '/resources/img/carhop-fleche-lien-externe-full.svg';
|
||||
|
||||
|
||||
$wrapper_attributes = get_block_wrapper_attributes([
|
||||
'class' => 'align--' . esc_attr($align),
|
||||
'style' => sprintf(
|
||||
'color: %s; --cta-current-color: %s;',
|
||||
esc_attr($color),
|
||||
esc_attr($color)
|
||||
)
|
||||
]);
|
||||
|
||||
$link_url = isset($link['url']) ? esc_url($link['url']) : '#';
|
||||
?>
|
||||
|
||||
<a href="<?php echo $link_url; ?>" <?php echo $wrapper_attributes; ?>>
|
||||
<?php echo esc_html($text); ?>
|
||||
<div class="icon">
|
||||
|
||||
<svg id="fleche-lien-externe-full" viewBox="0 0 32 32" style="--cta-current-color: <?php echo esc_attr($color); ?>">
|
||||
<g>
|
||||
<path class="cls-1" d="M21.15,10.59l-9.38,10.02" />
|
||||
<path class="cls-1" d="M21.15,21.4v-10.81h-10.32" />
|
||||
</g>
|
||||
<circle class="cls-1" cx="16" cy="16" r="15" />
|
||||
</svg>
|
||||
</div>
|
||||
</a>
|
||||
|
|
@ -4,20 +4,21 @@ import { ReactComponent as ArrowIcon } from "../img/carhop-fleche-lien-externe-f
|
|||
export default function save({ attributes }) {
|
||||
const { align, link, text, color } = attributes;
|
||||
return (
|
||||
<a
|
||||
href={link?.url}
|
||||
{...useBlockProps.save({
|
||||
className: `align--${align}`,
|
||||
style: {
|
||||
color: color,
|
||||
"--cta-current-color": color,
|
||||
},
|
||||
})}
|
||||
>
|
||||
{text}
|
||||
<div className="icon">
|
||||
<ArrowIcon style={{ "--cta-current-color": color }} />
|
||||
</div>
|
||||
</a>
|
||||
<></>
|
||||
// <a
|
||||
// href={link?.url}
|
||||
// {...useBlockProps.save({
|
||||
// className: `align--${align}`,
|
||||
// style: {
|
||||
// color: color,
|
||||
// "--cta-current-color": color,
|
||||
// },
|
||||
// })}
|
||||
// >
|
||||
// {text}
|
||||
// <div className="icon">
|
||||
// <ArrowIcon style={{ "--cta-current-color": color }} />
|
||||
// </div>
|
||||
// </a>
|
||||
);
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in New Issue
Block a user