develloping chapitrage thematique

This commit is contained in:
Antoine M 2023-10-04 14:36:15 +02:00
parent f6870dbc87
commit 3a6b6092ab
36 changed files with 2919 additions and 76 deletions

View File

@ -5,9 +5,10 @@
"version": "0.1.0",
"title": "Chapitrage Thématique",
"category": "homegrade-blocks",
"description": "Pour insérer un bloc de gestion de chapitres pour une thématique parent",
"description": "(Pour les thématiques parents) Pour insérer un bloc de gestion de chapitres pour une thématique parent",
"supports": {
"html": false
"html": false,
"multiple": false
},
"textdomain": "homegrade-blocks",
"editorScript": "file:./index.js",

View File

@ -0,0 +1,38 @@
{
"$schema": "https://schemas.wp.org/trunk/block.json",
"apiVersion": 2,
"name": "homegrade-content-blocks/chapitre-thematique",
"version": "0.1.0",
"title": "Chapitre Thématiques ",
"category": "homegrade-blocks",
"description": "Point de légende pour titrer ou décrire un point de légende spécifique sur un Schéma ",
"supports": {
"html": false
},
"editorScript": "file:./index.js",
"editorStyle": "file:./index.css",
"style": "file:./style-index.css",
"attributes": {
"chapterTitle": {
"type": "string",
"default": ""
},
"chapterDescription": {
"type": "string",
"default": ""
},
"chapterImageUrl": {
"type": "string"
},
"chapterImageId": {
"type": "number"
},
"chapterImageAlt": {
"type": "string",
"source": "attribute",
"selector": "img",
"attribute": "alt",
"default": ""
}
}
}

View File

@ -0,0 +1 @@
<?php return array('dependencies' => array('wp-block-editor', 'wp-blocks', 'wp-components', 'wp-data', 'wp-element', 'wp-html-entities', 'wp-i18n', 'wp-primitives'), 'version' => 'd4500b06e4bbf5d42971');

View File

@ -0,0 +1,8 @@
/*!************************************************************************************************************************************************************************************************************************************************************!*\
!*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/chapitre-thematique/editor.scss ***!
\************************************************************************************************************************************************************************************************************************************************************/
/*!******************************************************************************************************************************************************************************************************************************************************!*\
!*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/lien-chapitre/editor.scss ***!
\******************************************************************************************************************************************************************************************************************************************************/

View File

