arcticsoftware/polarpress-pagebuilder
1
0
Fork 0
Code Issues Pull Requests Projects Wiki Activity

Update Architecture and structure of the page components (blocks)

Helge-Mikael Nordgård 2025-05-06 20:21:01 +02:00
parent 4c376db6ad
commit 235fadb427
1 changed files with 7 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
Architecture-and-structure-of-the-page-components-%28blocks%29.md

@ -48,8 +48,14 @@
│   │   └── TwoColumnTextRendered.vue
```
### Component files
All vue files under `resources/js/components/Blocks/<block_category>/` are the actual components. Each component will have:
* A vue file for rendering the look of the component on the page builder (<ComponentName>.vue)
* A vue file for rendering the look of the component on the actual page (<ComponentName>Rendered.vue)
* A vue file for rendering the form fields the author of the page uses to fill out and manipulate component block data (for instance, title, text, button text, button type, size, etc. Everything you can think off)
* A vue file for rendering the form fields the author of the page uses to fill out and manipulate component block data (for instance, title, text, button text, button type, size, etc. Everything you can think off) that will pop up in the left drawer, when the user clicks the cogwheel button
### block.js - definition file
block.js (in `resources/js/Utils`) contains all the component block categories, component blocks, and field definitions for each component block in json format. Some field definitions are hardcoded with the system, and dictates their behaviour, other field definitions you are free to define yourself (as long as they don't conflict with the other built in field definitions.