Sherlockode AdvancedContentBundle
, (*1)
, (*2)
Table of Content
Overview
This bundle provides advanced CMS features for end user contribution., (*3)
Users can build their website pages quickly and effortlessly thanks to our intuitive interface.
Several standard elements are included, such as text block, heading, image, image carousel, video player, ...
Responsive layouts can be shaped as needed with row and column elements.
Drafts are saved automatically and it's easy to rollback to a previous version.
Custom elements can be added simply with a few lines of code., (*4)
Installation
Get the bundle using composer
The best way to install this bundle is to rely on Composer:, (*5)
$ composer require sherlockode/advanced-content-bundle
Enable the bundle
Register the bundle in your application's kernel:, (*6)
// config/bundles.php
<?php
return [
/* ... */
Sherlockode\AdvancedContentBundle\SherlockodeAdvancedContentBundle::class => ['all' => true],
];
Terminology
Entities
A Page is linked to a PageMeta and to a Content.\
It can optionally be linked to a PageType too., (*7)
Content can be used independently as well.\
For example, if several Pages include the same layer, you can create a single Content with this layer and then include the Content within the Pages.\
As a result, if the layer has to change, you only have to change a single Content instead of all the Pages., (*8)
You can also create a Content to make some parts of your website dynamic.\
For example, you can create a Content which includes your footer links. This way you don't have to change your template everytime the footer has to be updated., (*9)
Pages, PageMetas and Contents are all versionable, hence the PageVersion, PageMetaVersion and ContentVersion entities., (*10)
Finally, if you enabled the scope management, you will be able to associate each Page and Content to one or multiple Scopes., (*11)
Elements
Content data is an array of Elements.\
Elements can either be a Layout or a FieldType.\
Layouts include rows and columns.\
FieldTypes include the field types we defined (text, image, video, ...) and you custom field types., (*12)
Configuration
Assets
jQuery and jQuery UI are mandatory and should be required in package.json in order for the assets build to work., (*13)
Please note that Font Awesome is optional, but natively used for icons display on contribution pages.
To use it you should require @fortawesome/fontawesome-free in package.json (or use another install method of your choice)., (*14)
{
"dependencies": {
"@fortawesome/fontawesome-free": "^6.1.2",
"jquery": "^3.5.0",
"jquery-ui": "1.12.1"
}
}
You should import the provided assets in your main asset file to integrate them in your asset build process., (*15)
// assets/js/app.js
import '../../vendor/sherlockode/advanced-content-bundle/Resources/public/css/index.scss';
import '../../vendor/sherlockode/advanced-content-bundle/Resources/js/index.js';
// font awesome (optional)
import '@fortawesome/fontawesome-free/css/fontawesome.css';
import '@fortawesome/fontawesome-free/css/solid.css';
You can use the provided layout.html.twig or build your own depending on your needs.
The symfony/webpack-encore-bundle is required in order to use this layout with the Webpack Encore Twig functions., (*16)
composer require symfony/webpack-encore-bundle
{# templates/layout.html.twig #}
{# ... #}
{{ encore_entry_link_tags('app') }}
{# ... #}
{{ encore_entry_script_tags('app') }}
Twig
The bundle automatically uses Bootstrap 5 (or Bootstrap 4 for Symfony < 5.3) as the base form theme for all forms., (*17)
If you just want to use a different form theme,
you can override the bundle's base form theme file Form/base_theme.html.twig, (*18)
{# templates/bundles/SherlockodeAdvancedContentBundle/Form/base_theme.html.twig #}
{% extends 'form_div_layout.html.twig' %}
Entities
SherlockodeAdvancedContentBundle provides 8 entity models.
To be able to use them, you need to create your own entities, see examples in the doc,
and fill the corresponding configuration :, (*19)
# config/packages/sherlockode_advanced_content.yaml
sherlockode_advanced_content:
entity_class:
content: App\Entity\Content
content_version: App\Entity\ContentVersion
page: App\Entity\Page
page_meta: App\Entity\PageMeta
page_meta_version: App\Entity\PageMetaVersion
page_type: App\Entity\PageType
page_version: App\Entity\PageVersion
scope: App\Entity\Scope
Upload configuration
If you want to use the Image or File field type, you need to configure the directory in which the images will be saved., (*20)
If not defined, all images will be saved in the system's temporary directory., (*21)
The uri_prefix is used to retrieve the image on display.
The resulting image URL will be the URI prefix with the uploaded file name appended., (*22)
# config/packages/sherlockode_advanced_content.yml
sherlockode_advanced_content:
upload:
image_directory: '%kernel.project_dir%/public/uploads/acb_images'
uri_prefix: /uploads/acb_images
The bundle use namers to name uploaded files. A namer is a simple class which implements
Sherlockode\AdvancedContentBundle\Naming\NamerInterface., (*23)
The built-in namers are:
- Sherlockode\AdvancedContentBundle\Naming\UniqueNamer: use a combination of md5 / uniqueid to try
to make the filename unique. This is the default namer. His service is
sherlockode_advanced_content.unique_file_namer;
- Sherlockode\AdvancedContentBundle\Naming\ClientOriginalNamer: keep the original file name.
His service ID is Ìsherlockode_advanced_content.client_original_file_namer, (*24)
You can change the namer through the configuration:, (*25)
# config/packages/sherlockode_advanced_content.yml
sherlockode_advanced_content:
upload:
image_directory: '%kernel.project_dir%/public/uploads/acb_images'
uri_prefix: /uploads/acb_images
file_namer: sherlockode_advanced_content.client_original_file_namer
Routing
The routing is split into several files for better import rules., (*26)
- content.xml : Utility routes for editing contents
- content_crud.xml : basic CRUD routes for Content (demo purpose)
- page.xml : Utility routes for editing pages
- page_crud.xml : basic CRUD routes for Pages (demo purpose)
- scope_crud.xml : basic CRUD routes for Scopes (demo purpose)
- tools.xml : Routes for tooling pages, like import/export, Page Type CRUD
- all.xml : includes all the above
- base.xml : includes tools.xml, content.xml and page.xml
The base.xml file is sufficient if you plan to manage all your CRUD operations in custom controllers
(like if you use an external admin system)., (*27)
# config/routes.yaml
sherlockode_advanced_content:
prefix: '/acb'
resource: '@SherlockodeAdvancedContentBundle/Resources/config/routing/base.xml'
# or include all routes directly
# resource: '@SherlockodeAdvancedContentBundle/Resources/config/routing/all.xml'
Advanced Documentation
Dependencies
This bundle is compatible with webpack.
jQuery library is mandatory.
jQuery ui sortable is advised but not required.
Some field types, such as the image carousel, use Bootstrap 5 for their display., (*28)
License
This bundle is under the MIT license. Check the details in the dedicated file, (*29)
If you want to contact us, the best way is to fill the form on our website or send us an e-mail to contact@sherlockode.fr with your question(s). We guarantee that we answer as soon as we can!, (*30)
Wallogit.com
sherlockode