javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-08-20 20:33:32 +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 // ios/md
bodyEle.classList.add(mode); bodyEle.classList.add(mode);
// right-to-left language direction // language and direction
if (document.dir === 'rtl') { platform.setDir(document.documentElement.dir, false);
platform.setIsRTL(true); platform.setLang(document.documentElement.lang, false);
bodyEle.classList.add('rtl');
}
let versions = platform.versions(); let versions = platform.versions();
platform.platforms().forEach(platformName => { platform.platforms().forEach(platformName => {

56
ionic/platform/platform.ts
View File

@ -26,7 +26,8 @@ export class Platform {
constructor(platforms=[]) { constructor(platforms=[]) {
this._platforms = platforms; this._platforms = platforms;
this._versions = {}; this._versions = {};
this._isRTL = false; this._dir = null;
this._lang = null;
this._onResizes = []; this._onResizes = [];
this._readyPromise = new Promise(res => { this._readyResolve = res; } ); 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. * Set the app's language direction, which will update the `dir` attribute
* http://www.w3.org/International/questions/qa-html-dir * on the app's root `<html>` element.
* @returns {boolean} * [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`
*/ */
isRTL() { setDir(languageDirection, updateDocument) {
return this._isRTL; 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}
*/ */
setIsRTL(val) { dir() {
this._isRTL = val; 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`
*/
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 // Methods meant to be overridden by the engine