introducing block emplois

This commit is contained in:
Antoine M 2023-11-09 18:18:20 +01:00
parent dbbae56922
commit 2fafe7d8df
22 changed files with 29600 additions and 0 deletions

View File

@ -0,0 +1,18 @@
# This file is for unifying the coding style for different editors and IDEs
# editorconfig.org
# WordPress Coding Standards
# https://make.wordpress.org/core/handbook/coding-standards/
root = true
[*]
charset = utf-8
end_of_line = lf
insert_final_newline = true
trim_trailing_whitespace = true
indent_style = tab
[*.{yml,yaml}]
indent_style = space
indent_size = 2

30
blocks/offres-emplois/.gitignore vendored Normal file
View File

@ -0,0 +1,30 @@
# Logs
logs
*.log
npm-debug.log*
yarn-debug.log*
yarn-error.log*
# Coverage directory used by tools like istanbul
coverage
# Compiled binary addons (https://nodejs.org/api/addons.html)
build/Release
# Dependency directories
node_modules/
# Optional npm cache directory
.npm
# Optional eslint cache
.eslintcache
# Output of `npm pack`
*.tgz
# Output of `wp-scripts plugin-zip`
*.zip
# dotenv environment variables file
.env

View File

@ -0,0 +1,23 @@
{
"$schema": "https://schemas.wp.org/trunk/block.json",
"apiVersion": 2,
"name": "homegrade-content-blocks/offres-emplois",
"version": "0.1.0",
"title": "Offres d'emplois",
"category": "homegrade-blocks",
"icon": "smiley",
"keywords": [
"jobs",
"offres",
"emplois"
],
"description": "Un bloc pour afficher les offres valides encodés dans la section jobs",
"supports": {
"html": false
},
"textdomain": "test",
"editorScript": "file:./index.js",
"editorStyle": "file:./index.css",
"style": "file:./style-index.css",
"render": "file:./render.php"
}

View File

@ -0,0 +1 @@
<?php return array('dependencies' => array('wp-block-editor', 'wp-blocks', 'wp-element', 'wp-i18n'), 'version' => 'a0bcd31ed2d9cbd47078');

View File

@ -0,0 +1,13 @@
/*!****************************************************************************************************************************************************************************************************************************************!*\
!*** 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 ***!
\****************************************************************************************************************************************************************************************************************************************/
/**
* The following styles get applied inside the editor only.
*
* Replace them with your own styles or remove the file completely.
*/
.wp-block-create-block-test {
border: 1px dotted #f00;
}
/*# sourceMappingURL=index.css.map*/

View File

@ -0,0 +1 @@
{"version":3,"file":"index.css","mappings":";;;AAAA;;;;EAAA;AAMA;EACC;AAAD,C","sources":["webpack://test/./src/editor.scss"],"sourcesContent":["/**\n * The following styles get applied inside the editor only.\n *\n * Replace them with your own styles or remove the file completely.\n */\n\n.wp-block-create-block-test {\n\tborder: 1px dotted #f00;\n}\n"],"names":[],"sourceRoot":""}

View File

