openecomp-ui/src/nfvo-utils/i18n/i18n.js

   1 /*!
   2  * Copyright (C) 2017 AT&T Intellectual Property. All rights reserved.
   3  *
   4  * Licensed under the Apache License, Version 2.0 (the "License");
   5  * you may not use this file except in compliance with the License.
   6  * You may obtain a copy of the License at
   7  *
   8  * http://www.apache.org/licenses/LICENSE-2.0
   9  *
  10  * Unless required by applicable law or agreed to in writing, software
  11  * distributed under the License is distributed on an "AS IS" BASIS,
  12  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express
  13  * or implied. See the License for the specific language governing
  14  * permissions and limitations under the License.
  15  */
  16 import IntlObj from 'intl';
  17 import IntlMessageFormatObj from 'intl-messageformat';
  18 import IntlRelativeFormatObj from 'intl-relativeformat';
  19 import createFormatCacheObj from 'intl-format-cache';
  20 import i18nJson from 'i18nJson';
  21 /*
  22  Intl libs are using out dated transpailer from ecmascript6.
  23  *  TODO: As soon as they fix it, remove this assignments!!!
  24  * */
  25 var Intl = window.Intl || IntlObj.default,
  26     IntlMessageFormat = IntlMessageFormatObj.default,
  27     IntlRelativeFormat = IntlRelativeFormatObj.default,
  28     createFormatCache = createFormatCacheObj;
  29
  30 /*extract locale*/
  31 var _locale = window.localStorage && localStorage.getItem('user_locale');
  32 if (!_locale) {
  33     if (window.navigator) {
  34         _locale = navigator.language || navigator.userLanguage;
  35
  36         //For now removing the dashes from the language.
  37         let indexOfDash = _locale.indexOf('-');
  38         if (-1 !== indexOfDash) {
  39             _locale = _locale.substr(0, indexOfDash);
  40         }
  41     }
  42     if (!_locale) {
  43         _locale = 'en';
  44     }
  45 }
  46
  47 var _localeUpper = _locale.toUpperCase();
  48 var i18n = {
  49     _locale: _locale,
  50     _localeUpper: _localeUpper,
  51     _i18nData: i18nJson || {},
  52
  53     number(num) {
  54         return createFormatCache(Intl.NumberFormat)(this._locale).format(num);
  55     },
  56
  57     date(date, options, relativeDates) {
  58         if (undefined === relativeDates || relativeDates) {
  59             return this.dateRelative(date, options);
  60         } else {
  61             return this.dateNormal(date, options);
  62         }
  63     },
  64
  65     dateNormal(date, options) {
  66         return createFormatCache(Intl.DateTimeFormat)(
  67             this._locale,
  68             options
  69         ).format(date);
  70     },
  71
  72     dateRelative(date, options) {
  73         return createFormatCache(IntlRelativeFormat)(
  74             this._locale,
  75             options
  76         ).format(date);
  77     },
  78     message(messageId, options) {
  79         let messageTxt = null;
  80         if (i18nJson && i18nJson[messageId]) {
  81             messageTxt = i18nJson[messageId];
  82         } else {
  83             messageTxt = String(messageId);
  84         }
  85         return createFormatCache(IntlMessageFormat)(
  86             messageTxt,
  87             this._locale
  88         ).format(options);
  89     },
  90     getLocale() {
  91         return this._locale;
  92     },
  93     getLocaleUpper() {
  94         return this._localeUpper;
  95     },
  96     setLocale(locale) {
  97         localStorage.setItem('user_locale', locale);
  98         window.location.reload();
  99     }
 100 };
 101 function i18nWrapper() {
 102     return i18nWrapper.message.apply(i18nWrapper, arguments);
 103 }
 104
 105 /*replace with some kind of extend method*/
 106 var prop, propKey;
 107 for (propKey in i18n) {
 108     prop = i18n[propKey];
 109     if (typeof prop === 'function') {
 110         prop = prop.bind(i18nWrapper);
 111     }
 112     i18nWrapper[propKey] = prop;
 113 }
 114
 115 export default i18nWrapper;