webapp/fds-bootstrap.js

/*
 * Licensed to the Apache Software Foundation (ASF) under one or more
 * contributor license agreements.  See the NOTICE file distributed with
 * this work for additional information regarding copyright ownership.
 * The ASF licenses this file to You under the Apache License, Version 2.0
 * (the "License"); you may not use this file except in compliance with
 * the License.  You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

import 'core-js';
import 'zone.js';
import $ from 'jquery';
import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
import {
    enableProdMode,
    TRANSLATIONS,
    TRANSLATIONS_FORMAT,
    LOCALE_ID
} from '@angular/core';
import FdsModule from 'webapp/fds.module.js';

// Comment out this line when developing to assert for unidirectional data flow
enableProdMode();

// Get the locale id from the global
var locale = navigator.language.toLowerCase();

var providers = [];

// No locale or U.S. English: no translation providers so go ahead and bootstrap the app
if (!locale || locale === 'en-us') {
    platformBrowserDynamic().bootstrapModule(FdsModule, {providers: providers});
} else { //load the translation providers and bootstrap the module
    var translationFile = './webapp/locale/messages.' + locale + '.xlf';

    $.ajax({
        url: translationFile,
        dataType: 'text'
    }).done(function (translations) {
        // add providers if translation file for locale is loaded
        if (translations) {
            providers.push({provide: TRANSLATIONS, useValue: translations});
            providers.push({provide: TRANSLATIONS_FORMAT, useValue: 'xlf'});
            providers.push({provide: LOCALE_ID, useValue: locale});
        }
        platformBrowserDynamic().bootstrapModule(FdsModule, {providers: providers});
    }).fail(function () {
        // was this a country specific locale? if so, try to get the generic version of the language
        const localeTokens = locale.split('-');
        if (localeTokens.length === 2) {
            translationFile = './webapp/locale/messages.' + localeTokens[0] + '.xlf';
            $.ajax({
                url: translationFile,
                dataType: 'text'
            }).done(function (translations) {
                // add providers if translation file for locale is loaded
                if (translations) {
                    providers.push({provide: TRANSLATIONS, useValue: translations});
                    providers.push({provide: TRANSLATIONS_FORMAT, useValue: 'xlf'});
                    providers.push({provide: LOCALE_ID, useValue: localeTokens[0]});
                }
                platformBrowserDynamic().bootstrapModule(FdsModule, {providers: providers});
            }).fail(function () {
                platformBrowserDynamic().bootstrapModule(FdsModule, {providers: providers});
            });
        } else {
            platformBrowserDynamic().bootstrapModule(FdsModule, {providers: providers});
        }
    });
}