Download the PHP package devgroup/yii2-polyglot without Composer
On this page you can find all versions of the php package devgroup/yii2-polyglot. It is possible to download/install these versions without Composer. Possible dependencies are resolved automatically.
Download devgroup/yii2-polyglot
More information about devgroup/yii2-polyglot
Files in devgroup/yii2-polyglot
Package yii2-polyglot
Short Description Yii2 integration for AirBnB Polyglot.js
License MIT
Informations about the package yii2-polyglot
Yii2 integration for Airbnb Polyglot.js
Polyglot.js is a tiny and powerful JavaScript i18n library from Airbnb.
This is a yii2-extension that helps integrating polyglot.js into your yii2 application.
Usage
First install extension through composer:
Create directory where you will place your translation js files.
For example, if we our app is based on yii2-app-advanced - create directory common/polyglot.js/
.
Now create your js translation files under this directory.
Naming format is common/polyglot.js/%LANGUAGE%.js
, where %LANGUAGE%
is your Yii::$app->language
, for example common/polyglot.js/ru-RU.js
.
An example of js file contents(:en: version file common/polyglot.js/en-US.js
:
And an example for :ru: version file common/polyglot.js/ru-RU.js
:
Now add a special yii2 application param PolyglotTranslationPath
with your js translation path as value
into your config file(ie. common/config/params.php
):
And the final thing is to register CurrentTranslation
inside your layout view or add it as AssetBundle dependency.
For adding CurrentTranslation
into your view just add the one line into
views/layouts/main.php
near your AppAsset::register
call:
For adding CurrentTranslation
as dependency for your AppAssetBundle
modify your assets/AppAsset.php
:
That's it. Now on every request you will get:
- Polyglot.js will be included in HEAD section of your HTML
- Global
polyglot
variable will be initialized with current locale(Yii::$app->language
). - Translation file based on app language will be added dynamically right after
<body>
tag.
Now you can use Polyglot.js
as it is described in official documentation: