Purpose
The bundle allows you to easily manage content type routing, with the slug, breadcrumb and SEO, (*1)
General configuration
As the routing for all content is managed by the bundle, you have to register the unique route at the end of your
config/routes.yaml (in order to not override your custom routes):, (*2)
umanit_tree:
resource: "@UmanitTreeBundle/Resources/config/routes.yaml"
prefix: /
Register the bundle to your config/bundles.php if you don't use Symfony Flex., (*3)
Umanit\TreeBundle\UmanitTreeBundle::class => ['all' => true],
Add Gedmo configuration in your services.yaml or in a separate packages/gedmo.yaml.
See documentation here, (*4)
services:
# Doctrine Extension listeners to handle behaviors
gedmo.listener.tree:
class: Gedmo\Tree\TreeListener
tags:
- { name: doctrine.event_subscriber, connection: default, priority: 10 }
calls:
- [setAnnotationReader, ['@annotation_reader']]
Gedmo\Translatable\TranslatableListener:
tags:
- { name: doctrine.event_subscriber, connection: default }
calls:
- [setAnnotationReader, ['@annotation_reader']]
- [setDefaultLocale, ['%locale%']]
- [setTranslationFallback, [false]]
gedmo.listener.timestampable:
class: Gedmo\Timestampable\TimestampableListener
tags:
- { name: doctrine.event_subscriber, connection: default }
calls:
- [setAnnotationReader, ['@annotation_reader']]
gedmo.listener.sluggable:
class: Gedmo\Sluggable\SluggableListener
tags:
- { name: doctrine.event_subscriber, connection: default, priority: 100 }
calls:
- [setAnnotationReader, ['@annotation_reader']]
gedmo.listener.sortable:
class: Gedmo\Sortable\SortableListener
tags:
- { name: doctrine.event_subscriber, connection: default }
calls:
- [setAnnotationReader, ['@annotation_reader']]
gedmo.listener.loggable:
class: Gedmo\Loggable\LoggableListener
tags:
- { name: doctrine.event_subscriber, connection: default }
calls:
- [setAnnotationReader, ['@annotation_reader']]
Update your database schema to add our model, (*5)
bin/console doctrine:schema:update --force
or if you use DoctrineMigrationsBundle:, (*6)
bin/console doctrine:migrations:migrate
Now, you have to create the root node. The default object is RootEntity, but you can override it in configuration (param
umanit_tree.root_class)., (*7)
To create the root node, execute the following command, (*8)
bin/console umanit:tree:initialize
Create a new node type
You can now easily manage a new node type :, (*9)
- Create an entity
- Implement
Umanit\TreeBundle\Model\TreeNodeInterface and Umanit\TreeBundle\Model\SeoInterface
- You can now use the
Umanit\TreeBundle\Model\TreeNodeTrait and Umanit\TreeBundle\Model\SeoTrait to have
a default implementation for most of the methods to implement
The 4 methods of TreeNodeInterface are :, (*10)
-
public function getTreeNodeName(): string; : returns the node name, used to build a slug of your route
-
public function getParents(): array; : returns the parent objects. For example, if you want a path /category/my-product for
"My Product", must returns an array with an object "Category" that implements TreeNodeInterface too
-
public function createRootNodeByDefault(): bool; : if the node has or hasn't parent, should a node be created ? (e.g
/my-product)
-
public function getLocale(): ?string : locale of the object (a locale recognize by $request->getLocale() of Symfony)
You can manage some SEO options such as title, description and keywords with the Umanit\TreeBundle\Model\SeoInterface
and use the Umanit\TreeBundle\Model\SeoTrait to automatically add an attribute "seoMetadata" to your entity, (*11)
Bind a controller and get the entity
In order to bind a controller (or a template) to an entity, you have to configure the key node_types, (*12)
node_types:
- class: App\Entity\Page # your entity
controller: App\Controller\PageController::get # action to call
The entity (or node) will be available in the request attribute., (*13)
public function getAction(Request $request)
{
$entity = $request->attributes->get('contentObject'); // Your entity
$node = $request->attributes->get('contentNode'); // TreeBundle's node
}
Create a Parent Node selector
Usage example:
$builder
->add('parents', \Umanit\TreeBundle\Form\Type\TreeNodeType::class, [
'required' => false,
'by_reference' => false,
]);
Usage example:
$builder
->add('seoMetadata', \Umanit\TreeBundle\Form\Type\SeoMetadataType::class, [
'required' => false,
]);
Create a link selector
It's possible to create links to one or more nodes (or external links)., (*14)
In your entity that will have the link, add a relation with the entity Umanit\TreeBundle\Entity\Link., (*15)
In your forms, you can materialize the relation with the Umanit\TreeBundle\Form\Type\LinkType. By default, you'll have
two fields, "internal link" (a textfield) and "external link" (a select). By default, the select will be empty. You have
to populate it by giving the models allowed. You can keep only one field with the options : allow_internal: false
or allow_external: false. Note : only one field can be filled at the same time., (*16)
You can define labels with label_internal and label_external, (*17)
Usage example :
$builder
->add('link', 'umanit_link_type_translatable', [
'label' => 'Link',
// List of content types available
'models' => [
'Page' => 'Umanit\App\Entity\Page',
'Article' => 'Umanit\App\Entity\Article',
],
], [
// Filters for some content types (if needed)
'query_filters' => [
'App\Entity\Page' => ['locale' => 'en'],
],
'allow_external' => false,
]
]);
Events
You can subscribe to some events in order to alter some behaviors, (*18)
(in order), (*19)
-
umanit.node.before_update: called before any node save for an entity
-
umanit.node.parent_register: allows to add/remove parents to an entity
-
umanit.node.updated: called once an entity saved its nodes and parents
Twig helpers
get_seo_title(default = "", override = false)get_seo_description(default = "", override = false)get_seo_keywords(default = "", override = false)
Returns the title, description and keywords of the current document if the route is managed by an entity that implements
SeoInterface. Otherwise, the default value (from config) will be used, or the value from "default" parameter if it is
set.
If you set override to true, the value of the "default" parameter will be always used., (*20)
get_breadcrumb(elements = array())
Returns the breadcrumb (array of name/link). It will parse all parents of the current entity if the route is managed by
an entity. You can add additional links with the "elements" parameter. An array of name/link., (*21)
get_path(object, parentObject = null, root = false, absolute = false, parameters = [)
Returns the route for the given entity (if the entity implements TreeNodeInterface), (*22)
get_path_from_node(node, absolute = false, parameters = [])
Returns the route for the given node (instance of Umanit\TreeBundle\Entity\Node), (*23)
Returns the path for the given link instance (instance of Umanit\TreeBundle\Entity\Link)., (*24)
Returns true if the given link targets an external URL (instance of Umanit\TreeBundle\Entity\Link)., (*25)
/!\ For performance concerns, we chose to support PostgreSQL only., (*26)
Follow those two steps to get started:, (*27)
namespace App\Entity;
use Doctrine\ORM\Mapping as ORM;
use Umanit\TreeBundle\Entity\AbstractMenu as BaseMenu;
use Umanit\TreeBundle\Repository\MenuRepository;
/**
* Menu
*
* @ORM\Table(name="menu")
* @ORM\Entity(repositoryClass="Umanit\TreeBundle\Repository\MenuRepository") // Using TreeBundle's repository is
* mandatory
* @ORM\HasLifecycleCallbacks() // This is mandatory too
*/
#[ORM\Table(name: 'menu')]
#[ORM\Entity(repositoryClass: MenuRepository::class)] // Using TreeBundle's repository is mandatory
#[ORM\HasLifecycleCallbacks] // Mandatory
class Menu extends BaseMenu
{
}
# app/config/config.yml
umanit_tree:
# ...
menu_entity_class: App\Entity\Menu
Usage
Front
TreeBundle doesn't come with a template for the menu. A global twig variable is injected to your site, use it to build
your menu template(s)., (*28)
Example:, (*29)
<nav class="nav-primary">
<ul class="nav-primary__list nav-primary__lvl-1">
{% for menu in menus %}
{% if menu.position == 'primary' %}
<li class="nav-primary__item">
<a href="{{ menu.link is empty ? '#' : get_path_from_link(menu.link) }}" class="nav-primary__link">
{{- menu.title|raw -}}
{#- <br class="hidden-xs hidden-sm"> -#}
</a>
{% if menu.children is not empty %}
<ul class="nav-primary__list nav-primary__lvl-2">
{% for subMenu in menu.children %}
{% if subMenu.link is empty %}
<li class="nav-primary__label">{{ subMenu.title|raw }}</li>
{% else %}
<li class="nav-primary__item">
<a href="{{ get_path_from_link(subMenu.link) }}" class="nav-primary__link"
<span class="nav-primary__text">{{ subMenu.title|raw }}</span>
</a>
</li>
{% endif %}
{% endfor %}
</ul>
{% endif %}
</li>
{% endif %}
{% endfor %}
</ul>
</nav>
A CRUD is provided in order to administrate your menus. It's available on the route tree_admin_menu_dashboard,
/admin/menu., (*30)
/!\ You need to have the role ROLE_TREE_MENU_ADMIN in order to be able to access the route., (*31)
Start by running php bin/console assets:install to get the assets in your web/public directory., (*32)
Customizing the admin layout
The layout can be customized to your needs by setting the admin_layout configuration value., (*33)
Example if you want to use Sonata Admin's layout:, (*34)
# config.yml
umanit_tree:
# ...
admin_layout: '@SonataAdmin/standard_layout.html.twig' # Default is '@UmanitTree/admin/default_layout.html.twig'
The menu admin has 3 javascript dependencies, you ought to include them as well. Have a look in the
default_layout.html.twig., (*35)
<!-- @UmanitTree/admin/default_layout.html.twig -->
<script src="{{ asset('bundles/umanittree/vendor/js/jquery-ui.min.js') }}"></script>
<script src="{{ asset('bundles/umanittree/vendor/js/jquery.fancytree-all-deps.min.js') }}"></script>
<script src="{{ asset('bundles/umanittree/vendor/js/jquery.fancytree.dnd.js') }}"></script>
TreeBundle ships with those assets, you may use them or your own., (*36)
Again, if you want to use it with SonataAdmin, configure it as follows:, (*37)
sonata_admin:
# ...
assets:
extra_stylesheets:
# TreeBundle's assets
- bundles/umanittree/css/admin.css
- bundles/umanittree/css/vendor/ui.fancytree.min.css
extra_javascripts:
# TreeBundle's assets
- bundles/umanittree/js/vendor/jquery-ui.min.js
- bundles/umanittree/js/vendor/jquery.fancytree-all-deps.min.js
- bundles/umanittree/js/vendor/jquery.fancytree.dnd.js
Let's assume you added an image attribute on your Menu entity and want to use VichUploader to administrate it., (*38)
First, Create a form type:, (*39)
namespace App\Form;
use Symfony\Component\Form\Extension\Core\Type\ChoiceType;
use Symfony\Component\Form\FormBuilderInterface;
use Vich\UploaderBundle\Form\Type\VichImageType;
use Umanit\TreeBundle\Form\Type\MenuType as BaseMenuType;
class MenuType extends BaseMenuType
{
public function buildForm(FormBuilderInterface $builder, array $options)
{
parent::buildForm($builder, $options);
$builder
->add('imageFile', VichImageType::class, [
'label' => 'Image',
'required' => false,
'allow_delete' => true,
'attr' => [
'imagine_pattern' => 'admin',
],
])
->add('altImage')
;
}
}
Then add your form type to TreeBundle's configuration:, (*40)
umanit_tree:
# ...
menu_form_class: App\Form\MenuType
Configuration reference
umanit_tree:
locale: '%locale%' # Optional. Default locale to use
root_class: '\Umanit\TreeBundle\Entity\RootEntity' # Optional. Class for the root node. If you have a homepage object, put it there
admin_layout: '@UmanitTree/admin/default_layout.html.twig' # Optional. Default layout for the menu admin section
menu_form_class: 'Umanit\TreeBundle\Form\Type\MenuType' # Optional. Default form for Menu
menu_entity_class: 'App\Entity\Menu' # Optional. Your menu entity. Required if you want to use the menu admin
menus: ['primary'] # Optional. Configure you menus.
# Defines configuration per node types. You can set a specific controller per class and set if the node type must appear in the menu admin.
node_types:
# Prototype
- class: ~ # Required. Ex. : App\Entity\Page
controller: ~ # Optional. Default FrameworkBundle:Template:template. Ex. : App:Page:show
template: ~ # Required if controller is not set.
menu: ~ # Optional. Default is false
# Seo default values and translation domain
seo:
redirect_301: true # Redirect old URLs to new ones
default_title: 'Umanit Tree'
default_description: 'Umanit tree bundle'
default_keywords: 'umanit, web, bundle, symfony2'
translation_domain: 'messages'
# Root node and translation domain for breadcrumb elements
breadcrumb:
root_name: 'Home'
translation_domain: 'messages'
Wallogit.com
