Skip to content

Commit

Permalink
[AUTO] Deploy PR #398
Browse files Browse the repository at this point in the history 
for commit be5e54c
  • Loading branch information
@sludovicdelys
sludovicdelys committed Sep 2, 2021
1 parent c02b4c1 commit 6e4529f
Show file tree
Hide file tree
Showing 138 changed files with 15,541 additions and 15,897 deletions.
255 changes: 126 additions & 129 deletions pr/398/blog/dev/a-nice-way-of-handing-form-label-translation/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -44,11 +44,11 @@

<link rel="stylesheet" href="/elao_/pr/398/build/321.f03fbe35.css">

<script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>
<script src="/elao_/pr/398/build/runtime.f1b39f5f.js" defer></script><script src="/elao_/pr/398/build/17.c81b2e4a.js" defer></script><script src="/elao_/pr/398/build/190.206b924f.js" defer></script><script src="/elao_/pr/398/build/app.1f0cf750.js" defer></script>




<!-- S.E.E. -->
<meta name="see" content="&#x5B;&quot;&#x5C;&#x2F;elao_&#x5C;&#x2F;pr&#x5C;&#x2F;398&#x5C;&#x2F;build&#x5C;&#x2F;690.ad961276.js&quot;,&quot;&#x5C;&#x2F;elao_&#x5C;&#x2F;pr&#x5C;&#x2F;398&#x5C;&#x2F;build&#x5C;&#x2F;see.4d5d9aea.js&quot;&#x5D;">
<meta name="see_style" content="&#x5B;&quot;&#x5C;&#x2F;elao_&#x5C;&#x2F;pr&#x5C;&#x2F;398&#x5C;&#x2F;build&#x5C;&#x2F;see_style.24930bce.css&quot;&#x5D;">
Expand Down Expand Up @@ -188,24 +188,23 @@
</header>
<div class="container">
<main>
<ol class="breadcrumb" itemscope itemtype="https://schema.org/BreadcrumbList">
<li class="breadcrumb__item" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
<a itemprop="item" href="/elao_/pr/398/blog">
<span itemprop="name">Blog</span>
</a>
<meta itemprop="position" content="1" />
</li>
<li class="breadcrumb__item" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
<a itemprop="item" href="#">
<span itemprop="name">A nice way of handling form label translation</span>
</a>
<meta itemprop="position" content="2" />
</li>
</ol>

<div class="article-banner">
<div class="article-banner__cover"
style="background: #f1f1f1 url('/elao_/pr/398/resized/images/posts/thumbnails/cool_cat.jpg/448e219d3a7af4e9b63547faf9687f20.jpg');
<ol class="breadcrumb" itemscope itemtype="https://schema.org/BreadcrumbList">
<li class="breadcrumb__item" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
<a itemprop="item" href="/elao_/pr/398/blog">
<span itemprop="name">Blog</span>
</a>
<meta itemprop="position" content="1" />
</li>
<li class="breadcrumb__item" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
<a itemprop="item" href="#">
<span itemprop="name">A nice way of handling form label translation</span>
</a>
<meta itemprop="position" content="2" />
</li>
</ol>

<div class="article-banner">
<div class="article-banner__cover" style="background: #f1f1f1 url('/elao_/pr/398/resized/images/posts/thumbnails/cool_cat.jpg/448e219d3a7af4e9b63547faf9687f20.jpg');
background: #f1f1f1 -webkit-image-set(
url('/elao_/pr/398/resized/images/posts/thumbnails/cool_cat.jpg/448e219d3a7af4e9b63547faf9687f20.jpg') 1x,
url('/elao_/pr/398/resized/images/posts/thumbnails/cool_cat.jpg/077112d6801fb7e114f963a2bf017bb0.jpg') 2x
Expand All @@ -221,78 +220,77 @@
background: #f1f1f1 image-set(
url('/elao_/pr/398/resized/images/posts/thumbnails/cool_cat.jpg/448e219d3a7af4e9b63547faf9687f20.jpg') 1x,
url('/elao_/pr/398/resized/images/posts/thumbnails/cool_cat.jpg/077112d6801fb7e114f963a2bf017bb0.jpg') 2x
);"
data-aos="fade-down"></div>

<div class="article-info" data-aos="zoom-in">
<div class="article-author ">
<div class="article-author__image">
<a href="/elao_/pr/398/la-tribu/tjarrand" >
<img src="/elao_/pr/398/resized/images/members/avatars/tjarrand.jpg/b3562a4b09bd2f84aec5902b5a086110.jpg"
);" data-aos="fade-down"></div>

