Symfony fournit dans ses librairies un helper permettant de traduire chaque texte affiché dans l'application.
Cette fonctionnalité est accessible en utilisant la fonction __().

Cette fonction utilise 3 paramètres :

• le 1er est l'identifiant de la chaîne à traduire
• le 2ème est un tableau contenant des variables pour construire la chaîne
• le 3ème paramètre est le nom du fichier contenant la traduction sans le suffixe de la langue cible ni l'extension xml

Paramètre identifiant de chaîne

      
      
        Submit
        Envoyer
       
      
      
        button.submit
        Envoyer
         

Paramètre variable de chaîne

echo __('pager_count',array('current_page'=>2,'nb_page'=>5),'message');

      
        pager_count
        Page %%current_page%% sur %%nb_page%%
       

Paramètre fichier de traduction

Activation de l'internationalisation

Symfony fournit les classes nécessaire pour supporter l'internationalisation de chaque champ à la condition d'activer cette fonctionnalité.
Pour cela, un petit tour dans le fichier setting.yml de votre application :

all:
  .settings:
    i18n: true
    default_culture: fr_FR
    standard_helpers: [Partial, Cache, I18N]  

Déclaration de la fonction __() pour les filtres

Si les formulaires filtres ne sont pas traduit c'est parce qu'ils sont définis au niveau des widgets de symfony et n'utilisent pas la fonction __().

Par le passé, j'ai essayé de modifier directement les widgets mais cette méthode n'est pas efficace et nécessite de remodifier les widgets à chaque mise à jour de symfony.
Cette méthode est carrément contre-productive.

Par contre en creusant ces fichiers de widgets, on s'aperçoit que les libellés sont déclarés comme des options des widgets.
Il reste donc directement à modifier ces options dans les classes des formulaires.

Malheureusement, la fonction __() est disponible via les helpers donc pour les templates et non pour les fichiers des filtres, il faut donc la redéclarer.
Le meilleur endroit pour le faire BaseFormFilterDoctrine.class.php situé dans le répertoire : //lib/filter/doctrine/BaseFormFilterDoctrine.class.php.

abstract class BaseFormFilterDoctrine extends sfFormFilterDoctrine
{
  public function setup()
  {
  }
  
  protected function __($string) 
  {
    sfProjectConfiguration::getActive()->loadHelpers(array('I18N'));
    return __($string, array(), 'sf_admin');
  } 
}

Traduction des champs du filtre

Pour l'exemple, on va utiliser un objet Category qui a la structure suivante dans le fichier schema.yml :

Category:
  actAs:
    Timestampable: ~
  columns:
    name:          { type: string(255), notnull: false }
    is_publish:    { type: boolean, notnull: true, default: 0 } 

