javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-08-20 12:29:55 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat(platform): add language support methods

Browse Source 
Related: #883
This commit is contained in:
Adam Bradley
2016-01-07 10:36:40 -06:00
parent aa3ccfa69b
commit 942bd9b93b
2 changed files with 51 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
ionic/config/bootstrap.ts
View File

@ -82,11 +82,9 @@ function setupDom(window, document, config, platform, clickBlock, featureDetect)
// ios/md
bodyEle.classList.add(mode);
// right-to-left language direction
if (document.dir === 'rtl') {
platform.setIsRTL(true);
bodyEle.classList.add('rtl');
}
// language and direction
platform.setDir(document.documentElement.dir, false);
platform.setLang(document.documentElement.lang, false);
let versions = platform.versions();
platform.platforms().forEach(platformName => {

58
ionic/platform/platform.ts
View File

@ -26,7 +26,8 @@ export class Platform {
constructor(platforms=[]) {
this._platforms = platforms;
this._versions = {};
this._isRTL = false;
this._dir = null;
this._lang = null;
this._onResizes = [];
this._readyPromise = new Promise(res => { this._readyResolve = res; } );
@ -168,19 +169,56 @@ export class Platform {
}
/**
* Returns if this app is using right-to-left language direction or not.
* http://www.w3.org/International/questions/qa-html-dir
* @returns {boolean}
*/
isRTL() {
return this._isRTL;
* Set the app's language direction, which will update the `dir` attribute
* on the app's root `<html>` element.
* [W3C: Structural markup and right-to-left text in HTML](http://www.w3.org/International/questions/qa-html-dir)
* @param {string} languageDirection Examples: `rtl`, `ltr`
*/
setDir(languageDirection, updateDocument) {
this._dir = (languageDirection || '').toLowerCase();
if (updateDocument !== false) {
document.documentElement.setAttribute('dir', languageDirection);
}
}
/**
* @private
* Returns app's language direction.
* [W3C: Structural markup and right-to-left text in HTML](http://www.w3.org/International/questions/qa-html-dir)
* @returns {string}
*/
dir() {
return this._dir;
}
/**
* Returns if this app is using right-to-left language direction or not.
* [W3C: Structural markup and right-to-left text in HTML](http://www.w3.org/International/questions/qa-html-dir)
* @returns {boolean}
*/
isRTL() {
return (this._dir === 'rtl');
}
/**
* Set the app's language and optionally the country code, which will update
* the `lang` attribute on the app's root `<html>` element.
* [W3C: Declaring language in HTML](http://www.w3.org/International/questions/qa-html-language-declarations)
* @param {string} language Examples: `en-US`, `en-GB`, `ar`, `de`, `zh`, `es-MX`
*/
setIsRTL(val) {
this._isRTL = val;
setLang(language, updateDocument) {
this._lang = language;
if (updateDocument !== false) {
document.documentElement.setAttribute('lang', language);
}
}
/**
* Returns app's language and optional country code.
* [W3C: Declaring language in HTML](http://www.w3.org/International/questions/qa-html-language-declarations)
* @returns {string}
*/
lang() {
return this._lang;
}
// Methods meant to be overridden by the engine