<div class="article-info" data-aos="zoom-in">
<div class="article-author ">
<div class="article-author__image">
<a href="/elao_/pr/398/la-tribu/tjarrand">
<img src="/elao_/pr/398/resized/images/members/avatars/tjarrand.jpg/b3562a4b09bd2f84aec5902b5a086110.jpg"
srcset="
/elao_/pr/398/resized/images/members/avatars/tjarrand.jpg/b3562a4b09bd2f84aec5902b5a086110.jpg 1x,
/elao_/pr/398/resized/images/members/avatars/tjarrand.jpg/b2d9a2b5911cee9107c2a7ec22935509.jpg 2x
"
/>
</a>
</div>
<span class="article-author__info">
Écrit par
<a href="/elao_/pr/398/la-tribu/tjarrand" >
<strong>Thomas Jarrand</strong>
</a>
</span>
</div>
<div class="article-info__date">
<span>Publication <strong>13 septembre 2013</strong></span>
</div>
</div>
</a>
</div>
<span class="article-author__info">
Écrit par
<a href="/elao_/pr/398/la-tribu/tjarrand">
<strong>Thomas Jarrand</strong>
</a>
</span>
</div>
<div class="article-info__date">
<span>Publication <strong>13 septembre 2013</strong></span>
</div>
</div>

<div class="article-header" data-aos="zoom-in-up">
<h1>A nice way of handling form label translation</h1>
<p>A nice way of handling form label translation</p>
<ul class="article-tag-list">
<li class="article-tag-list__item">
<a href="/elao_/pr/398/blog/tag/symfony" rel="nofollow">#Symfony</a>
</li>
<li class="article-tag-list__item">
<a href="/elao_/pr/398/blog/tag/form" rel="nofollow">#Form</a>
</li>
<li class="article-tag-list__item">
<a href="/elao_/pr/398/blog/tag/theming" rel="nofollow">#Theming</a>
</li>
<li class="article-tag-list__item">
<a href="/elao_/pr/398/blog/tag/translation" rel="nofollow">#Translation</a>
</li>
</ul>
</div>
</div>
<div class="article-header" data-aos="zoom-in-up">
<h1>A nice way of handling form label translation</h1>
<p>A nice way of handling form label translation</p>
<ul class="article-tag-list">
<li class="article-tag-list__item">
<a href="/elao_/pr/398/blog/tag/symfony" rel="nofollow">#Symfony</a>
</li>
<li class="article-tag-list__item">
<a href="/elao_/pr/398/blog/tag/form" rel="nofollow">#Form</a>
</li>
<li class="article-tag-list__item">
<a href="/elao_/pr/398/blog/tag/theming" rel="nofollow">#Theming</a>
</li>
<li class="article-tag-list__item">
<a href="/elao_/pr/398/blog/tag/translation" rel="nofollow">#Translation</a>
</li>
</ul>
</div>
</div>

<ol class="table-of-content" data-aos="fade-up">
<li class="table-of-content__item">
<a href="#the-problem">The problem</a>
<ol class="table-of-content" data-aos="fade-up">
<li class="table-of-content__item">
<a href="#the-problem">The problem</a>

</li>
<li class="table-of-content__item">
<a href="#remove-all-label-translation-keys-from-the-forms">Remove all label translation keys from the forms:</a>
</li>
<li class="table-of-content__item">
<a href="#remove-all-label-translation-keys-from-the-forms">Remove all label translation keys from the forms:</a>

</li>
<li class="table-of-content__item">
<a href="#construct-the-label-translation-keys-automatically-with-form-theming">Construct the label translation keys automatically with form theming:</a>
</li>
<li class="table-of-content__item">
<a href="#construct-the-label-translation-keys-automatically-with-form-theming">Construct the label translation keys automatically with form theming:</a>

</li>
<li class="table-of-content__item">
<a href="#conclusion">Conclusion:</a>
</li>
<li class="table-of-content__item">
<a href="#conclusion">Conclusion:</a>

</li>
</ol>
<div class="article-content">
<main class="article-content__main">
</li>
</ol>
<div class="article-content">
<main class="article-content__main">