@ -0,0 +1,883 @@
/******/ (() => { // webpackBootstrap
/******/ "use strict";
/******/ var __webpack_modules__ = ({
/***/ "./src/chapitre-thematique/edit.js":
/*!*****************************************!*\
!*** ./src/chapitre-thematique/edit.js ***!
\*****************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ "default": () => (/* binding */ Edit)
/* harmony export */ });
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _editor_scss__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./editor.scss */ "./src/chapitre-thematique/editor.scss");
/* harmony import */ var _lien_chapitre__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../lien-chapitre */ "./src/lien-chapitre/index.js");
/* harmony import */ var _wordpress_block_editor__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @wordpress/block-editor */ "@wordpress/block-editor");
/* harmony import */ var _wordpress_block_editor__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_4__);
/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components");
/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__);
/* harmony import */ var _wordpress_icons__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @wordpress/icons */ "../../node_modules/@wordpress/icons/build-module/library/trash.js");
function Edit({
attributes,
setAttributes,
...props
}) {
let {
chapterTitle,
chapterDescription
} = attributes;
function onChangeChapterTitle(chapterTitle) {
setAttributes({
chapterTitle
});
}
function onChangeChapterDescription(chapterDescription) {
setAttributes({
chapterDescription
});
}
let {
chapterImageUrl,
chapterImageId,
chapterImageAlt
} = attributes;
function setImageAttributes(media) {
if (!media || !media.url) {
setAttributes({
chapterImageUrl: null,
chapterImageId: null,
chapterImageAlt: null
});
return;
}
setAttributes({
chapterImageUrl: media.url,
chapterImageId: media.id,
chapterImageAlt: media?.alt
});
}
function removeImageAttributes() {
setAttributes({
chapterImageUrl: null,
chapterImageId: null,
chapterImageAlt: null
});
}
return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_4__.BlockControls, null, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__.ToolbarGroup, null, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_4__.MediaReplaceFlow, {
mediaId: chapterImageId,
mediaUrl: chapterImageUrl,
allowedTypes: ["image"],
accept: "image/*",
onSelect: setImageAttributes,
name: !chapterImageUrl ? (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)("Ajouter une Image") : (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)("Remplacer Image")
}), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_5__.ToolbarButton, {
title: "Supprimer Image",
icon: _wordpress_icons__WEBPACK_IMPORTED_MODULE_6__["default"],
isActive: chapterImageUrl,
onClick: removeImageAttributes
}))), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", {
...(0,_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_4__.useBlockProps)({
className: `homegrade-blocks-chapitre-thematique`
})
}, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", {
className: "homegrade-blocks-chapitre-thematique__cover"
}, !chapterImageUrl && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_4__.MediaPlaceholder, {
accept: "image/*",
allowedTypes: ["image"],
onSelect: setImageAttributes,
multiple: false,
handleUpload: true
}), chapterImageUrl && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("img", {
src: chapterImageUrl,
alt: chapterImageAlt
})), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", {
className: "homegrade-blocks-chapitre-thematique__content"
}, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_4__.RichText, {
tagName: "h3",
className: "homegrade-blocks-chapitre-thematique__title",
placeholder: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)("Titre du chapitre", "homegrade-blocks"),
value: chapterTitle,
onChange: onChangeChapterTitle
}), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_4__.RichText, {
tagName: "p",
className: "homegrade-blocks-chapitre-thematique__description",
placeholder: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)("Descriptif du chapitre", "homegrade-blocks"),
value: chapterDescription,
onChange: onChangeChapterDescription
}), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_4__.InnerBlocks, {
allowedBlocks: ["homegrade-content-blocks/lien-chapitre"]
}))));
}
/***/ }),
/***/ "./src/chapitre-thematique/index.js":
/*!******************************************!*\
!*** ./src/chapitre-thematique/index.js ***!
\******************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
__webpack_require__.r(__webpack_exports__);
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _wordpress_blocks__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/blocks */ "@wordpress/blocks");
/* harmony import */ var _wordpress_blocks__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_blocks__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _style_scss__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./style.scss */ "./src/chapitre-thematique/style.scss");
/* harmony import */ var _block_json__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./block.json */ "./src/chapitre-thematique/block.json");
/* harmony import */ var _edit__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./edit */ "./src/chapitre-thematique/edit.js");
/* harmony import */ var _save__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./save */ "./src/chapitre-thematique/save.js");
(0,_wordpress_blocks__WEBPACK_IMPORTED_MODULE_1__.registerBlockType)(_block_json__WEBPACK_IMPORTED_MODULE_3__.name, {
title: _block_json__WEBPACK_IMPORTED_MODULE_3__.title,
icon: {
foreground: "#DF1E1E",
src: (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("svg", {
xmlns: "http://www.w3.org/2000/svg",
viewBox: "0 0 24 24"
}, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("path", {
d: "M8,7h8a1,1,0,0,1,1,1v8a1,1,0,0,1-1,1H8a1,1,0,0,1-1-1V8A1,1,0,0,1,8,7Zm3-5V4h2V2Zm7,0H16V4h2ZM6,4H8V2H6ZM2,2V4L4,2ZM22,4V2H20ZM13,22V20H11v2Zm3,0h2V20H16ZM6,22H8V20H6Zm14-9h2V11H20Zm0,5h2V16H20ZM20,8h2V6H20ZM4,11H2v2H4Zm0,5H2v2H4ZM4,6H2V8H4ZM2,20v2H4Zm20,2V20l-2,2Z"
}))
},
supports: _block_json__WEBPACK_IMPORTED_MODULE_3__.supports,
attributes: _block_json__WEBPACK_IMPORTED_MODULE_3__.attributes,
edit: _edit__WEBPACK_IMPORTED_MODULE_4__["default"],
save: _save__WEBPACK_IMPORTED_MODULE_5__["default"]
});
/***/ }),
/***/ "./src/chapitre-thematique/save.js":
/*!*****************************************!*\
!*** ./src/chapitre-thematique/save.js ***!
\*****************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ "default": () => (/* binding */ save)
/* harmony export */ });
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _wordpress_block_editor__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/block-editor */ "@wordpress/block-editor");
/* harmony import */ var _wordpress_block_editor__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_1__);
function save({
attributes
}) {
const {
chapterTitle,
chapterDescription,
chapterImageUrl,
chapterImageAlt
} = attributes;
return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", {
..._wordpress_block_editor__WEBPACK_IMPORTED_MODULE_1__.useBlockProps.save({
className: `homegrade-blocks-chapitre-thematique`
})
}, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", {
className: "homegrade-blocks-chapitre-thematique__cover"
}, chapterImageUrl && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("img", {
src: chapterImageUrl,
alt: chapterImageAlt
})), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", {
className: "homegrade-blocks-chapitre-thematique__content"
}, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_1__.RichText.Content, {
tagName: "h3",
value: chapterTitle
}), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_1__.RichText.Content, {
tagName: "p",
value: chapterDescription
}), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_1__.InnerBlocks.Content, null)));
}
/***/ }),
/***/ "./src/lien-chapitre/OptionsSelectControl.js":
/*!***************************************************!*\
!*** ./src/lien-chapitre/OptionsSelectControl.js ***!
\***************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ "default": () => (/* binding */ OptionsSelectControl)
/* harmony export */ });
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _wordpress_block_editor__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/block-editor */ "@wordpress/block-editor");
/* harmony import */ var _wordpress_block_editor__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components");
/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_3__);
/* harmony import */ var _editor_scss__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./editor.scss */ "./src/lien-chapitre/editor.scss");
/* harmony import */ var _wordpress_data__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @wordpress/data */ "@wordpress/data");
/* harmony import */ var _wordpress_data__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_wordpress_data__WEBPACK_IMPORTED_MODULE_5__);
/* harmony import */ var _wordpress_html_entities__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @wordpress/html-entities */ "@wordpress/html-entities");
/* harmony import */ var _wordpress_html_entities__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_wordpress_html_entities__WEBPACK_IMPORTED_MODULE_6__);
function OptionsSelectControl({
setAttributes,
chapterLinkRelatedPostId
}) {
var _ref;
let [relatedQuestionPages, setRelatedQuestionPages] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useState)(null);
let [childTermsIdArray, setChildTermsIdArray] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useState)(null);
const lang = getAdminLanguageFromCookie("wp-wpml_current_language");
function getAdminLanguageFromCookie(c_name) {
var c_value = document.cookie,
c_start = c_value.indexOf(" " + c_name + "=");
if (c_start == -1) c_start = c_value.indexOf(c_name + "=");
if (c_start == -1) {
c_value = null;
} else {
c_start = c_value.indexOf("=", c_start) + 1;
var c_end = c_value.indexOf(";", c_start);
if (c_end == -1) {
c_end = c_value.length;
}
c_value = unescape(c_value.substring(c_start, c_end));
}
return c_value;
}
function handleRelatedPostChange(postId) {
setAttributes({
chapterLinkRelatedPostId: Number(postId)
});
}
function buildTaxChildrenIdArray(childrenArray) {
return childrenArray.map(item => item.id);
}
function buildSelectOptions(relatedPossiblePages) {
let options = [];
if (relatedPossiblePages) {
options.push({
value: 0,
label: "Sélectionnez une page"
});
relatedPossiblePages.forEach(page => {
options.push({
value: page.id,
label: (0,_wordpress_html_entities__WEBPACK_IMPORTED_MODULE_6__.decodeEntities)(page.title.rendered)
});
});
} else {
options.push({
value: 0,
label: "Pas encore de questions..."
});
}
return options;
}
// GET TAXONOMIES INOFRMATION
let postTaxonomies = (0,_wordpress_data__WEBPACK_IMPORTED_MODULE_5__.useSelect)(select => select("core/editor").getCurrentPostAttribute("thematiques"));
// GET THE CURRENT TAXONOMY AND FIND THE PARENT OBJECT
let postMainTaxonomy = (0,_wordpress_data__WEBPACK_IMPORTED_MODULE_5__.useSelect)(select => select("core").getEntityRecord("taxonomy", "thematiques", postTaxonomies[0]), [postTaxonomies]);
let postParentTaxonomy = (0,_wordpress_data__WEBPACK_IMPORTED_MODULE_5__.useSelect)(select => {
if (postMainTaxonomy && postMainTaxonomy.parent) {
return select("core").getEntityRecord("taxonomy", "thematiques", postMainTaxonomy.parent);
}
return null;
}, [postMainTaxonomy]);
let currentGeneralThematique = (_ref = postParentTaxonomy !== null && postParentTaxonomy !== void 0 ? postParentTaxonomy : postMainTaxonomy) !== null && _ref !== void 0 ? _ref : null;
// GET THE PARENT TAX CHILDREN
let childTerms = (0,_wordpress_data__WEBPACK_IMPORTED_MODULE_5__.useSelect)(select => {
if (currentGeneralThematique) {
return select("core").getEntityRecords("taxonomy", "thematiques", {
parent: currentGeneralThematique.id
});
}
return null;
});
// BUILD AN ARRAY OF CHILDREN TAXONOMIES ID AND PUT IT IN THE STATE
(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
if (childTerms) {
setChildTermsIdArray(buildTaxChildrenIdArray(childTerms));
}
}, [childTerms]);
// GET OPTIONS FOR RELATED POSSIBLE PAGES ACCORDING TO CURRENT TAXONOMY CHILDREN ID ARRAY
const relatedPossiblePages = (0,_wordpress_data__WEBPACK_IMPORTED_MODULE_5__.useSelect)(select => {
if (childTermsIdArray) {
let query = {
status: "publish",
per_page: -1,
lang: lang,
thematiques: childTermsIdArray
};
return select("core").getEntityRecords("postType", "conseils", query);
}
return null;
});
(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
if (relatedPossiblePages) {
setRelatedQuestionPages(buildSelectOptions(relatedPossiblePages));
}
}, [relatedPossiblePages]);
let panelTitle = postParentTaxonomy ? "Conseils " + postParentTaxonomy.name : postMainTaxonomy ? "Conseils " + postMainTaxonomy.name : null;
return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_2__.InspectorControls, null, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_3__.PanelBody, {
title: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)("Conseils Relié", "homegrade-blocks__texte-fonctionnel")
}, relatedQuestionPages && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_3__.ComboboxControl, {
label: panelTitle,
onChange: e => handleRelatedPostChange(e),
options: relatedQuestionPages,
value: chapterLinkRelatedPostId
})));
}
/***/ }),
/***/ "./src/lien-chapitre/edit.js":
/*!***********************************!*\
!*** ./src/lien-chapitre/edit.js ***!
\***********************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ "default": () => (/* binding */ Edit)
/* harmony export */ });
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _editor_scss__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./editor.scss */ "./src/lien-chapitre/editor.scss");
/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components");
/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_3__);
/* harmony import */ var _wordpress_data__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @wordpress/data */ "@wordpress/data");
/* harmony import */ var _wordpress_data__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_wordpress_data__WEBPACK_IMPORTED_MODULE_4__);
/* harmony import */ var _wordpress_block_editor__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @wordpress/block-editor */ "@wordpress/block-editor");
/* harmony import */ var _wordpress_block_editor__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_5__);
/* harmony import */ var _OptionsSelectControl__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./OptionsSelectControl */ "./src/lien-chapitre/OptionsSelectControl.js");
// import { useBlockProps } from "@wordpress/block-editor";
function Edit({
attributes,
setAttributes,
...props
}) {
let {
chapterLinkTitle,
chapterLinkDescription,
chapterLinkRelatedPostId,
chapterLinkRelatedPostUrl
} = attributes;
let currentRelatedPostConseil = (0,_wordpress_data__WEBPACK_IMPORTED_MODULE_4__.useSelect)(select => select("core").getEntityRecord("postType", "conseils", chapterLinkRelatedPostId));
if (currentRelatedPostConseil && currentRelatedPostConseil.link !== chapterLinkRelatedPostUrl) {
console.log(chapterLinkRelatedPostUrl);
console.log(currentRelatedPostConseil.link);
setAttributes({
chapterLinkRelatedPostUrl: currentRelatedPostConseil.link
});
}
function onChangeChapterLinkTitle(chapterLinkTitle) {
setAttributes({
chapterLinkTitle
});
}
function onChangeChapterLinkDescription(chapterLinkDescription) {
setAttributes({
chapterLinkDescription
});
}
return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_OptionsSelectControl__WEBPACK_IMPORTED_MODULE_6__["default"], {
chapterLinkRelatedPostId: chapterLinkRelatedPostId,
setAttributes: setAttributes
}), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", {
...(0,_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_5__.useBlockProps)({
className: `homegrade-blocks-lien-chapitre`
})
}, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_5__.RichText, {
tagName: "h4",
className: "homegrade-blocks-lien-chapitre__title",
placeholder: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)("Titre du chapitre", "homegrade-blocks"),
value: chapterLinkTitle,
onChange: onChangeChapterLinkTitle
}), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_5__.RichText, {
tagName: "p",
className: "homegrade-blocks-lien-chapitre__description",
placeholder: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)("Descriptif du chapitre", "homegrade-blocks"),
value: chapterLinkDescription,
onChange: onChangeChapterLinkDescription
}), chapterLinkRelatedPostUrl && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("a", {
href: chapterLinkRelatedPostUrl
}, chapterLinkRelatedPostUrl)));
}
/***/ }),
/***/ "./src/lien-chapitre/index.js":
/*!************************************!*\
!*** ./src/lien-chapitre/index.js ***!
\************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
__webpack_require__.r(__webpack_exports__);
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _wordpress_blocks__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/blocks */ "@wordpress/blocks");
/* harmony import */ var _wordpress_blocks__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_blocks__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _style_scss__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./style.scss */ "./src/lien-chapitre/style.scss");
/* harmony import */ var _block_json__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./block.json */ "./src/lien-chapitre/block.json");
/* harmony import */ var _edit__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./edit */ "./src/lien-chapitre/edit.js");
/* harmony import */ var _save__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./save */ "./src/lien-chapitre/save.js");
(0,_wordpress_blocks__WEBPACK_IMPORTED_MODULE_1__.registerBlockType)(_block_json__WEBPACK_IMPORTED_MODULE_3__.name, {
title: _block_json__WEBPACK_IMPORTED_MODULE_3__.title,
icon: {
foreground: "#DF1E1E",
src: (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("svg", {
id: "Calque_1",
"data-name": "Calque 1",
xmlns: "http://www.w3.org/2000/svg",
viewBox: "0 0 24 24"
}, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("path", {
class: "cls-1",
d: "m20,20V4c0-1.1-.9-2-2-2H6c-1.1,0-2,.9-2,2v16c0,1.1.9,2,2,2h12c1.1,0,2-.9,2-2Zm-8.71-3.29c-.39-.39-.39-1.02,0-1.41l2.29-2.29h-5.59c-.55,0-1-.45-1-1s.45-1,1-1h5.59l-2.29-2.29c-.4-.38-.41-1.02-.02-1.41.38-.4,1.02-.41,1.41-.02,0,0,.02.02.02.02l4,4c.39.39.39,1.02,0,1.41l-4,4c-.39.39-1.02.4-1.41.02,0,0,0,0,0-.02Z"
}))
},
supports: _block_json__WEBPACK_IMPORTED_MODULE_3__.supports,
attributes: _block_json__WEBPACK_IMPORTED_MODULE_3__.attributes,
edit: _edit__WEBPACK_IMPORTED_MODULE_4__["default"],
save: _save__WEBPACK_IMPORTED_MODULE_5__["default"]
});
/***/ }),
/***/ "./src/lien-chapitre/save.js":
/*!***********************************!*\
!*** ./src/lien-chapitre/save.js ***!
\***********************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ "default": () => (/* binding */ save)
/* harmony export */ });
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _wordpress_block_editor__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/block-editor */ "@wordpress/block-editor");
/* harmony import */ var _wordpress_block_editor__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_1__);
function save({
attributes
}) {
let {
chapterLinkTitle,
chapterLinkDescription,
chapterLinkRelatedPostUrl
} = attributes;
return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", {
..._wordpress_block_editor__WEBPACK_IMPORTED_MODULE_1__.useBlockProps.save({
className: `homegrade-blocks-lien-chapitre`
})
}, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_1__.RichText.Content, {
tagName: "h4",
value: chapterLinkTitle,
className: "homegrade-blocks-lien-chapitre__title"
}), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_1__.RichText.Content, {
tagName: "p",
value: chapterLinkDescription,
className: "homegrade-blocks-lien-chapitre__description"
}), chapterLinkRelatedPostUrl && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("a", {
href: chapterLinkRelatedPostUrl
}, chapterLinkRelatedPostUrl));
}
/***/ }),
/***/ "./src/chapitre-thematique/editor.scss":
/*!*********************************************!*\
!*** ./src/chapitre-thematique/editor.scss ***!
\*********************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
__webpack_require__.r(__webpack_exports__);
// extracted by mini-css-extract-plugin
/***/ }),
/***/ "./src/chapitre-thematique/style.scss":
/*!********************************************!*\
!*** ./src/chapitre-thematique/style.scss ***!
\********************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
__webpack_require__.r(__webpack_exports__);
// extracted by mini-css-extract-plugin
/***/ }),
/***/ "./src/lien-chapitre/editor.scss":
/*!***************************************!*\
!*** ./src/lien-chapitre/editor.scss ***!
\***************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
__webpack_require__.r(__webpack_exports__);
// extracted by mini-css-extract-plugin
/***/ }),
/***/ "./src/lien-chapitre/style.scss":
/*!**************************************!*\
!*** ./src/lien-chapitre/style.scss ***!
\**************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
__webpack_require__.r(__webpack_exports__);
// extracted by mini-css-extract-plugin
/***/ }),
/***/ "../../node_modules/@wordpress/icons/build-module/library/trash.js":
/*!*************************************************************************!*\
!*** ../../node_modules/@wordpress/icons/build-module/library/trash.js ***!
\*************************************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
/* harmony export */ });
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/primitives */ "@wordpress/primitives");
/* harmony import */ var _wordpress_primitives__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__);
/**
* WordPress dependencies
*/
const trash = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.SVG, {
xmlns: "http://www.w3.org/2000/svg",
viewBox: "0 0 24 24"
}, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_primitives__WEBPACK_IMPORTED_MODULE_1__.Path, {
d: "M20 5h-5.7c0-1.3-1-2.3-2.3-2.3S9.7 3.7 9.7 5H4v2h1.5v.3l1.7 11.1c.1 1 1 1.7 2 1.7h5.7c1 0 1.8-.7 2-1.7l1.7-11.1V7H20V5zm-3.2 2l-1.7 11.1c0 .1-.1.2-.3.2H9.1c-.1 0-.3-.1-.3-.2L7.2 7h9.6z"
}));
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (trash);
//# sourceMappingURL=trash.js.map
/***/ }),
/***/ "@wordpress/block-editor":
/*!*************************************!*\
!*** external ["wp","blockEditor"] ***!
\*************************************/
/***/ ((module) => {
module.exports = window["wp"]["blockEditor"];
/***/ }),
/***/ "@wordpress/blocks":
/*!********************************!*\
!*** external ["wp","blocks"] ***!
\********************************/
/***/ ((module) => {
module.exports = window["wp"]["blocks"];
/***/ }),
/***/ "@wordpress/components":
/*!************************************!*\
!*** external ["wp","components"] ***!
\************************************/
/***/ ((module) => {
module.exports = window["wp"]["components"];
/***/ }),
/***/ "@wordpress/data":
/*!******************************!*\
!*** external ["wp","data"] ***!
\******************************/
/***/ ((module) => {
module.exports = window["wp"]["data"];
/***/ }),
/***/ "@wordpress/element":
/*!*********************************!*\
!*** external ["wp","element"] ***!
\*********************************/
/***/ ((module) => {
module.exports = window["wp"]["element"];
/***/ }),
/***/ "@wordpress/html-entities":
/*!**************************************!*\
!*** external ["wp","htmlEntities"] ***!
\**************************************/
/***/ ((module) => {
module.exports = window["wp"]["htmlEntities"];
/***/ }),
/***/ "@wordpress/i18n":
/*!******************************!*\
!*** external ["wp","i18n"] ***!
\******************************/
/***/ ((module) => {
module.exports = window["wp"]["i18n"];
/***/ }),
/***/ "@wordpress/primitives":
/*!************************************!*\
!*** external ["wp","primitives"] ***!
\************************************/
/***/ ((module) => {
module.exports = window["wp"]["primitives"];
/***/ }),
/***/ "./src/chapitre-thematique/block.json":
/*!********************************************!*\
!*** ./src/chapitre-thematique/block.json ***!
\********************************************/
/***/ ((module) => {
module.exports = JSON.parse('{"$schema":"https://schemas.wp.org/trunk/block.json","apiVersion":2,"name":"homegrade-content-blocks/chapitre-thematique","version":"0.1.0","title":"Chapitre Thématiques ","category":"homegrade-blocks","description":"Point de légende pour titrer ou décrire un point de légende spécifique sur un Schéma ","supports":{"html":false},"editorScript":"file:./index.js","editorStyle":"file:./index.css","style":"file:./style-index.css","attributes":{"chapterTitle":{"type":"string","default":""},"chapterDescription":{"type":"string","default":""},"chapterImageUrl":{"type":"string"},"chapterImageId":{"type":"number"},"chapterImageAlt":{"type":"string","source":"attribute","selector":"img","attribute":"alt","default":""}}}');
/***/ }),
/***/ "./src/lien-chapitre/block.json":
/*!**************************************!*\
!*** ./src/lien-chapitre/block.json ***!
\**************************************/
/***/ ((module) => {
module.exports = JSON.parse('{"$schema":"https://schemas.wp.org/trunk/block.json","apiVersion":2,"name":"homegrade-content-blocks/lien-chapitre","version":"0.1.0","title":"Lien de chapitre","category":"homegrade-blocks","description":"Pour insérer des liens dans un chapitre thématique","supports":{"html":false},"editorScript":"file:./index.js","editorStyle":"file:./index.css","style":"file:./style-index.css","attributes":{"chapterLinkTitle":{"type":"string","default":""},"chapterLinkDescription":{"type":"string","default":""},"chapterLinkRelatedPostId":{"type":"number"},"chapterLinkRelatedPostUrl":{"type":"string"}}}');
/***/ })
/******/ });
/************************************************************************/
/******/ // The module cache
/******/ var __webpack_module_cache__ = {};
/******/
/******/ // The require function
/******/ function __webpack_require__(moduleId) {
/******/ // Check if module is in cache
/******/ var cachedModule = __webpack_module_cache__[moduleId];
/******/ if (cachedModule !== undefined) {
/******/ return cachedModule.exports;
/******/ }
/******/ // Create a new module (and put it into the cache)
/******/ var module = __webpack_module_cache__[moduleId] = {
/******/ // no module.id needed
/******/ // no module.loaded needed
/******/ exports: {}
/******/ };
/******/
/******/ // Execute the module function
/******/ __webpack_modules__[moduleId](module, module.exports, __webpack_require__);
/******/
/******/ // Return the exports of the module
/******/ return module.exports;
/******/ }
/******/
/******/ // expose the modules object (__webpack_modules__)
/******/ __webpack_require__.m = __webpack_modules__;
/******/
/************************************************************************/
/******/ /* webpack/runtime/chunk loaded */
/******/ (() => {
/******/ var deferred = [];
/******/ __webpack_require__.O = (result, chunkIds, fn, priority) => {
/******/ if(chunkIds) {
/******/ priority = priority || 0;
/******/ for(var i = deferred.length; i > 0 && deferred[i - 1][2] > priority; i--) deferred[i] = deferred[i - 1];
/******/ deferred[i] = [chunkIds, fn, priority];
/******/ return;
/******/ }
/******/ var notFulfilled = Infinity;
/******/ for (var i = 0; i < deferred.length; i++) {
/******/ var chunkIds = deferred[i][0];
/******/ var fn = deferred[i][1];
/******/ var priority = deferred[i][2];
/******/ var fulfilled = true;
/******/ for (var j = 0; j < chunkIds.length; j++) {
/******/ if ((priority & 1 === 0 || notFulfilled >= priority) && Object.keys(__webpack_require__.O).every((key) => (__webpack_require__.O[key](chunkIds[j])))) {
/******/ chunkIds.splice(j--, 1);
/******/ } else {
/******/ fulfilled = false;
/******/ if(priority < notFulfilled) notFulfilled = priority;
/******/ }
/******/ }
/******/ if(fulfilled) {
/******/ deferred.splice(i--, 1)
/******/ var r = fn();
/******/ if (r !== undefined) result = r;
/******/ }
/******/ }
/******/ return result;
/******/ };
/******/ })();
/******/
/******/ /* webpack/runtime/compat get default export */
/******/ (() => {
/******/ // getDefaultExport function for compatibility with non-harmony modules
/******/ __webpack_require__.n = (module) => {
/******/ var getter = module && module.__esModule ?
/******/ () => (module['default']) :
/******/ () => (module);
/******/ __webpack_require__.d(getter, { a: getter });
/******/ return getter;
/******/ };
/******/ })();
/******/
/******/ /* webpack/runtime/define property getters */
/******/ (() => {
/******/ // define getter functions for harmony exports
/******/ __webpack_require__.d = (exports, definition) => {
/******/ for(var key in definition) {
/******/ if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
/******/ Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
/******/ }
/******/ }
/******/ };
/******/ })();
/******/
/******/ /* webpack/runtime/hasOwnProperty shorthand */
/******/ (() => {
/******/ __webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
/******/ })();
/******/
/******/ /* webpack/runtime/make namespace object */
/******/ (() => {
/******/ // define __esModule on exports
/******/ __webpack_require__.r = (exports) => {
/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
/******/ }
/******/ Object.defineProperty(exports, '__esModule', { value: true });
/******/ };
/******/ })();
/******/
/******/ /* webpack/runtime/jsonp chunk loading */
/******/ (() => {
/******/ // no baseURI
/******/
/******/ // object to store loaded and loading chunks
/******/ // undefined = chunk not loaded, null = chunk preloaded/prefetched
/******/ // [resolve, reject, Promise] = chunk loading, 0 = chunk loaded
/******/ var installedChunks = {
/******/ "chapitre-thematique/index": 0,
/******/ "./style-index": 0
/******/ };
/******/
/******/ // no chunk on demand loading
/******/
/******/ // no prefetching
/******/
/******/ // no preloaded
/******/
/******/ // no HMR
/******/
/******/ // no HMR manifest
/******/
/******/ __webpack_require__.O.j = (chunkId) => (installedChunks[chunkId] === 0);
/******/
/******/ // install a JSONP callback for chunk loading
/******/ var webpackJsonpCallback = (parentChunkLoadingFunction, data) => {
/******/ var chunkIds = data[0];
/******/ var moreModules = data[1];
/******/ var runtime = data[2];
/******/ // add "moreModules" to the modules object,
/******/ // then flag all "chunkIds" as loaded and fire callback
/******/ var moduleId, chunkId, i = 0;
/******/ if(chunkIds.some((id) => (installedChunks[id] !== 0))) {
/******/ for(moduleId in moreModules) {
/******/ if(__webpack_require__.o(moreModules, moduleId)) {
/******/ __webpack_require__.m[moduleId] = moreModules[moduleId];
/******/ }
/******/ }
/******/ if(runtime) var result = runtime(__webpack_require__);
/******/ }
/******/ if(parentChunkLoadingFunction) parentChunkLoadingFunction(data);
/******/ for(;i < chunkIds.length; i++) {
/******/ chunkId = chunkIds[i];
/******/ if(__webpack_require__.o(installedChunks, chunkId) && installedChunks[chunkId]) {
/******/ installedChunks[chunkId][0]();
/******/ }
/******/ installedChunks[chunkId] = 0;
/******/ }
/******/ return __webpack_require__.O(result);
/******/ }
/******/
/******/ var chunkLoadingGlobal = self["webpackChunkmultiblocks"] = self["webpackChunkmultiblocks"] || [];
/******/ chunkLoadingGlobal.forEach(webpackJsonpCallback.bind(null, 0));
/******/ chunkLoadingGlobal.push = webpackJsonpCallback.bind(null, chunkLoadingGlobal.push.bind(chunkLoadingGlobal));
/******/ })();
/******/
/************************************************************************/
/******/
/******/ // startup
/******/ // Load entry module and return exports
/******/ // This entry module depends on other loaded chunks and execution need to be delayed
/******/ var __webpack_exports__ = __webpack_require__.O(undefined, ["./style-index"], () => (__webpack_require__("./src/chapitre-thematique/index.js")))
/******/ __webpack_exports__ = __webpack_require__.O(__webpack_exports__);
/******/
/******/ })()
;
//# sourceMappingURL=index.js.map

