+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ The problem
+When you need to translate the labels of the different forms in your app, you usually have to set a translation key for each label manually.
+We finally built a bundle that solve the problem in an even better way and more! Check it out[EDIT]
+Here's what it looks like with a simple User form:
+<?php
+
+namespace Elao\UserBundle\Form\Type;
+
+use Symfony\Component\Form\AbstractType;
+use Symfony\Component\Form\FormBuilderInterface;
+use Symfony\Component\OptionsResolver\OptionsResolverInterface;
+use Elao\UserBundle\Form\Type\GroupType;
+
+class RegisterType extends AbstractType
+{
+ public function buildForm(FormBuilderInterface $builder, array $options)
+ {
+ $builder
+ ->add('firstname', null, ['label' => 'register.labels.firstname'])
+ ->add('lastname', null, ['label' => 'register.labels.lastname'])
+ ->add('email', null, ['label' => 'register.labels.email'])
+ ->add('phone', null, ['label' => 'register.labels.phone'])
+ ->add(
+ 'password',
+ 'repeated',
+ [
+ 'type' => 'password',
+ 'first_options' => ['label' => 'register.labels.password.first'],
+ 'second_options' => ['label' => 'register.labels.password.second'],
+ ]
+ )
+ ->add(
+ 'group',
+ new GroupType,
+ [
+ 'label' => 'register.labels.team.label'
+ ]
+ );
+ }
+
+ public function setDefaultOptions(OptionsResolverInterface $resolver)
+ {
+ $resolver->setDefaults(
+ [
+ 'data_class' => 'Elao\UserBundle\Entity\User',
+ ]
+ );
+ }
+
+ public function getName()
+ {
+ return 'register';
+ }
+}<?php
+
+namespace Elao\UserBundle\Form\Type;
+
+use Symfony\Component\Form\AbstractType;
+use Symfony\Component\Form\FormBuilderInterface;
+use Symfony\Component\OptionsResolver\OptionsResolverInterface;
+
+class GroupType extends AbstractType
+{
+ public function buildForm(FormBuilderInterface $builder, array $options)
+ {
+ $builder->add('name', null, ['label' => 'register.labels.team.name']);
+ }
+
+ public function setDefaultOptions(OptionsResolverInterface $resolver)
+ {
+ $resolver->setDefaults(
+ [
+ 'data_class' => 'Elao\UserBundle\Entity\Group',
+ ]
+ );
+ }
+
+ public function getName()
+ {
+ return 'group';
+ }
+}register:
+ labels:
+ firstname: Your firstname
+ lastname: Your lastname
+ email: Your email address
+ phone: Your Phone number
+ password:
+ first: Choose your password
+ second: Confirm your password
+ group:
+ label: Your Team
+ name: NameWe have some simple fields, a repeated password and an embedded Group form.
+Problems: it’s kinda boring, you can easily make typos in the keys, every change you’ll make will involve translations files and the form classes, ... It can become quite painful with the number of forms in you app increasing.
+We'd rather have the label translation keys automatically generated, don't we?
+Here's how we do it:
+Remove all label translation keys from the forms:
+<?php
+
+namespace Elao\UserBundle\Form\Type;
+
+use Symfony\Component\Form\AbstractType;
+use Symfony\Component\Form\FormBuilderInterface;
+use Symfony\Component\OptionsResolver\OptionsResolverInterface;
+use Elao\UserBundle\Form\Type\GroupType;
+
+class RegisterType extends AbstractType
+{
+ public function buildForm(FormBuilderInterface $builder, array $options)
+ {
+ $builder
+ ->add('firstname')
+ ->add('lastname')
+ ->add('email')
+ ->add('phone')
+ ->add('password', 'repeated', ['type' => 'password'])
+ ->add('group', new GroupType);
+ }
+
+ // ...
+}<?php
+
+namespace Elao\UserBundle\Form\Type;
+
+use Symfony\Component\Form\AbstractType;
+use Symfony\Component\Form\FormBuilderInterface;
+use Symfony\Component\OptionsResolver\OptionsResolverInterface;
+
+class GroupType extends AbstractType
+{
+ public function buildForm(FormBuilderInterface $builder, array $options)
+ {
+ $builder->add('name');
+ }
+
+ // ...
+}Better right ?
+Construct the label translation keys automatically with form theming:
+{% extends "form_div_layout.html.twig" %}
+
+{% block form_label %}
+{% spaceless %}
+
+ {% import _self as macros %}
+
+ {% if label is empty %}
+ {% set label = macros.form_parent_name(form) %}
+ {% endif %}
+
+ {{ parent() }}
+
+{% endspaceless %}
+{% endblock form_label %}
+
+{% macro form_parent_name(form, prefix) %}
+{% spaceless %}
+
+ {% import _self as macros %}
+
+ {% set prefix = prefix|default(false) %}
+
+ {% if form.parent is empty %}
+ {{ form.vars.name }}.labels
+ {% else %}
+ {% if form.vars.compound and not prefix %}
+ {{ macros.form_parent_name(form.parent) }}.{{ form.vars.name }}.label
+ {% else %}
+ {{ macros.form_parent_name(form.parent, true) }}.{{ form.vars.name }}
+ {% endif %}
+ {% endif %}
+
+{% endspaceless %}
+{% endmacro %}What we do here:
+-
+
- Extend the
*form\_div\_layout.html*.
+ - Override the default
**form_label**to set the**label**variable (if not provided) before rendering the default template with parent()
+ - Use the recursive macro
**form\_parent\_name**to construct the key this way: [parent_form].labels.[child]
+
Note:
+We handle the special issue of embedded forms with the prefix variable in the macro.
+When we construct the label of an embedded form, we add .label at the end of the key.
+When the children of this form want to get the parent key, we just return the prefix key (without the .label addition).
+This has to be done because in YML we can't set a value the key register.labels.group and stil set children keys such as register.labels.group.name. We need the first one to be register.labels.group.label.
Conclusion:
+We are now generating exactly the key we need, automatically:
+register.labels.firstname
+register.labels.lastname
+register.labels.email
+register.labels.phone
+register.labels.password.first
+register.labels.password.second
+register.labels.group.label
+register.labels.group.name-
+
-
+
All your label are now rendered with a generated translation key that logically follows your forms structure.
+
+ -
+
It's non-intrusive: the key is only generated if a label is not provided. Meaning you can still set a custom label translation key for a field in you form classes.
+
+ -
+
The logic behind key generation can be customized by coding your own macro.
+
+
+
+
+
+
+
+
+ 
+ 
+ 
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 
+ 
+
+ 
+ 
+ 
+ 
+ 
+
+
+
+
+
+
+
+
+
+
+
+
+ 
+
+
+
) mais que 
).
+
Côté gitflow, la branche 
+
+
+
Merci à l'équipe Elao et plus particulièrement à 
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+
+ Les statistiques et les planifications successives réalisées pour un événement
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+
en signe de désapprobation, et 
pour les émotions intenses.
Et puis ça permet de garder une trace écrite, de rebondir à n'importe quel moment sur ce qui a été dit.
+ 
+
+
la tête du poisson paraît tellement offensée,
+et en même temps, il est trop mignon
j'adore les memes Doges, passion liée aux Shiba,
+des chiens si mignons, et expressifs
+
+
+
+
+ 
+ 
+ 
que j’aime mettre quand on a réussi, terminé, achevé, quelque chose. Je trouve que c’est un emoji avec une bonne dynamique, plutôt communicatif !
quand il faut se mettre au boulot, et puis les chats c’est toujours mignon.
+
+ 
+ 
+
+
+
+
+
+
+
+
+
+
+
+
+
+
pour indiquer une progression en cours et 
+
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
me suive dans cette nouvelle aventure. 👩🏼🎓
, et prendre soin du bien-être professionnel de chacun est un moteur dans mon quotidien.
+ 
+ 
+
+ 
+
+ 
+ 
+
+ 
+ 
+ 
+ 
+ 
+
+
+
+
+
+
+ 
+ 
+ 
+
+ 
+ 
+
+
+
+
+
+
+ 
+ 
+
+
+
+ 
+
+
+
+
+
+
+
+
+ 
+
+
+
+ 
+
+
+
+
+
+
+
+
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+
+
+
+
+ 
+
+
+
+ 
+ 
+ 
+ 
+ 
+ 
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ Symfony
+ 
+ GraphQL
+ 
+ React
+ 
+ 
+ Bootstrap
+ 
+ Vue.js
+ 
+ Paiement en ligne
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ Node.js
+ 
+ Javascript
+ 
+ 
+ HTML
+ 
+ CSS
+ 
+ SVG
+ 
+ Python
+ 
+ 
+ 
+ 
+ 
+ 
+ Algolia
+ 
+ 
+ 
+ 
+ ElasticSearch
+ 
+ Next.js
+ 
+ PWA
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+
+ 
+
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+
+ 
+ 
Commenter
++ Des commentaires ? + + Poursuivons la discussion sur twitter ! + +
+ +