<body><h2 id="the-problem" class="anchor-title"><a href="#the-problem">The problem</a></h2>
<body><h2 id="the-problem" class="anchor-title"><a href="#the-problem">The problem</a></h2>
<p>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.<!--more--></p>
<h1 id="edit-we-finally-built-a-bundle-that-solve-the-problem-in-an-even-better-way-and-more-check-it-out" class="anchor-title"> We finally built a bundle that solve the problem in an even better way and more! <a href="http://github.com/Elao/ElaoFormTranslationBundle" title="Check it out" target="_blank">Check it out</a><a href="#edit-we-finally-built-a-bundle-that-solve-the-problem-in-an-even-better-way-and-more-check-it-out"><strong>[EDIT]</strong></a></h1>
<p><strong>Here's what it looks like with a simple User form:</strong></p>
Expand Down Expand Up @@ -502,60 +500,59 @@ <h2 id="conclusion" class="anchor-title"><a href="#conclusion">Conclusion:</a></
<p>The logic behind key generation can be <strong>customized</strong> by coding your own macro.</p>
</li>
</ul></body>
</main>
<aside class="article-content__aside">
</aside>
</div>

<div class="article-footer" data-aos="fade-in">
<div class="article-author">
<div class="article-author__image">
<a href="/elao_/pr/398/la-tribu/tjarrand" >
<img src="/elao_/pr/398/resized/images/members/avatars/tjarrand.jpg/b3562a4b09bd2f84aec5902b5a086110.jpg"
</main>
<aside class="article-content__aside">
</aside>
</div>

<div class="article-footer" data-aos="fade-in">
<div class="article-author">
<div class="article-author__image">
<a href="/elao_/pr/398/la-tribu/tjarrand">
<img src="/elao_/pr/398/resized/images/members/avatars/tjarrand.jpg/b3562a4b09bd2f84aec5902b5a086110.jpg"
srcset="
/elao_/pr/398/resized/images/members/avatars/tjarrand.jpg/b3562a4b09bd2f84aec5902b5a086110.jpg 1x,
/elao_/pr/398/resized/images/members/avatars/tjarrand.jpg/b2d9a2b5911cee9107c2a7ec22935509.jpg 2x
"
/>
</a>
</div>
<span class="article-author__info">
Écrit par
<a href="/elao_/pr/398/la-tribu/tjarrand" >
<strong>Thomas Jarrand</strong>
</a>
</span>

<div class="article-author__social">
<a href="https://twitter.com/tom32i" class="social social--small">
<i class="icon icon--twitter" aria-hidden="true"></i>
<span class="screen-reader">Compte twitter de Thomas Jarrand</span>
</a>
<a href="https://github.com/Tom32i " class="social social--small">
<i class="icon icon--github" aria-hidden="true"></i>
<span class="screen-reader">Compte github de Thomas Jarrand</span>
</a>
<a href="https://thomas.jarrand.fr" class="social social--small">
<i class="icon icon--website" aria-hidden="true"></i>
<span class="screen-reader">Site personnel de Thomas Jarrand</span>
</a>
</div>
</div>
</div>

<div class="bricks">

<div class="brick-contribute">
<p>
Une typo ?
<a href="https://github.com/Elao/elao_/edit/quiz/content/blog/dev/a-nice-way-of-handing-form-label-translation.md/" target="_blank" class="animated-link animated-link--light">
Modifier cet article sur Github
</a>
</p>
</div>
</div>

<div class="quiz">
</a>
</div>
<span class="article-author__info">
Écrit par
<a href="/elao_/pr/398/la-tribu/tjarrand">
<strong>Thomas Jarrand</strong>
</a>
</span>

<div class="article-author__social">
<a href="https://twitter.com/tom32i" class="social social--small">
<i class="icon icon--twitter" aria-hidden="true"></i>
<span class="screen-reader">Compte twitter de Thomas Jarrand</span>
</a>
<a href="https://github.com/Tom32i " class="social social--small">
<i class="icon icon--github" aria-hidden="true"></i>
<span class="screen-reader">Compte github de Thomas Jarrand</span>
</a>
<a href="https://thomas.jarrand.fr" class="social social--small">
<i class="icon icon--website" aria-hidden="true"></i>
<span class="screen-reader">Site personnel de Thomas Jarrand</span>
</a>
</div>
</div>
</div>

<div class="bricks">

<div class="brick-contribute">
<p>
Une typo ?
<a href="https://github.com/Elao/elao_/edit/quiz/content/blog/dev/a-nice-way-of-handing-form-label-translation.md/" target="_blank" class="animated-link animated-link--light">
Modifier cet article sur Github
</a>
</p>
</div>
</div>
<div class="quiz">
<p class="quiz__title">
Testez vos
<span>connaissances_</span>
Expand Down
Loading

0 comments on commit 6e4529f

Please sign in to comment.