class CategoryFormFilter extends BaseCategoryFormFilter
{
  public function configure()
  {    
    $this->widgetSchema['created_at']->setOption('template', $this->__('from %from_date%
to %to_date%',array(),'messages'));    
    $this->widgetSchema['created_at']->getOption('from_date')->setOption('format', '%day%/%month%/%year%');
    $this->widgetSchema['created_at']->getOption('to_date')->setOption('format', '%day%/%month%/%year%');
    
    $this->widgetSchema['updated_at']->setOption('template', $this->__('from %from_date%
to %to_date%',array(),'messages')); 
    $this->widgetSchema['updated_at']->getOption('from_date')->setOption('format', '%day%/%month%/%year%');
    $this->widgetSchema['updated_at']->getOption('to_date')->setOption('format', '%day%/%month%/%year%');    
  }
}

class CategoryFormFilter extends BaseCategoryFormFilter
{
  public function configure()
  {    
    $this->widgetSchema['is_publish']->setOption('choices', array('' => $this->__('yes or no',array(),'messages'), 1 => $this->__('yes',array(),'messages'), 0 => $this->__('no',array(),'messages')) );   
  }
}

class CategoryFormFilter extends BaseCategoryFormFilter
{
  public function configure()
  {    
    $this->widgetSchema['name']->setOption('empty_label', $this->__('is empty',array(),'messages'));
  }
}

Et on met tout ensemble

Le fichier final du filtre est donc :

class CategoryFormFilter extends BaseCategoryFormFilter
{
  public function configure()
  {    
    $this->widgetSchema['name']->setOption('empty_label', $this->__('is empty',array(),'messages'));
    
    $this->widgetSchema['is_publish']->setOption('choices', array('' => $this->__('yes or no',array(),'messages'), 1 => $this->__('yes',array(),'messages'), 0 => $this->__('no',array(),'messages')) );   
    
    $this->widgetSchema['created_at']->setOption('template', $this->__('from %from_date%
to %to_date%',array(),'messages'));    
    $this->widgetSchema['created_at']->getOption('from_date')->setOption('format', '%day%/%month%/%year%');
    $this->widgetSchema['created_at']->getOption('to_date')->setOption('format', '%day%/%month%/%year%');
    
    $this->widgetSchema['updated_at']->setOption('template', $this->__('from %from_date%
to %to_date%',array(),'messages')); 
    $this->widgetSchema['updated_at']->getOption('from_date')->setOption('format', '%day%/%month%/%year%');
    $this->widgetSchema['updated_at']->getOption('to_date')->setOption('format', '%day%/%month%/%year%');    
  }
}

      
        yes
        oui
      
      
        no
        non
       
      
        yes or no
        oui ou non
          
      
        from
        du
       
      
        to
        au
                
      
        is empty
        vide
        

symfony cc

• Email Newsletter Design: Guidelines And Examples
• 50 Fresh Design Blogs You Should Be Reading
• The Comprehensive Guide to Saving Images for the Web
• Web Design Trend Hunting – Big Bold Typography
  
• Best Practices for Hints and Validation in Web Forms

Développement Web

• Setting Up Wordpress for SEO
• 20 CSS3 Tutorials and Techiques for Creating Buttons
• 50 Useful Coding Techniques (CSS Layouts, Visual Effects and Forms)
• Highlight PHP and JavaScript Code with PHP
• 35 Useful jQuery Plugins for Slideshows, Graphs and Text Effects

Ressource

• Free Medical Icons Set (60 Icons)
  
• 20 High Quality Free Fonts for Designers
• 20+ Design Blogs that Release Quality Freebies
• 21 Inspirational and Free Fonts for Beautiful Typedesign
• Free Dark and Clean WordPress Theme: Designpile
• 30 Free Fonts Best for Business Logos
• NIXUS Icon Pack: 60 Beautiful Premium Icons (Free)
• NEW Sets of Free High Quality Icons for Bloggers and Designers
• 20 Fresh Sets of Free Icons for Web Designers
• Top 20 Free Fonts for Distinctive Headlines and Titles

Inspiration

• 30 Best Written And Explained Logo Design Tutorials
• 50 Inspiring Dark Web Designs
  
• 55 Examples of Huge Typography in Web Design
• 25 Designs Inspired by the Natural Environment
  
• A Collection of “Coming Soon” Web Pages

Tutoriel graphique

• A Round-Up of 50 Fresh Photoshop Tutorials and Techniques
• How To Design a 3D Glass Icon in Photoshop

Développement Web

• CSS3 Techniques You Should Know
• How to Build a jQuery Brush Stroke Navigation
• 50 Free UI and Web Design Wireframing Kits, Resources and Source Files
• 13 Useful JavaScript Solutions for Charts and Graphs
  
• 100+ Resources for WordPress Theme Developers
• The Ultimate Website Prelaunch Checklist
• 15 jQuery Plugins for Better Web Page Element Layouts
• Using a Pre-Launch Checklist for your Website

Ressource

• Free Saint Valentine’s Day Icon Set
  
• Freebie: Media Icons from IconShock
• A Collection and Resource Motherload of Textures and Patterns
• SimpleFolio: A Free Clean Portfolio WordPress Theme
  
• Free Vector Social Media Set
• 250+ Cracks Brushes for Photoshop
  

Tutoriel graphique

• 33 New High Quality Adobe Illustrator Tutorials
  

Inspiration

• 27 Trendy And Unique Website Header Designs
  

Illustration

• 55 Conceptual Examples of Surreal Artworks
  

Développement Web

• 10 ways to make Internet Explorer act like a modern browser
• 13 Useful WordPress SQL Queries You Wish You Knew Earlier
• Everything You Need to Know About Image Compression
• Making a Photoshoot Effect With jQuery & CSS
  

Inspiration

• 50 Inspiring Portfolio Designs
  
• Most Interesting Design Trends Among Blogs: 2010
  
• What to Expect in 2010: UX/UI Design Simplicity
  
• Stunning Infographics and Data Visualization
  
• 20+ Examples of Fantastic Fixed-Position Navigation
  

Ressource

• 11 Great Resources to Find Free Icons
  
• 20 Different and Beautiful Icon Sets
  
• Vintage Stamp Social Media Icon Pack
  
• Tools and Resources to Improve your Typography on the Web

Illustration

• Illustrations: A Showcase of Astonishing Spaceship Concepts
  

Développement Web

• The New Hotness: Using CSS3 Visual Effects
  
• 45 jQuery Navigation Plugins and Tutorials
  
• 7 Awesome WordPress Plugins To Give Your Dashboard A New Look
  
• 15 Blogs for WordPress Designers and Developers to Follow
• Code a Backwards Compatible, One Page Portfolio with HTML5 and CSS3

Inspiration

• 50+ Beautiful Websites with Great Colour Schemes
  
• 44 Examples of Unique and Inspiring Green Logos
  
• 60 Sites with Attractive Typographical Introductions
  
• 30 Websites with Lovely Layout and Typography
  

Illustration

• 50+ Ultimate Collections of Planet Wallpapers
  

Ressource

• 20 Sets of Photoshop Brushes for Vintage Style Design
  
• 20 Fonts Ideal for Big and Powerful Headings
  
• Free UI Set From MediaLoot And A Preview Of What’s To Come
  
• Free Exclusive Vector Icon Pack: Web User Interface
  

Tutoriel Graphique

• 50 Fantastic Typography Tutorials
  
• 27 Free Wooden Badges – Social Icon Pack
  

Je vais donc en profiter pour vous montrer comment seront affichées les dates des posts de la partie blog.

Une date très Zen

Pour coller au nom du site et à une ambiance que j'apprécie, la nouvelle version aura un thème plus zen.
Pour cela, je vais utiliser un set d'icône d'inspiration japonais provenant du site http://dezignus.com.

Dissection du rendu

Ce rendu est dynamique et peut afficher n'importe quelle date à partir d'une base de 48 images (pour 4 ans) et de CSS.

  

    03-
    21-
    2012
  

'.$d.'-'.$m.'-'.$y.'-';
?>

La magie des CSS

Le principe consiste à afficher les span en mode block et à les positionner en absolute.
Ce positionnement fait sortir les éléments span du flux de rendu et ils se superposent au sein du conteneur parent date.
Une dernière astuce pour masquer le texte consiste à jouer sur l'attribut padding-top pour pousser le texte en dehors de son conteneur.

Au final, à chaque class est associé une image représentant soit un jour, un mois ou une année.

/*==== DATE CONTAINER ====*/
.date {height: 128px;width:128px;overflow: hidden;background: url(date_bg.png) no-repeat; }
.date span {display:block;position:absolute;width:128px;padding-top:128;overflow: hidden;height: 0px !important;height /**/:128px;}
/*==== DAY ====*/
.d01 {background: url(d01.png) no-repeat;}
.d02 {background: url(d02.png) no-repeat;}
.d03 {background: url(d03.png) no-repeat;}
.d04 {background: url(d04.png) no-repeat;}
.d05 {background: url(d05.png) no-repeat;}
.d06 {background: url(d06.png) no-repeat;}
.d07 {background: url(d07.png) no-repeat;}
.d08 {background: url(d08.png) no-repeat;}
.d09 {background: url(d09.png) no-repeat;}
.d10 {background: url(d10.png) no-repeat;}
.d11 {background: url(d11.png) no-repeat;}
.d12 {background: url(d12.png) no-repeat;}
.d13 {background: url(d13.png) no-repeat;}
.d14 {background: url(d14.png) no-repeat;}
.d15 {background: url(d15.png) no-repeat;}
.d16 {background: url(d16.png) no-repeat;}
.d17 {background: url(d17.png) no-repeat;}
.d18 {background: url(d18.png) no-repeat;}
.d19 {background: url(d19.png) no-repeat;}
.d20 {background: url(d20.png) no-repeat;}
.d21 {background: url(d21.png) no-repeat;}
.d22 {background: url(d22.png) no-repeat;}
.d23 {background: url(d23.png) no-repeat;}
.d24 {background: url(d24.png) no-repeat;}
.d25 {background: url(d25.png) no-repeat;}
.d26 {background: url(d26.png) no-repeat;}
.d27 {background: url(d27.png) no-repeat;}
.d28 {background: url(d28.png) no-repeat;}
.d29 {background: url(d29.png) no-repeat;}
.d30 {background: url(d30.png) no-repeat;}
.d31 {background: url(d31.png) no-repeat;}
/*==== MONTH ====*/
.m01 {background: url(m01.png) no-repeat;}
.m02 {background: url(m02.png) no-repeat;}
.m03 {background: url(m03.png) no-repeat;}
.m04 {background: url(m04.png) no-repeat;}
.m05 {background: url(m05.png) no-repeat;}
.m06 {background: url(m06.png) no-repeat;}
.m07 {background: url(m07.png) no-repeat;}
.m08 {background: url(m08.png) no-repeat;}
.m09 {background: url(m09.png) no-repeat;}
.m10 {background: url(m10.png) no-repeat;}
.m11 {background: url(m11.png) no-repeat;}
.m12 {background: url(m12.png) no-repeat;}
/*==== YEAR ====*/
.y2010 {background: url(y2010.png) no-repeat;}
.y2011 {background: url(y2011.png) no-repeat;}
.y2012 {background: url(y2012.png) no-repeat;}

Développement Web

• Une présentation sur la sécurité provenant du MIT
• 20 Fresh JavaScript Data Visualization Libraries
  
• Emerging Techniques Every Web Developer Should Know
• 14 Helpful Cheat Sheets for Front-end Web Development
  
• CSS Transitions 101

Illustration

• A Showcase of Stunning Warrior Character Illustrations
  
• 38 Stunning Digital Nature Artworks Created With Terragen
  
• 50 Absolutely Beautiful and Creative Pixel Arts
  

Ressource

• Freebie: Distressed Bark Texture Pack
  
• 33 Absolutely Free E-Commerce Icon Sets
  
• 25 New High Quality Free Fonts
  
• Whopping Collection of 600+ Light Effect Photoshop Brushes
  
• Woven Fabric Social Media Icon Set
  
• 27 Sets of Useful and Free Adobe Illustrator Brushes
  
• The Best Icon Sets for Minimal Style Web Design
  
• Free Icon Set for Designers – The Go Green! Icon Set (108 Icons)
  

Inspiration

• 55 Trendy Web Design Interfaces From Deviantart
  
• Progress Trackers in Web Design: Examples and Best Practices
  
• 40 Inspiring Single Page Websites
  
• Web Design - Pricing Tables
  

Tutoriel graphique

• Cafe Style Coffee Art in Adobe Illustrator
  

Web Développement

• Techniques for Mastering cURL
• 10 Web Browsers You Probably Haven’t Heard Of
• Découper le chargement d’une application Flex
• 45 Powerful CSS/JavaScript-Techniques

Tutoriel graphique

• Create a Quick One Page Portfolio in InDesign
• Design a Surreal Desert Scene in Photoshop

Astuce

• How to create a cool anaglyphic text effect with CSS
• 53 Promotional Websites To Gain Traffic Quick And Easy
• Add i18n field to filter form
• Are You Ready To Transfer To Chrome? – 30 Irreplaceable Chrome Extensions

Illustration

• 25 Breathtaking Examples of Nature Photography

Ressource

• Social Sketches: Exclusive Free Hand-Sketched Icon Set
• 50+ Most Wanted Blogger Templates
• 29 Resources for Freelance Designers Operating on a Tight Budget
• 10 Completely Free Wireframe and Mockup Applications
• Google Friend Connect : disponible pour Drupal et Joomla
• 225+ Free Adobe Illustrator Patterns
• 20 Super Clean Fonts Perfect for Minimal Style Design
• 450+ Photoshop Grunge Brushes
• 50 Photoshop Brush Collections – 1000s of Brushes

Livre

• Digging into Wordpress

• 15 tips and techniques for styling the button element
• Creating a web development environment using google chrome extensions
• Stop Using Stock Photography Clichés
• Drop-Shadows and Gradients: Be Consistent in Your Visual Metaphors
• 12 killer tips for designing in the browser

Web Développement

• Using HTML Symbol Entities
• 30 Fresh AJAX Tutorials And Techniques
• 13 Simple CMS Options
• Website Performance: What To Know and What You Can Do

Tutoriel Graphique

• Beautiful Designs with Smoke Typography
• Create a Vivid Themed Illustration Using Simple Hand-Drawn Elements – Part I
• Creating a surrealistic hand drawn illustration
• 40 excellent gimp tutorials for designer
• 50 excellent Adobe After Effects tutorials
• Creating a realistic torn photo effect

Ressource

• Free Icon Set freebie Year 2010
• Massive collection of over 1000 floral photoshop brushes
• 350 smoke brushes for photoshop
• 200 big and beautiful highly detailed icons
• 40 extremely beautiful icon sets hand-picked from DevianART
• 100 seamless patterns : great for creating website backgrounds
• 35 high quality Apple inspired icons

Illustration

• 45 astonishing dragon illustration artwork
• 40 most impressive abstract 3D wallpapers

Inspiration

• Fantastic Presentation Styles of Web Designers’ Portfolios
• Showcase Of Modern Navigation Design Trends
• 10 tchniques for a fantastic footer
• 37 Fresh jQuery Image And Gallery Display Solutions
• 40+ Examples of Horizontal Scrolling Websites
• 50 Superb 3D Flash Websites You Must See!!!

Astuce

• Using CKEditor in symfony 1.2 Admin Generator

Plus d'article

Je dois dire que j'avais initialement espéré poster plus souvent et plus régulièrement.
Ma vie de famille et professionnelle ont été bien chargé et il n'a jamais été question pour moi d'alimenter ce blog à leurs détriments.
Cependant, je compte bien finaliser la série des articles sur sfTinyCMS (un CMS light entièrement réalisé sous symfony) mais également d'instaurer un rythme plus soutenu et thématique de publication.

Un changement de statut

Le statut d'autoentrepreneur commençant à être bien rodé et après quelques retours dessus, je songe sérieusement à me lancer.
Avec ce statut, j'envisage donc de monter une activité de freelance en développement web et de consultant, c'est pourquoi le site va évoluer pour devenir également une vitrine de ce que je peux faire.

Pour conclure et avec de l'avance, bonne année 2010 à tous.