@ -0,0 +1,356 @@
/******/ (function() { // webpackBootstrap
/******/ "use strict";
/******/ var __webpack_modules__ = ({
/***/ "./src/edit.js":
/*!*********************!*\
!*** ./src/edit.js ***!
\*********************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ "default": function() { return /* 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 _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 _editor_scss__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./editor.scss */ "./src/editor.scss");
function Edit() {
return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("section", {
...(0,_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_2__.useBlockProps)({
className: `homegrade-blocks-offres-emplois`
})
}, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_2__.InnerBlocks, {
allowedBlocks: ["homegrade-content-blocks/section-titling"],
template: [["homegrade-content-blocks/section-titling", {
sectionTitle: (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)("Offres d'emploi", "homegrade")
}]],
templateLock: true
}), (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("p", {
className: "temp_guidance_sentence"
}, (0,_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__.__)("Les éléments encodés dans la section jobs s'afficheront ici", "homegrade-blocks__text-backoffice")));
}
/***/ }),
/***/ "./src/index.js":
/*!**********************!*\
!*** ./src/index.js ***!
\**********************/
/***/ (function(__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/style.scss");
/* harmony import */ var _edit__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./edit */ "./src/edit.js");
/* harmony import */ var _save__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./save */ "./src/save.js");
/* harmony import */ var _block_json__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./block.json */ "./src/block.json");
(0,_wordpress_blocks__WEBPACK_IMPORTED_MODULE_1__.registerBlockType)(_block_json__WEBPACK_IMPORTED_MODULE_5__.name, {
icon: {
src: (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("svg", {
id: "Calque_2",
"data-name": "Calque 2",
xmlns: "http://www.w3.org/2000/svg",
viewBox: "0 0 94.9 79.8"
}, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("g", {
id: "Calque_1-2",
"data-name": "Calque 1"
}, (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)("path", {
class: "cls-1",
d: "m63.2,54.9h-2.9c-2.3,0-4.1-1.8-4.2-4-3.9-.2-7.6-.5-11-1.1v10.3c0,1.9,1.5,3.5,3.4,3.5h26.4c1.9,0,3.5-1.5,3.5-3.5v-10.3c-3.4.6-7,.9-11,1.1,0,2.2-1.9,4-4.2,4Zm0-3.1c.6,0,1.1-.5,1.1-1.1v-2.9c0-.6-.5-1.1-1.1-1.1h-2.9c-.6,0-1.1.5-1.1,1.1v2.9c0,.6.5,1.1,1.1,1.1h2.9Zm-46.1,11.9h16.4c1.6,0,3-1.3,3-3s-1.3-3-3-3h-16.4c-1.6,0-3,1.3-3,3s1.3,3,3,3ZM88,0H7C3.1,0,0,3.1,0,7v63.9c0,4.9,4,8.9,8.9,8.9h77.1c4.9,0,8.9-4,8.9-8.9V7c.1-3.9-3-7-6.9-7Zm-53.1,6.5c2.1,0,3.8,1.7,3.8,3.8s-1.7,3.8-3.8,3.8-3.8-1.7-3.8-3.8c.1-2.2,1.8-3.8,3.8-3.8Zm-11.4,0c2.1,0,3.8,1.7,3.8,3.8s-1.7,3.8-3.8,3.8-3.8-1.7-3.8-3.8c.1-2.2,1.7-3.8,3.8-3.8Zm-11.4,0c2.1,0,3.8,1.7,3.8,3.8s-1.7,3.8-3.8,3.8-3.8-1.7-3.8-3.8,1.7-3.8,3.8-3.8Zm76.4,64.4c0,1.3-1.1,2.4-2.4,2.4H8.9c-1.3,0-2.4-1.1-2.4-2.4V20.5h82v50.4Zm-45.1-24.6c3.3.6,7.5,1.2,12.7,1.4,0-2.3,1.9-4.2,4.2-4.2h2.9c2.3,0,4.2,1.9,4.2,4.2,5.2-.2,9.4-.8,12.7-1.4.5-.1.8-.5.8-1v-5.3c0-1.9-1.5-3.4-3.4-3.4h-7.6v-2.5c0-2.7-2.2-4.9-4.9-4.9h-6.3c-2.7,0-4.9,2.2-4.9,4.9v2.5h-7.6c-1.9,0-3.4,1.5-3.4,3.4v5.3c-.2.5.2.9.6,1Zm14.4-12.3h.1c0-.4.3-.7.7-.7h6.3c.4,0,.7.3.7.7v2.2h-7.8v-2.2Zm-40.7,15.9h16.4c1.6,0,3-1.3,3-3,0-1.6-1.3-3-3-3h-16.4c-1.6,0-3,1.3-3,3s1.3,3,3,3Zm0-13.8h16.4c1.6,0,3-1.3,3-3s-1.3-3-3-3h-16.4c-1.6,0-3,1.3-3,3s1.3,3,3,3Z"
}))),
foreground: "#DF1E1E"
},
edit: _edit__WEBPACK_IMPORTED_MODULE_3__["default"],
save: _save__WEBPACK_IMPORTED_MODULE_4__["default"]
});
/***/ }),
/***/ "./src/save.js":
/*!*********************!*\
!*** ./src/save.js ***!
\*********************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ "default": function() { return /* 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
}) {
return (0,_wordpress_element__WEBPACK_IMPORTED_MODULE_0__.createElement)(_wordpress_block_editor__WEBPACK_IMPORTED_MODULE_1__.InnerBlocks.Content, null);
}
/***/ }),
/***/ "./src/editor.scss":
/*!*************************!*\
!*** ./src/editor.scss ***!
\*************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
__webpack_require__.r(__webpack_exports__);
// extracted by mini-css-extract-plugin
/***/ }),
/***/ "./src/style.scss":
/*!************************!*\
!*** ./src/style.scss ***!
\************************/
/***/ (function(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
__webpack_require__.r(__webpack_exports__);
// extracted by mini-css-extract-plugin
/***/ }),
/***/ "@wordpress/block-editor":
/*!*************************************!*\
!*** external ["wp","blockEditor"] ***!
\*************************************/
/***/ (function(module) {
module.exports = window["wp"]["blockEditor"];
/***/ }),
/***/ "@wordpress/blocks":
/*!********************************!*\
!*** external ["wp","blocks"] ***!
\********************************/
/***/ (function(module) {
module.exports = window["wp"]["blocks"];
/***/ }),
/***/ "@wordpress/element":
/*!*********************************!*\
!*** external ["wp","element"] ***!
\*********************************/
/***/ (function(module) {
module.exports = window["wp"]["element"];
/***/ }),
/***/ "@wordpress/i18n":
/*!******************************!*\
!*** external ["wp","i18n"] ***!
\******************************/
/***/ (function(module) {
module.exports = window["wp"]["i18n"];
/***/ }),
/***/ "./src/block.json":
/*!************************!*\
!*** ./src/block.json ***!
\************************/
/***/ (function(module) {
module.exports = JSON.parse('{"$schema":"https://schemas.wp.org/trunk/block.json","apiVersion":2,"name":"homegrade-content-blocks/offres-emplois","version":"0.1.0","title":"Offres d\'emplois","category":"homegrade-blocks","icon":"smiley","keywords":["jobs","offres","emplois"],"description":"Un bloc pour afficher les offres valides encodés dans la section jobs","supports":{"html":false},"textdomain":"test","editorScript":"file:./index.js","editorStyle":"file:./index.css","style":"file:./style-index.css","render":"file:./render.php"}');
/***/ })
/******/ });
/************************************************************************/
/******/ // 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 */
/******/ !function() {
/******/ var deferred = [];
/******/ __webpack_require__.O = function(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(function(key) { return __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 */
/******/ !function() {
/******/ // getDefaultExport function for compatibility with non-harmony modules
/******/ __webpack_require__.n = function(module) {
/******/ var getter = module && module.__esModule ?
/******/ function() { return module['default']; } :
/******/ function() { return module; };
/******/ __webpack_require__.d(getter, { a: getter });
/******/ return getter;
/******/ };
/******/ }();
/******/
/******/ /* webpack/runtime/define property getters */
/******/ !function() {
/******/ // define getter functions for harmony exports
/******/ __webpack_require__.d = function(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 */
/******/ !function() {
/******/ __webpack_require__.o = function(obj, prop) { return Object.prototype.hasOwnProperty.call(obj, prop); }
/******/ }();
/******/
/******/ /* webpack/runtime/make namespace object */
/******/ !function() {
/******/ // define __esModule on exports
/******/ __webpack_require__.r = function(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 */
/******/ !function() {
/******/ // 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 = {
/******/ "index": 0,
/******/ "./style-index": 0
/******/ };
/******/
/******/ // no chunk on demand loading
/******/
/******/ // no prefetching
/******/
/******/ // no preloaded
/******/
/******/ // no HMR
/******/
/******/ // no HMR manifest
/******/
/******/ __webpack_require__.O.j = function(chunkId) { return installedChunks[chunkId] === 0; };
/******/
/******/ // install a JSONP callback for chunk loading
/******/ var webpackJsonpCallback = function(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(function(id) { return 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["webpackChunktest"] = self["webpackChunktest"] || [];
/******/ 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"], function() { return __webpack_require__("./src/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,45 @@
<?php
$args = array(
'post_type' => 'jobs',
'posts_per_page' => -1,
'status' => 'publish',
);
$offresEmplois = new WP_Query($args);
?>
<section <?php echo get_block_wrapper_attributes(["class" => "homegrade-blocks-offres-emplois"]); ?>>
<?php echo $content; ?>
<ul class="homegrade-blocks-offres-emplois__offres-grid-datas">
<div class="table_head">
<p><?php echo __("Poste", "homegrade-blocks__texte-fonctionnel") ?></p>
<p><?php echo __("Offre", "homegrade-blocks__texte-fonctionnel") ?></p>
</div>
<?php foreach ($offresEmplois->posts as $offre) : ?>
<?php
$contractType = get_field("contract_type", $offre->ID) ? get_field("contract_type", $offre->ID)['label'] : null;
$offrePermalink = get_the_permalink($offre->ID);
get_the_content($offre->ID);
?>
<li class="homegrade-blocks-offres-emplois__offre">
<p class="homegrade-blocks-offres-emplois__offre-title"><a href="<?php echo $offrePermalink ?>"><?php echo $offre->post_title ?></a></p>
<p class="homegrade-blocks-offres-emplois__offre-type"><?php echo $contractType ?></p>
<a class="homegrade-blocks-offres-emplois__offre-download cta cta--secondary cta--button" href="<?php echo $offrePermalink ?>"><?php echo __("Consulter l'offre", "homegrade-theme__texte-fonctionnel") ?></a>
</li>
<?php endforeach; ?>
</ul>
</section>

View File

@ -0,0 +1,16 @@
/*!***************************************************************************************************************************************************************************************************************************************!*\
!*** 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 ***!
\***************************************************************************************************************************************************************************************************************************************/
/**
* 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.
*/
.wp-block-create-block-test {
background-color: #21759b;
color: #fff;
padding: 2px;
}
/*# sourceMappingURL=style-index.css.map*/

View File

@ -0,0 +1 @@
{"version":3,"file":"./style-index.css","mappings":";;;AAAA;;;;;EAAA;AAOA;EACC;EACA;EACA;AAAD,C","sources":["webpack://test/./src/style.scss"],"sourcesContent":["/**\n * The following styles get applied both on the front of your site\n * and in the editor.\n *\n * Replace them with your own styles or remove the file completely.\n */\n\n.wp-block-create-block-test {\n\tbackground-color: #21759b;\n\tcolor: #fff;\n\tpadding: 2px;\n}\n"],"names":[],"sourceRoot":""}

28850
blocks/offres-emplois/package-lock.json generated Normal file

File diff suppressed because it is too large Load Diff

View File

@ -0,0 +1,20 @@
{
"name": "test",
"version": "0.1.0",
"description": "Example block scaffolded with Create Block tool.",
"author": "The WordPress Contributors",
"license": "GPL-2.0-or-later",
"main": "build/index.js",
"scripts": {
"build": "wp-scripts build --webpack-copy-php",
"format": "wp-scripts format",
"lint:css": "wp-scripts lint-style",
"lint:js": "wp-scripts lint-js",
"packages-update": "wp-scripts packages-update",
"plugin-zip": "wp-scripts plugin-zip",
"start": "wp-scripts start --webpack-copy-php"
},
"devDependencies": {
"@wordpress/scripts": "^26.11.0"
}
}

View File

@ -0,0 +1,23 @@
{
"$schema": "https://schemas.wp.org/trunk/block.json",
"apiVersion": 2,
"name": "homegrade-content-blocks/offres-emplois",
"version": "0.1.0",
"title": "Offres d'emplois",
"category": "homegrade-blocks",
"icon": "smiley",
"keywords": [
"jobs",
"offres",
"emplois"
],
"description": "Un bloc pour afficher les offres valides encodés dans la section jobs",
"supports": {
"html": false
},
"textdomain": "test",
"editorScript": "file:./index.js",
"editorStyle": "file:./index.css",
"style": "file:./style-index.css",
"render": "file:./render.php"
}

View File

@ -0,0 +1,31 @@
import { __ } from "@wordpress/i18n";
import { useBlockProps } from "@wordpress/block-editor";
import { InnerBlocks } from "@wordpress/block-editor";
import "./editor.scss";
export default function Edit() {
return (
<section
{...useBlockProps({
className: `homegrade-blocks-offres-emplois`,
})}
>
<InnerBlocks
allowedBlocks={["homegrade-content-blocks/section-titling"]}
template={[
[
"homegrade-content-blocks/section-titling",
{ sectionTitle: __("Offres d'emploi", "homegrade") },
],
]}
templateLock={true}
/>
<p className="temp_guidance_sentence">
{__(
"Les éléments encodés dans la section jobs s'afficheront ici",
"homegrade-blocks__text-backoffice"
)}
</p>
</section>
);
}

View File

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

View File

@ -0,0 +1,43 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg id="fiches" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 35.23 43.15">
<defs>
<style>
.cls-1, .cls-2 {
stroke-width: 0px;
}
.cls-1, .cls-3, .cls-4 {
fill: none;
}
.cls-2 {
fill: url(#Dégradé_sans_nom_5);
}
.cls-3, .cls-4 {
stroke: #000;
stroke-linecap: round;
stroke-width: 2px;
}
.cls-4 {
stroke-linejoin: round;
}
</style>
<linearGradient id="Dégradé_sans_nom_5" data-name="Dégradé sans nom 5" x1="-1662.48" y1="-15.41" x2="-1660.8" y2="-17.17" gradientTransform="translate(16763.7 -47.81) scale(10.08 -3.91)" gradientUnits="userSpaceOnUse">
<stop offset="0" stop-color="#f3281d"/>
<stop offset="1" stop-color="#fe766f"/>
</linearGradient>
</defs>
<g id="Groupe_4723" data-name="Groupe 4723">
<g id="Rectangle_1361" data-name="Rectangle 1361">
<rect class="cls-1" y="5.55" width="29.14" height="37.6"/>
<rect class="cls-4" x="1.68" y="7.23" width="25.78" height="34.24"/>
</g>
<rect id="Rectangle_1362" data-name="Rectangle 1362" class="cls-2" x="6.09" y="11.98" width="16.97" height="6.58"/>
<line id="Ligne_3477" data-name="Ligne 3477" class="cls-3" x1="7.03" y1="22.94" x2="22.11" y2="22.94"/>
<line id="Ligne_3478" data-name="Ligne 3478" class="cls-3" x1="7.03" y1="28.26" x2="22.11" y2="28.26"/>
<line id="Ligne_3479" data-name="Ligne 3479" class="cls-3" x1="7.03" y1="33.58" x2="22.11" y2="33.58"/>
<path id="Tracé_20354" data-name="Tracé 20354" class="cls-4" d="m7.02,3.54V1h27.2v37.5h-3.02"/>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.7 KiB

View File

@ -0,0 +1,28 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg id="image" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 35.24 35.24">
<defs>
<style>
.cls-1 {
fill: url(#Dégradé_sans_nom_5);
stroke-width: 0px;
}
.cls-2 {
fill: none;
stroke: #000;
stroke-linecap: round;
stroke-linejoin: round;
stroke-width: 2px;
}
</style>
<linearGradient id="Dégradé_sans_nom_5" data-name="Dégradé sans nom 5" x1="-2760.13" y1="75.52" x2="-2759.14" y2="74.47" gradientTransform="translate(23623.33 653.57) scale(8.56 -8.56)" gradientUnits="userSpaceOnUse">
<stop offset="0" stop-color="#f3281d"/>
<stop offset="1" stop-color="#fe766f"/>
</linearGradient>
</defs>
<g id="Icon_feather-image" data-name="Icon feather-image">
<path id="Tracé_24544" data-name="Tracé 24544" class="cls-2" d="m4.69,1h25.85c2.04,0,3.69,1.65,3.69,3.69h0v25.85c0,2.04-1.65,3.69-3.69,3.69H4.69c-2.04,0-3.69-1.65-3.69-3.69h0V4.69c0-2.04,1.65-3.69,3.69-3.69Z"/>
<path id="Tracé_24545" data-name="Tracé 24545" class="cls-1" d="m15.45,11.18c0,2.36-1.92,4.28-4.28,4.28s-4.28-1.92-4.28-4.28,1.91-4.28,4.28-4.28c2.36,0,4.28,1.91,4.28,4.28h0Z"/>
<path id="Tracé_24546" data-name="Tracé 24546" class="cls-2" d="m34.24,23.16l-9.23-9.23L4.69,34.24"/>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.3 KiB

View File

@ -0,0 +1,29 @@
import { registerBlockType } from "@wordpress/blocks";
import "./style.scss";
import Edit from "./edit";
import save from "./save";
import metadata from "./block.json";
registerBlockType(metadata.name, {
icon: {
src: (
<svg
id="Calque_2"
data-name="Calque 2"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 94.9 79.8"
>
<g id="Calque_1-2" data-name="Calque 1">
<path
class="cls-1"
d="m63.2,54.9h-2.9c-2.3,0-4.1-1.8-4.2-4-3.9-.2-7.6-.5-11-1.1v10.3c0,1.9,1.5,3.5,3.4,3.5h26.4c1.9,0,3.5-1.5,3.5-3.5v-10.3c-3.4.6-7,.9-11,1.1,0,2.2-1.9,4-4.2,4Zm0-3.1c.6,0,1.1-.5,1.1-1.1v-2.9c0-.6-.5-1.1-1.1-1.1h-2.9c-.6,0-1.1.5-1.1,1.1v2.9c0,.6.5,1.1,1.1,1.1h2.9Zm-46.1,11.9h16.4c1.6,0,3-1.3,3-3s-1.3-3-3-3h-16.4c-1.6,0-3,1.3-3,3s1.3,3,3,3ZM88,0H7C3.1,0,0,3.1,0,7v63.9c0,4.9,4,8.9,8.9,8.9h77.1c4.9,0,8.9-4,8.9-8.9V7c.1-3.9-3-7-6.9-7Zm-53.1,6.5c2.1,0,3.8,1.7,3.8,3.8s-1.7,3.8-3.8,3.8-3.8-1.7-3.8-3.8c.1-2.2,1.8-3.8,3.8-3.8Zm-11.4,0c2.1,0,3.8,1.7,3.8,3.8s-1.7,3.8-3.8,3.8-3.8-1.7-3.8-3.8c.1-2.2,1.7-3.8,3.8-3.8Zm-11.4,0c2.1,0,3.8,1.7,3.8,3.8s-1.7,3.8-3.8,3.8-3.8-1.7-3.8-3.8,1.7-3.8,3.8-3.8Zm76.4,64.4c0,1.3-1.1,2.4-2.4,2.4H8.9c-1.3,0-2.4-1.1-2.4-2.4V20.5h82v50.4Zm-45.1-24.6c3.3.6,7.5,1.2,12.7,1.4,0-2.3,1.9-4.2,4.2-4.2h2.9c2.3,0,4.2,1.9,4.2,4.2,5.2-.2,9.4-.8,12.7-1.4.5-.1.8-.5.8-1v-5.3c0-1.9-1.5-3.4-3.4-3.4h-7.6v-2.5c0-2.7-2.2-4.9-4.9-4.9h-6.3c-2.7,0-4.9,2.2-4.9,4.9v2.5h-7.6c-1.9,0-3.4,1.5-3.4,3.4v5.3c-.2.5.2.9.6,1Zm14.4-12.3h.1c0-.4.3-.7.7-.7h6.3c.4,0,.7.3.7.7v2.2h-7.8v-2.2Zm-40.7,15.9h16.4c1.6,0,3-1.3,3-3,0-1.6-1.3-3-3-3h-16.4c-1.6,0-3,1.3-3,3s1.3,3,3,3Zm0-13.8h16.4c1.6,0,3-1.3,3-3s-1.3-3-3-3h-16.4c-1.6,0-3,1.3-3,3s1.3,3,3,3Z"
/>
</g>
</svg>
),
foreground: "#DF1E1E",
},
edit: Edit,
save,
});

View File

@ -0,0 +1,45 @@
<?php
$args = array(
'post_type' => 'jobs',
'posts_per_page' => -1,
'status' => 'publish',
);
$offresEmplois = new WP_Query($args);
?>
<section <?php echo get_block_wrapper_attributes(["class" => "homegrade-blocks-offres-emplois"]); ?>>
<?php echo $content; ?>
<ul class="homegrade-blocks-offres-emplois__offres-grid-datas">
<div class="table_head">
<p><?php echo __("Poste", "homegrade-blocks__texte-fonctionnel") ?></p>
<p><?php echo __("Offre", "homegrade-blocks__texte-fonctionnel") ?></p>
</div>
<?php foreach ($offresEmplois->posts as $offre) : ?>
<?php
$contractType = get_field("contract_type", $offre->ID) ? get_field("contract_type", $offre->ID)['label'] : null;
$offrePermalink = get_the_permalink($offre->ID);
get_the_content($offre->ID);
?>
<li class="homegrade-blocks-offres-emplois__offre">
<p class="homegrade-blocks-offres-emplois__offre-title"><a href="<?php echo $offrePermalink ?>"><?php echo $offre->post_title ?></a></p>
<p class="homegrade-blocks-offres-emplois__offre-type"><?php echo $contractType ?></p>
<a class="homegrade-blocks-offres-emplois__offre-download cta cta--secondary cta--button" href="<?php echo $offrePermalink ?>"><?php echo __("Consulter l'offre", "homegrade-theme__texte-fonctionnel") ?></a>
</li>
<?php endforeach; ?>
</ul>
</section>

View File

@ -0,0 +1,5 @@
import { useBlockProps, InnerBlocks } from "@wordpress/block-editor";
export default function save({ attributes }) {
return <InnerBlocks.Content />;
}

View File

@ -0,0 +1,12 @@
/**
* 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.
*/
.wp-block-create-block-test {
background-color: #21759b;
color: #fff;
padding: 2px;
}