File diff suppressed because one or more lines are too long

View File

@ -1 +1 @@
<?php return array('dependencies' => array('wp-block-editor', 'wp-blocks', 'wp-element', 'wp-i18n'), 'version' => 'e3dde56298e97bb747dc');
<?php return array('dependencies' => array('wp-block-editor', 'wp-blocks', 'wp-components', 'wp-data', 'wp-element', 'wp-html-entities', 'wp-i18n', 'wp-primitives'), 'version' => '85f453c22d884235f769');

View File

@ -0,0 +1,12 @@
/*!****************************************************************************************************************************************************************************************************************************************!*\
!*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/editor.scss ***!
\****************************************************************************************************************************************************************************************************************************************/
/*!************************************************************************************************************************************************************************************************************************************************************!*\
!*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/chapitre-thematique/editor.scss ***!
\************************************************************************************************************************************************************************************************************************************************************/
/*!******************************************************************************************************************************************************************************************************************************************************!*\
!*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/lien-chapitre/editor.scss ***!
\******************************************************************************************************************************************************************************************************************************************************/

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -0,0 +1,31 @@
{
"$schema": "https://schemas.wp.org/trunk/block.json",
"apiVersion": 2,
"name": "homegrade-content-blocks/lien-chapitre",
"version": "0.1.0",
"title": "Lien de chapitre",
"category": "homegrade-blocks",
"description": "Pour insérer des liens dans un chapitre thématique",
"supports": {
"html": false
},
"editorScript": "file:./index.js",
"editorStyle": "file:./index.css",
"style": "file:./style-index.css",
"attributes": {
"chapterLinkTitle": {
"type": "string",
"default": ""
},
"chapterLinkDescription": {
"type": "string",
"default": ""
},
"chapterLinkRelatedPostId": {
"type": "number"
},
"chapterLinkRelatedPostUrl": {
"type": "string"
}
}
}

View File

@ -0,0 +1 @@
<?php return array('dependencies' => array('wp-block-editor', 'wp-blocks', 'wp-components', 'wp-data', 'wp-element', 'wp-html-entities', 'wp-i18n'), 'version' => '509129504000b153642d');

View File

@ -0,0 +1,4 @@
/*!******************************************************************************************************************************************************************************************************************************************************!*\
!*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/lien-chapitre/editor.scss ***!
\******************************************************************************************************************************************************************************************************************************************************/

View File

@ -0,0 +1,597 @@
/******/ (() => { // webpackBootstrap
/******/ "use strict";
/******/ var __webpack_modules__ = ({
/***/ "./src/lien-chapitre/OptionsSelectControl.js":
/*!***************************************************!*\
!*** ./src/lien-chapitre/OptionsSelectControl.js ***!
\***************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ "default": () => (/* binding */ OptionsSelectControl)
/* harmony export */ });
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _wordpress_block_editor__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/block-editor */ "@wordpress/block-editor");
/* harmony import */ var _wordpress_block_editor__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components");
/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_3__);
/* harmony import */ var _editor_scss__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./editor.scss */ "./src/lien-chapitre/editor.scss");
/* harmony import */ var _wordpress_data__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @wordpress/data */ "@wordpress/data");
/* harmony import */ var _wordpress_data__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_wordpress_data__WEBPACK_IMPORTED_MODULE_5__);
/* harmony import */ var _wordpress_html_entities__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! @wordpress/html-entities */ "@wordpress/html-entities");
/* harmony import */ var _wordpress_html_entities__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_wordpress_html_entities__WEBPACK_IMPORTED_MODULE_6__);
function OptionsSelectControl({
setAttributes,
chapterLinkRelatedPostId
}) {
var _ref;
let [relatedQuestionPages, setRelatedQuestionPages] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useState)(null);
let [childTermsIdArray, setChildTermsIdArray] = (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useState)(null);
const lang = getAdminLanguageFromCookie("wp-wpml_current_language");
function getAdminLanguageFromCookie(c_name) {
var c_value = document.cookie,
c_start = c_value.indexOf(" " + c_name + "=");
if (c_start == -1) c_start = c_value.indexOf(c_name + "=");
if (c_start == -1) {
c_value = null;
} else {
c_start = c_value.indexOf("=", c_start) + 1;
var c_end = c_value.indexOf(";", c_start);
if (c_end == -1) {
c_end = c_value.length;
}
c_value = unescape(c_value.substring(c_start, c_end));
}
return c_value;
}
function handleRelatedPostChange(postId) {
setAttributes({
chapterLinkRelatedPostId: Number(postId)
});
}
function buildTaxChildrenIdArray(childrenArray) {
return childrenArray.map(item => item.id);
}
function buildSelectOptions(relatedPossiblePages) {
let options = [];
if (relatedPossiblePages) {
options.push({
value: 0,
label: "Sélectionnez une page"
});
relatedPossiblePages.forEach(page => {
options.push({
value: page.id,
label: (0,_wordpress_html_entities__WEBPACK_IMPORTED_MODULE_6__.decodeEntities)(page.title.rendered)
});
});
} else {
options.push({
value: 0,
label: "Pas encore de questions..."
});
}
return options;
}
// GET TAXONOMIES INOFRMATION
let postTaxonomies = (0,_wordpress_data__WEBPACK_IMPORTED_MODULE_5__.useSelect)(select => select("core/editor").getCurrentPostAttribute("thematiques"));
// GET THE CURRENT TAXONOMY AND FIND THE PARENT OBJECT
let postMainTaxonomy = (0,_wordpress_data__WEBPACK_IMPORTED_MODULE_5__.useSelect)(select => select("core").getEntityRecord("taxonomy", "thematiques", postTaxonomies[0]), [postTaxonomies]);
let postParentTaxonomy = (0,_wordpress_data__WEBPACK_IMPORTED_MODULE_5__.useSelect)(select => {
if (postMainTaxonomy && postMainTaxonomy.parent) {
return select("core").getEntityRecord("taxonomy", "thematiques", postMainTaxonomy.parent);
}
return null;
}, [postMainTaxonomy]);
let currentGeneralThematique = (_ref = postParentTaxonomy !== null && postParentTaxonomy !== void 0 ? postParentTaxonomy : postMainTaxonomy) !== null && _ref !== void 0 ? _ref : null;
// GET THE PARENT TAX CHILDREN
let childTerms = (0,_wordpress_data__WEBPACK_IMPORTED_MODULE_5__.useSelect)(select => {
if (currentGeneralThematique) {
return select("core").getEntityRecords("taxonomy", "thematiques", {
parent: currentGeneralThematique.id
});
}
return null;
});
// BUILD AN ARRAY OF CHILDREN TAXONOMIES ID AND PUT IT IN THE STATE
(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
if (childTerms) {
setChildTermsIdArray(buildTaxChildrenIdArray(childTerms));
}
}, [childTerms]);
// GET OPTIONS FOR RELATED POSSIBLE PAGES ACCORDING TO CURRENT TAXONOMY CHILDREN ID ARRAY
const relatedPossiblePages = (0,_wordpress_data__WEBPACK_IMPORTED_MODULE_5__.useSelect)(select => {
if (childTermsIdArray) {
let query = {
status: "publish",
per_page: -1,
lang: lang,
thematiques: childTermsIdArray
};
return select("core").getEntityRecords("postType", "conseils", query);
}
return null;
});
(0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
if (relatedPossiblePages) {
setRelatedQuestionPages(buildSelectOptions(relatedPossiblePages));
}
}, [relatedPossiblePages]);
let panelTitle = postParentTaxonomy ? "Conseils " + postParentTaxonomy.name : postMainTaxonomy ? "Conseils " + postMainTaxonomy.name : null;
return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_2__.InspectorControls, null, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_3__.PanelBody, {
title: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)("Conseils Relié", "homegrade-blocks__texte-fonctionnel")
}, relatedQuestionPages && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_components__WEBPACK_IMPORTED_MODULE_3__.ComboboxControl, {
label: panelTitle,
onChange: e => handleRelatedPostChange(e),
options: relatedQuestionPages,
value: chapterLinkRelatedPostId
})));
}
/***/ }),
/***/ "./src/lien-chapitre/edit.js":
/*!***********************************!*\
!*** ./src/lien-chapitre/edit.js ***!
\***********************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ "default": () => (/* binding */ Edit)
/* harmony export */ });
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _editor_scss__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./editor.scss */ "./src/lien-chapitre/editor.scss");
/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @wordpress/components */ "@wordpress/components");
/* harmony import */ var _wordpress_components__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_wordpress_components__WEBPACK_IMPORTED_MODULE_3__);
/* harmony import */ var _wordpress_data__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @wordpress/data */ "@wordpress/data");
/* harmony import */ var _wordpress_data__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_wordpress_data__WEBPACK_IMPORTED_MODULE_4__);
/* harmony import */ var _wordpress_block_editor__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @wordpress/block-editor */ "@wordpress/block-editor");
/* harmony import */ var _wordpress_block_editor__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_5__);
/* harmony import */ var _OptionsSelectControl__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./OptionsSelectControl */ "./src/lien-chapitre/OptionsSelectControl.js");
// import { useBlockProps } from "@wordpress/block-editor";
function Edit({
attributes,
setAttributes,
...props
}) {
let {
chapterLinkTitle,
chapterLinkDescription,
chapterLinkRelatedPostId,
chapterLinkRelatedPostUrl
} = attributes;
let currentRelatedPostConseil = (0,_wordpress_data__WEBPACK_IMPORTED_MODULE_4__.useSelect)(select => select("core").getEntityRecord("postType", "conseils", chapterLinkRelatedPostId));
if (currentRelatedPostConseil && currentRelatedPostConseil.link !== chapterLinkRelatedPostUrl) {
console.log(chapterLinkRelatedPostUrl);
console.log(currentRelatedPostConseil.link);
setAttributes({
chapterLinkRelatedPostUrl: currentRelatedPostConseil.link
});
}
function onChangeChapterLinkTitle(chapterLinkTitle) {
setAttributes({
chapterLinkTitle
});
}
function onChangeChapterLinkDescription(chapterLinkDescription) {
setAttributes({
chapterLinkDescription
});
}
return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.Fragment, null, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_OptionsSelectControl__WEBPACK_IMPORTED_MODULE_6__["default"], {
chapterLinkRelatedPostId: chapterLinkRelatedPostId,
setAttributes: setAttributes
}), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", {
...(0,_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_5__.useBlockProps)({
className: `homegrade-blocks-lien-chapitre`
})
}, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_5__.RichText, {
tagName: "h4",
className: "homegrade-blocks-lien-chapitre__title",
placeholder: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)("Titre du chapitre", "homegrade-blocks"),
value: chapterLinkTitle,
onChange: onChangeChapterLinkTitle
}), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_5__.RichText, {
tagName: "p",
className: "homegrade-blocks-lien-chapitre__description",
placeholder: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)("Descriptif du chapitre", "homegrade-blocks"),
value: chapterLinkDescription,
onChange: onChangeChapterLinkDescription
}), chapterLinkRelatedPostUrl && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("a", {
href: chapterLinkRelatedPostUrl
}, chapterLinkRelatedPostUrl)));
}
/***/ }),
/***/ "./src/lien-chapitre/index.js":
/*!************************************!*\
!*** ./src/lien-chapitre/index.js ***!
\************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
__webpack_require__.r(__webpack_exports__);
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _wordpress_blocks__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/blocks */ "@wordpress/blocks");
/* harmony import */ var _wordpress_blocks__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_blocks__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _style_scss__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./style.scss */ "./src/lien-chapitre/style.scss");
/* harmony import */ var _block_json__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./block.json */ "./src/lien-chapitre/block.json");
/* harmony import */ var _edit__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./edit */ "./src/lien-chapitre/edit.js");
/* harmony import */ var _save__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./save */ "./src/lien-chapitre/save.js");
(0,_wordpress_blocks__WEBPACK_IMPORTED_MODULE_1__.registerBlockType)(_block_json__WEBPACK_IMPORTED_MODULE_3__.name, {
title: _block_json__WEBPACK_IMPORTED_MODULE_3__.title,
icon: {
foreground: "#DF1E1E",
src: (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("svg", {
id: "Calque_1",
"data-name": "Calque 1",
xmlns: "http://www.w3.org/2000/svg",
viewBox: "0 0 24 24"
}, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("path", {
class: "cls-1",
d: "m20,20V4c0-1.1-.9-2-2-2H6c-1.1,0-2,.9-2,2v16c0,1.1.9,2,2,2h12c1.1,0,2-.9,2-2Zm-8.71-3.29c-.39-.39-.39-1.02,0-1.41l2.29-2.29h-5.59c-.55,0-1-.45-1-1s.45-1,1-1h5.59l-2.29-2.29c-.4-.38-.41-1.02-.02-1.41.38-.4,1.02-.41,1.41-.02,0,0,.02.02.02.02l4,4c.39.39.39,1.02,0,1.41l-4,4c-.39.39-1.02.4-1.41.02,0,0,0,0,0-.02Z"
}))
},
supports: _block_json__WEBPACK_IMPORTED_MODULE_3__.supports,
attributes: _block_json__WEBPACK_IMPORTED_MODULE_3__.attributes,
edit: _edit__WEBPACK_IMPORTED_MODULE_4__["default"],
save: _save__WEBPACK_IMPORTED_MODULE_5__["default"]
});
/***/ }),
/***/ "./src/lien-chapitre/save.js":
/*!***********************************!*\
!*** ./src/lien-chapitre/save.js ***!
\***********************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ "default": () => (/* binding */ save)
/* harmony export */ });
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _wordpress_block_editor__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/block-editor */ "@wordpress/block-editor");
/* harmony import */ var _wordpress_block_editor__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_1__);
function save({
attributes
}) {
let {
chapterLinkTitle,
chapterLinkDescription,
chapterLinkRelatedPostUrl
} = attributes;
return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("div", {
..._wordpress_block_editor__WEBPACK_IMPORTED_MODULE_1__.useBlockProps.save({
className: `homegrade-blocks-lien-chapitre`
})
}, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_1__.RichText.Content, {
tagName: "h4",
value: chapterLinkTitle,
className: "homegrade-blocks-lien-chapitre__title"
}), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_1__.RichText.Content, {
tagName: "p",
value: chapterLinkDescription,
className: "homegrade-blocks-lien-chapitre__description"
}), chapterLinkRelatedPostUrl && (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("a", {
href: chapterLinkRelatedPostUrl
}, chapterLinkRelatedPostUrl));
}
/***/ }),
/***/ "./src/lien-chapitre/editor.scss":
/*!***************************************!*\
!*** ./src/lien-chapitre/editor.scss ***!
\***************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
__webpack_require__.r(__webpack_exports__);
// extracted by mini-css-extract-plugin
/***/ }),
/***/ "./src/lien-chapitre/style.scss":
/*!**************************************!*\
!*** ./src/lien-chapitre/style.scss ***!
\**************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
__webpack_require__.r(__webpack_exports__);
// extracted by mini-css-extract-plugin
/***/ }),
/***/ "@wordpress/block-editor":
/*!*************************************!*\
!*** external ["wp","blockEditor"] ***!
\*************************************/
/***/ ((module) => {
module.exports = window["wp"]["blockEditor"];
/***/ }),
/***/ "@wordpress/blocks":
/*!********************************!*\
!*** external ["wp","blocks"] ***!
\********************************/
/***/ ((module) => {
module.exports = window["wp"]["blocks"];
/***/ }),
/***/ "@wordpress/components":
/*!************************************!*\
!*** external ["wp","components"] ***!
\************************************/
/***/ ((module) => {
module.exports = window["wp"]["components"];
/***/ }),
/***/ "@wordpress/data":
/*!******************************!*\
!*** external ["wp","data"] ***!
\******************************/
/***/ ((module) => {
module.exports = window["wp"]["data"];
/***/ }),
/***/ "@wordpress/element":
/*!*********************************!*\
!*** external ["wp","element"] ***!
\*********************************/
/***/ ((module) => {
module.exports = window["wp"]["element"];
/***/ }),
/***/ "@wordpress/html-entities":
/*!**************************************!*\
!*** external ["wp","htmlEntities"] ***!
\**************************************/
/***/ ((module) => {
module.exports = window["wp"]["htmlEntities"];
/***/ }),
/***/ "@wordpress/i18n":
/*!******************************!*\
!*** external ["wp","i18n"] ***!
\******************************/
/***/ ((module) => {
module.exports = window["wp"]["i18n"];
/***/ }),
/***/ "./src/lien-chapitre/block.json":
/*!**************************************!*\
!*** ./src/lien-chapitre/block.json ***!
\**************************************/
/***/ ((module) => {
module.exports = JSON.parse('{"$schema":"https://schemas.wp.org/trunk/block.json","apiVersion":2,"name":"homegrade-content-blocks/lien-chapitre","version":"0.1.0","title":"Lien de chapitre","category":"homegrade-blocks","description":"Pour insérer des liens dans un chapitre thématique","supports":{"html":false},"editorScript":"file:./index.js","editorStyle":"file:./index.css","style":"file:./style-index.css","attributes":{"chapterLinkTitle":{"type":"string","default":""},"chapterLinkDescription":{"type":"string","default":""},"chapterLinkRelatedPostId":{"type":"number"},"chapterLinkRelatedPostUrl":{"type":"string"}}}');
/***/ })
/******/ });
/************************************************************************/
/******/ // The module cache
/******/ var __webpack_module_cache__ = {};
/******/
/******/ // The require function
/******/ function __webpack_require__(moduleId) {
/******/ // Check if module is in cache
/******/ var cachedModule = __webpack_module_cache__[moduleId];
/******/ if (cachedModule !== undefined) {
/******/ return cachedModule.exports;
/******/ }
/******/ // Create a new module (and put it into the cache)
/******/ var module = __webpack_module_cache__[moduleId] = {
/******/ // no module.id needed
/******/ // no module.loaded needed
/******/ exports: {}
/******/ };
/******/
/******/ // Execute the module function
/******/ __webpack_modules__[moduleId](module, module.exports, __webpack_require__);
/******/
/******/ // Return the exports of the module
/******/ return module.exports;
/******/ }
/******/
/******/ // expose the modules object (__webpack_modules__)
/******/ __webpack_require__.m = __webpack_modules__;
/******/
/************************************************************************/
/******/ /* webpack/runtime/chunk loaded */
/******/ (() => {
/******/ var deferred = [];
/******/ __webpack_require__.O = (result, chunkIds, fn, priority) => {
/******/ if(chunkIds) {
/******/ priority = priority || 0;
/******/ for(var i = deferred.length; i > 0 && deferred[i - 1][2] > priority; i--) deferred[i] = deferred[i - 1];
/******/ deferred[i] = [chunkIds, fn, priority];
/******/ return;
/******/ }
/******/ var notFulfilled = Infinity;
/******/ for (var i = 0; i < deferred.length; i++) {
/******/ var chunkIds = deferred[i][0];
/******/ var fn = deferred[i][1];
/******/ var priority = deferred[i][2];
/******/ var fulfilled = true;
/******/ for (var j = 0; j < chunkIds.length; j++) {
/******/ if ((priority & 1 === 0 || notFulfilled >= priority) && Object.keys(__webpack_require__.O).every((key) => (__webpack_require__.O[key](chunkIds[j])))) {
/******/ chunkIds.splice(j--, 1);
/******/ } else {
/******/ fulfilled = false;
/******/ if(priority < notFulfilled) notFulfilled = priority;
/******/ }
/******/ }
/******/ if(fulfilled) {
/******/ deferred.splice(i--, 1)
/******/ var r = fn();
/******/ if (r !== undefined) result = r;
/******/ }
/******/ }
/******/ return result;
/******/ };
/******/ })();
/******/
/******/ /* webpack/runtime/compat get default export */
/******/ (() => {
/******/ // getDefaultExport function for compatibility with non-harmony modules
/******/ __webpack_require__.n = (module) => {
/******/ var getter = module && module.__esModule ?
/******/ () => (module['default']) :
/******/ () => (module);
/******/ __webpack_require__.d(getter, { a: getter });
/******/ return getter;
/******/ };
/******/ })();
/******/
/******/ /* webpack/runtime/define property getters */
/******/ (() => {
/******/ // define getter functions for harmony exports
/******/ __webpack_require__.d = (exports, definition) => {
/******/ for(var key in definition) {
/******/ if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
/******/ Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
/******/ }
/******/ }
/******/ };
/******/ })();
/******/
/******/ /* webpack/runtime/hasOwnProperty shorthand */
/******/ (() => {
/******/ __webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
/******/ })();
/******/
/******/ /* webpack/runtime/make namespace object */
/******/ (() => {
/******/ // define __esModule on exports
/******/ __webpack_require__.r = (exports) => {
/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
/******/ }
/******/ Object.defineProperty(exports, '__esModule', { value: true });
/******/ };
/******/ })();
/******/
/******/ /* webpack/runtime/jsonp chunk loading */
/******/ (() => {
/******/ // no baseURI
/******/
/******/ // object to store loaded and loading chunks
/******/ // undefined = chunk not loaded, null = chunk preloaded/prefetched
/******/ // [resolve, reject, Promise] = chunk loading, 0 = chunk loaded
/******/ var installedChunks = {
/******/ "lien-chapitre/index": 0,
/******/ "./style-index": 0
/******/ };
/******/
/******/ // no chunk on demand loading
/******/
/******/ // no prefetching
/******/
/******/ // no preloaded
/******/
/******/ // no HMR
/******/
/******/ // no HMR manifest
/******/
/******/ __webpack_require__.O.j = (chunkId) => (installedChunks[chunkId] === 0);
/******/
/******/ // install a JSONP callback for chunk loading
/******/ var webpackJsonpCallback = (parentChunkLoadingFunction, data) => {
/******/ var chunkIds = data[0];
/******/ var moreModules = data[1];
/******/ var runtime = data[2];
/******/ // add "moreModules" to the modules object,
/******/ // then flag all "chunkIds" as loaded and fire callback
/******/ var moduleId, chunkId, i = 0;
/******/ if(chunkIds.some((id) => (installedChunks[id] !== 0))) {
/******/ for(moduleId in moreModules) {
/******/ if(__webpack_require__.o(moreModules, moduleId)) {
/******/ __webpack_require__.m[moduleId] = moreModules[moduleId];
/******/ }
/******/ }
/******/ if(runtime) var result = runtime(__webpack_require__);
/******/ }
/******/ if(parentChunkLoadingFunction) parentChunkLoadingFunction(data);
/******/ for(;i < chunkIds.length; i++) {
/******/ chunkId = chunkIds[i];
/******/ if(__webpack_require__.o(installedChunks, chunkId) && installedChunks[chunkId]) {
/******/ installedChunks[chunkId][0]();
/******/ }
/******/ installedChunks[chunkId] = 0;
/******/ }
/******/ return __webpack_require__.O(result);
/******/ }
/******/
/******/ var chunkLoadingGlobal = self["webpackChunkmultiblocks"] = self["webpackChunkmultiblocks"] || [];
/******/ chunkLoadingGlobal.forEach(webpackJsonpCallback.bind(null, 0));
/******/ chunkLoadingGlobal.push = webpackJsonpCallback.bind(null, chunkLoadingGlobal.push.bind(chunkLoadingGlobal));
/******/ })();
/******/
/************************************************************************/
/******/
/******/ // startup
/******/ // Load entry module and return exports
/******/ // This entry module depends on other loaded chunks and execution need to be delayed
/******/ var __webpack_exports__ = __webpack_require__.O(undefined, ["./style-index"], () => (__webpack_require__("./src/lien-chapitre/index.js")))
/******/ __webpack_exports__ = __webpack_require__.O(__webpack_exports__);
/******/
/******/ })()
;
//# sourceMappingURL=index.js.map

File diff suppressed because one or more lines are too long

View File

@ -0,0 +1,4 @@
/*!*****************************************************************************************************************************************************************************************************************************************************!*\
!*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/lien-chapitre/style.scss ***!
\*****************************************************************************************************************************************************************************************************************************************************/

View File

@ -0,0 +1,34 @@
/*!***************************************************************************************************************************************************************************************************************************************!*\
!*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/style.scss ***!
\***************************************************************************************************************************************************************************************************************************************/
.homegrade-blocks-chapitrage-thematique .homegrade-blocks-chapitre-thematique {
padding-left: 100px;
display: flex;
}
.homegrade-blocks-chapitrage-thematique .homegrade-blocks-chapitre-thematique__cover {
max-width: 250px;
display: flex;
justify-content: center;
align-items: center;
}
.homegrade-blocks-chapitrage-thematique .homegrade-blocks-chapitre-thematique .block-editor-media-placeholder {
margin-bottom: 30px;
}
.homegrade-blocks-chapitrage-thematique .homegrade-blocks-lien-chapitre {
padding: 20px;
margin: 40px 0;
box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.homegrade-blocks-chapitrage-thematique .homegrade-blocks-lien-chapitre__title {
font-weight: 700;
}
/*!***********************************************************************************************************************************************************************************************************************************************************!*\
!*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/chapitre-thematique/style.scss ***!
\***********************************************************************************************************************************************************************************************************************************************************/
/*!*****************************************************************************************************************************************************************************************************************************************************!*\
!*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/lien-chapitre/style.scss ***!
\*****************************************************************************************************************************************************************************************************************************************************/
/*# sourceMappingURL=style-index.css.map*/

View File

@ -0,0 +1 @@
{"version":3,"file":"./style-index.css","mappings":";;;AACC;EACC;EACA;AAAF;AAEE;EACC;EACA;EACA;EACA;AAAH;AAEE;EACC;AAAH;AAGC;EACC;EACA;EACA;AADF;AAEE;EACC;AAAH,C","sources":["webpack://multiblocks/./src/style.scss"],"sourcesContent":[".homegrade-blocks-chapitrage-thematique {\n\t.homegrade-blocks-chapitre-thematique {\n\t\tpadding-left: 100px;\n\t\tdisplay: flex;\n\n\t\t&__cover {\n\t\t\tmax-width: 250px;\n\t\t\tdisplay: flex;\n\t\t\tjustify-content: center;\n\t\t\talign-items: center;\n\t\t}\n\t\t.block-editor-media-placeholder {\n\t\t\tmargin-bottom: 30px;\n\t\t}\n\t}\n\t.homegrade-blocks-lien-chapitre {\n\t\tpadding: 20px;\n\t\tmargin: 40px 0;\n\t\tbox-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;\n\t\t&__title {\n\t\t\tfont-weight: 700;\n\t\t}\n\t}\n}\n"],"names":[],"sourceRoot":""}

View File

@ -5,9 +5,10 @@
"version": "0.1.0",
"title": "Chapitrage Thématique",
"category": "homegrade-blocks",
"description": "Pour insérer un bloc de gestion de chapitres pour une thématique parent",
"description": "(Pour les thématiques parents) Pour insérer un bloc de gestion de chapitres pour une thématique parent",
"supports": {
"html": false
"html": false,
"multiple": false
},
"textdomain": "homegrade-blocks",
"editorScript": "file:./index.js",

View File

@ -0,0 +1,38 @@
{
"$schema": "https://schemas.wp.org/trunk/block.json",
"apiVersion": 2,
"name": "homegrade-content-blocks/chapitre-thematique",
"version": "0.1.0",
"title": "Chapitre Thématiques ",
"category": "homegrade-blocks",
"description": "Point de légende pour titrer ou décrire un point de légende spécifique sur un Schéma ",
"supports": {
"html": false
},
"editorScript": "file:./index.js",
"editorStyle": "file:./index.css",
"style": "file:./style-index.css",
"attributes": {
"chapterTitle": {
"type": "string",
"default": ""
},
"chapterDescription": {
"type": "string",
"default": ""
},
"chapterImageUrl": {
"type": "string"
},
"chapterImageId": {
"type": "number"
},
"chapterImageAlt": {
"type": "string",
"source": "attribute",
"selector": "img",
"attribute": "alt",
"default": ""
}
}
}

View File

@ -0,0 +1,114 @@
import { __ } from "@wordpress/i18n";
import "./editor.scss";
import "../lien-chapitre";
import {
useBlockProps,
RichText,
InnerBlocks,
BlockControls,
} from "@wordpress/block-editor";
import { ToolbarGroup, ToolbarButton } from "@wordpress/components";
import { MediaReplaceFlow, MediaPlaceholder } from "@wordpress/block-editor";
import { trash } from "@wordpress/icons";
export default function Edit({ attributes, setAttributes, ...props }) {
let { chapterTitle, chapterDescription } = attributes;
function onChangeChapterTitle(chapterTitle) {
setAttributes({ chapterTitle });
}
function onChangeChapterDescription(chapterDescription) {
setAttributes({ chapterDescription });
}
let { chapterImageUrl, chapterImageId, chapterImageAlt } = attributes;
function setImageAttributes(media) {
if (!media || !media.url) {
setAttributes({
chapterImageUrl: null,
chapterImageId: null,
chapterImageAlt: null,
});
return;
}
setAttributes({
chapterImageUrl: media.url,
chapterImageId: media.id,
chapterImageAlt: media?.alt,
});
}
function removeImageAttributes() {
setAttributes({
chapterImageUrl: null,
chapterImageId: null,
chapterImageAlt: null,
});
}
return (
<>
<BlockControls>
<ToolbarGroup>
<MediaReplaceFlow
mediaId={chapterImageId}
mediaUrl={chapterImageUrl}
allowedTypes={["image"]}
accept="image/*"
onSelect={setImageAttributes}
name={
!chapterImageUrl ? __("Ajouter une Image") : __("Remplacer Image")
}
/>
<ToolbarButton
title={"Supprimer Image"}
icon={trash}
isActive={chapterImageUrl}
onClick={removeImageAttributes}
/>
</ToolbarGroup>
</BlockControls>
<div
{...useBlockProps({
className: `homegrade-blocks-chapitre-thematique`,
})}
>
<div className="homegrade-blocks-chapitre-thematique__cover">
{!chapterImageUrl && (
<MediaPlaceholder
accept="image/*"
allowedTypes={["image"]}
onSelect={setImageAttributes}
multiple={false}
handleUpload={true}
/>
)}
{chapterImageUrl && (
<img src={chapterImageUrl} alt={chapterImageAlt} />
)}
</div>
<div className="homegrade-blocks-chapitre-thematique__content">
<RichText
tagName="h3"
className="homegrade-blocks-chapitre-thematique__title"
placeholder={__("Titre du chapitre", "homegrade-blocks")}
value={chapterTitle}
onChange={onChangeChapterTitle}
/>
<RichText
tagName="p"
className="homegrade-blocks-chapitre-thematique__description"
placeholder={__("Descriptif du chapitre", "homegrade-blocks")}
value={chapterDescription}
onChange={onChangeChapterDescription}
/>
<InnerBlocks
allowedBlocks={["homegrade-content-blocks/lien-chapitre"]}
/>
</div>
</div>
</>
);
}

View File

@ -0,0 +1 @@
// THE STYLE IS HANDLED IN PARENT CHAPITRAGE THEMATIQUE BLOCK

View File

@ -0,0 +1,25 @@
import { registerBlockType } from "@wordpress/blocks";
import "./style.scss";
import metadata from "./block.json";
import Edit from "./edit";
import Save from "./save";
import { navigation } from "@wordpress/icons";
registerBlockType(metadata.name, {
title: metadata.title,
icon: {
foreground: "#DF1E1E",
src: (
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
<path d="M8,7h8a1,1,0,0,1,1,1v8a1,1,0,0,1-1,1H8a1,1,0,0,1-1-1V8A1,1,0,0,1,8,7Zm3-5V4h2V2Zm7,0H16V4h2ZM6,4H8V2H6ZM2,2V4L4,2ZM22,4V2H20ZM13,22V20H11v2Zm3,0h2V20H16ZM6,22H8V20H6Zm14-9h2V11H20Zm0,5h2V16H20ZM20,8h2V6H20ZM4,11H2v2H4Zm0,5H2v2H4ZM4,6H2V8H4ZM2,20v2H4Zm20,2V20l-2,2Z" />
</svg>
),
},
supports: metadata.supports,
attributes: metadata.attributes,
edit: Edit,
save: Save,
});

View File

@ -0,0 +1,22 @@
import { useBlockProps, RichText, InnerBlocks } from "@wordpress/block-editor";
export default function save({ attributes }) {
const { chapterTitle, chapterDescription, chapterImageUrl, chapterImageAlt } =
attributes;
return (
<div
{...useBlockProps.save({
className: `homegrade-blocks-chapitre-thematique`,
})}
>
<div className="homegrade-blocks-chapitre-thematique__cover">
{chapterImageUrl && <img src={chapterImageUrl} alt={chapterImageAlt} />}
</div>
<div className="homegrade-blocks-chapitre-thematique__content">
<RichText.Content tagName="h3" value={chapterTitle} />
<RichText.Content tagName="p" value={chapterDescription} />
<InnerBlocks.Content />
</div>
</div>
);
}

View File

@ -0,0 +1 @@
// THE STYLE IS HANDLED IN PARENT CHAPITRAGE THEMATIQUE BLOCK

View File

@ -1,27 +1,28 @@
import { __ } from "@wordpress/i18n";
import "./editor.scss";
import "./chapitre-thematique";
import {
useBlockProps,
RichText,
BlockControls,
} from "@wordpress/block-editor";
export default function Edit() {
import { useBlockProps, RichText, InnerBlocks } from "@wordpress/block-editor";
import { MediaReplaceFlow, MediaPlaceholder } from "@wordpress/block-editor";
import { ToolbarGroup, ToolbarButton } from "@wordpress/components";
import { trash } from "@wordpress/icons";
export default function Edit({
attributes,
setAttributes,
clientId,
...props
}) {
return (
<>
<section
{...useBlockProps({
className: `homegrade-blocks-chapitrage-thematique`,
})}
>
<RichText
onChange={(value) => setAttributes({ textContent: value })}
value={textContent}
tagName="p"
className="aside-content"
placeholder="Ajoutez votre texte ici"
<InnerBlocks
allowedBlocks={["homegrade-content-blocks/chapitre-thematique"]}
/>
{__("Multiblocks salut from the editor!", "multiblocks")}
</section>
</>
);
}

View File

@ -1,9 +0,0 @@
/**
* The following styles get applied inside the editor only.
*
* Replace them with your own styles or remove the file completely.
*/
.wp-block-create-block-multiblocks {
border: 1px dotted #f00;
}

View File

@ -0,0 +1,158 @@
import { __ } from "@wordpress/i18n";
import { InspectorControls } from "@wordpress/block-editor";
import {
PanelBody,
SelectControl,
ComboboxControl,
} from "@wordpress/components";
import "./editor.scss";
import { useSelect } from "@wordpress/data";
import { useEffect, useState } from "@wordpress/element";
import { decodeEntities } from "@wordpress/html-entities";
export default function OptionsSelectControl({
setAttributes,
chapterLinkRelatedPostId,
}) {
let [relatedQuestionPages, setRelatedQuestionPages] = useState(null);
let [childTermsIdArray, setChildTermsIdArray] = useState(null);
const lang = getAdminLanguageFromCookie("wp-wpml_current_language");
function getAdminLanguageFromCookie(c_name) {
var c_value = document.cookie,
c_start = c_value.indexOf(" " + c_name + "=");
if (c_start == -1) c_start = c_value.indexOf(c_name + "=");
if (c_start == -1) {
c_value = null;
} else {
c_start = c_value.indexOf("=", c_start) + 1;
var c_end = c_value.indexOf(";", c_start);
if (c_end == -1) {
c_end = c_value.length;
}
c_value = unescape(c_value.substring(c_start, c_end));
}
return c_value;
}
function handleRelatedPostChange(postId) {
setAttributes({ chapterLinkRelatedPostId: Number(postId) });
}
function buildTaxChildrenIdArray(childrenArray) {
return childrenArray.map((item) => item.id);
}
function buildSelectOptions(relatedPossiblePages) {
let options = [];
if (relatedPossiblePages) {
options.push({ value: 0, label: "Sélectionnez une page" });
relatedPossiblePages.forEach((page) => {
options.push({
value: page.id,
label: decodeEntities(page.title.rendered),
});
});
} else {
options.push({ value: 0, label: "Pas encore de questions..." });
}
return options;
}
// GET TAXONOMIES INOFRMATION
let postTaxonomies = useSelect((select) =>
select("core/editor").getCurrentPostAttribute("thematiques")
);
// GET THE CURRENT TAXONOMY AND FIND THE PARENT OBJECT
let postMainTaxonomy = useSelect(
(select) =>
select("core").getEntityRecord(
"taxonomy",
"thematiques",
postTaxonomies[0]
),
[postTaxonomies]
);
let postParentTaxonomy = useSelect(
(select) => {
if (postMainTaxonomy && postMainTaxonomy.parent) {
return select("core").getEntityRecord(
"taxonomy",
"thematiques",
postMainTaxonomy.parent
);
}
return null;
},
[postMainTaxonomy]
);
let currentGeneralThematique = postParentTaxonomy ?? postMainTaxonomy ?? null;
// GET THE PARENT TAX CHILDREN
let childTerms = useSelect((select) => {
if (currentGeneralThematique) {
return select("core").getEntityRecords("taxonomy", "thematiques", {
parent: currentGeneralThematique.id,
});
}
return null;
});
// BUILD AN ARRAY OF CHILDREN TAXONOMIES ID AND PUT IT IN THE STATE
useEffect(() => {
if (childTerms) {
setChildTermsIdArray(buildTaxChildrenIdArray(childTerms));
}
}, [childTerms]);
// GET OPTIONS FOR RELATED POSSIBLE PAGES ACCORDING TO CURRENT TAXONOMY CHILDREN ID ARRAY
const relatedPossiblePages = useSelect((select) => {
if (childTermsIdArray) {
let query = {
status: "publish",
per_page: -1,
lang: lang,
thematiques: childTermsIdArray,
};
return select("core").getEntityRecords("postType", "conseils", query);
}
return null;
});
useEffect(() => {
if (relatedPossiblePages) {
setRelatedQuestionPages(buildSelectOptions(relatedPossiblePages));
}
}, [relatedPossiblePages]);
let panelTitle = postParentTaxonomy
? "Conseils " + postParentTaxonomy.name
: postMainTaxonomy
? "Conseils " + postMainTaxonomy.name
: null;
return (
<InspectorControls>
<PanelBody
title={__("Conseils Relié", "homegrade-blocks__texte-fonctionnel")}
>
{/* <SelectControl
label={panelTitle}
value={chapterLinkRelatedPostId}
options={relatedQuestionPages}
onChange={(e) => handleRelatedPostChange(e)}
/> */}
{relatedQuestionPages && (
<ComboboxControl
label={panelTitle}
onChange={(e) => handleRelatedPostChange(e)}
options={relatedQuestionPages}
value={chapterLinkRelatedPostId}
/>
)}
</PanelBody>
</InspectorControls>
);
}

View File

@ -0,0 +1,31 @@
{
"$schema": "https://schemas.wp.org/trunk/block.json",
"apiVersion": 2,
"name": "homegrade-content-blocks/lien-chapitre",
"version": "0.1.0",
"title": "Lien de chapitre",
"category": "homegrade-blocks",
"description": "Pour insérer des liens dans un chapitre thématique",
"supports": {
"html": false
},
"editorScript": "file:./index.js",
"editorStyle": "file:./index.css",
"style": "file:./style-index.css",
"attributes": {
"chapterLinkTitle": {
"type": "string",
"default": ""
},
"chapterLinkDescription": {
"type": "string",
"default": ""
},
"chapterLinkRelatedPostId": {
"type": "number"
},
"chapterLinkRelatedPostUrl": {
"type": "string"
}
}
}

View File

@ -0,0 +1,85 @@
import { __ } from "@wordpress/i18n";
// import { useBlockProps } from "@wordpress/block-editor";
import "./editor.scss";
import {
PanelBody,
FocalPointPicker,
TextControl,
TextareaControl,
} from "@wordpress/components";
import { useSelect } from "@wordpress/data";
import {
useBlockProps,
RichText,
InspectorControls,
InnerBlocks,
} from "@wordpress/block-editor";
import OptionsSelectControl from "./OptionsSelectControl";
export default function Edit({ attributes, setAttributes, ...props }) {
let {
chapterLinkTitle,
chapterLinkDescription,
chapterLinkRelatedPostId,
chapterLinkRelatedPostUrl,
} = attributes;
let currentRelatedPostConseil = useSelect((select) =>
select("core").getEntityRecord(
"postType",
"conseils",
chapterLinkRelatedPostId
)
);
if (
currentRelatedPostConseil &&
currentRelatedPostConseil.link !== chapterLinkRelatedPostUrl
) {
console.log(chapterLinkRelatedPostUrl);
console.log(currentRelatedPostConseil.link);
setAttributes({
chapterLinkRelatedPostUrl: currentRelatedPostConseil.link,
});
}
function onChangeChapterLinkTitle(chapterLinkTitle) {
setAttributes({ chapterLinkTitle });
}
function onChangeChapterLinkDescription(chapterLinkDescription) {
setAttributes({ chapterLinkDescription });
}
return (
<>
<OptionsSelectControl
chapterLinkRelatedPostId={chapterLinkRelatedPostId}
setAttributes={setAttributes}
/>
<div
{...useBlockProps({
className: `homegrade-blocks-lien-chapitre`,
})}
>
<RichText
tagName="h4"
className="homegrade-blocks-lien-chapitre__title"
placeholder={__("Titre du chapitre", "homegrade-blocks")}
value={chapterLinkTitle}
onChange={onChangeChapterLinkTitle}
/>
<RichText
tagName="p"
className="homegrade-blocks-lien-chapitre__description"
placeholder={__("Descriptif du chapitre", "homegrade-blocks")}
value={chapterLinkDescription}
onChange={onChangeChapterLinkDescription}
/>
{chapterLinkRelatedPostUrl && (
<a href={chapterLinkRelatedPostUrl}>{chapterLinkRelatedPostUrl}</a>
)}
</div>
</>
);
}

View File

@ -0,0 +1 @@
// THE STYLE IS HANDLED IN PARENT CHAPITRAGE THEMATIQUE BLOCK

View File

@ -0,0 +1,33 @@
import { registerBlockType } from "@wordpress/blocks";
import "./style.scss";
import metadata from "./block.json";
import Edit from "./edit";
import Save from "./save";
import { navigation } from "@wordpress/icons";
registerBlockType(metadata.name, {
title: metadata.title,
icon: {
foreground: "#DF1E1E",
src: (
<svg
id="Calque_1"
data-name="Calque 1"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 24 24"
>
<path
class="cls-1"
d="m20,20V4c0-1.1-.9-2-2-2H6c-1.1,0-2,.9-2,2v16c0,1.1.9,2,2,2h12c1.1,0,2-.9,2-2Zm-8.71-3.29c-.39-.39-.39-1.02,0-1.41l2.29-2.29h-5.59c-.55,0-1-.45-1-1s.45-1,1-1h5.59l-2.29-2.29c-.4-.38-.41-1.02-.02-1.41.38-.4,1.02-.41,1.41-.02,0,0,.02.02.02.02l4,4c.39.39.39,1.02,0,1.41l-4,4c-.39.39-1.02.4-1.41.02,0,0,0,0,0-.02Z"
/>
</svg>
),
},
supports: metadata.supports,
attributes: metadata.attributes,
edit: Edit,
save: Save,
});

View File

@ -0,0 +1,28 @@
import { useBlockProps, RichText, InnerBlocks } from "@wordpress/block-editor";
export default function save({ attributes }) {
let { chapterLinkTitle, chapterLinkDescription, chapterLinkRelatedPostUrl } =
attributes;
return (
<div
{...useBlockProps.save({
className: `homegrade-blocks-lien-chapitre`,
})}
>
<RichText.Content
tagName="h4"
value={chapterLinkTitle}
className="homegrade-blocks-lien-chapitre__title"
/>
<RichText.Content
tagName="p"
value={chapterLinkDescription}
className="homegrade-blocks-lien-chapitre__description"
/>
{chapterLinkRelatedPostUrl && (
<a href={chapterLinkRelatedPostUrl}>{chapterLinkRelatedPostUrl}</a>
)}
</div>
);
}

View File

@ -0,0 +1 @@
// THE STYLE IS HANDLED IN PARENT CHAPITRAGE THEMATIQUE BLOCK

View File

@ -1,14 +1,13 @@
import { useBlockProps } from "@wordpress/block-editor";
import { useBlockProps, RichText } from "@wordpress/block-editor";
import { useBlockProps, RichText, InnerBlocks } from "@wordpress/block-editor";
export default function save() {
export default function save({ attributes }) {
return (
<section
{...useBlockProps.save({
className: `homegrade-blocks-chapitrage-thematique`,
})}
>
{"Multiblocks salut from the saved content!"}
<InnerBlocks.Content />
</section>
);
}

View File

@ -1,12 +1,24 @@
/**
* The following styles get applied both on the front of your site
* and in the editor.
*
* Replace them with your own styles or remove the file completely.
*/
.homegrade-blocks-chapitrage-thematique {
.homegrade-blocks-chapitre-thematique {
padding-left: 100px;
display: flex;
.wp-block-create-block-multiblocks {
background-color: #21759b;
color: #fff;
padding: 2px;
&__cover {
max-width: 250px;
display: flex;
justify-content: center;
align-items: center;
}
.block-editor-media-placeholder {
margin-bottom: 30px;
}
}
.homegrade-blocks-lien-chapitre {
padding: 20px;
margin: 40px 0;
box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
&__title {
font-weight: 700;
}
}
}