[TIMOB-26477] Ti.Locale.setLanguage is not applying the locale effects properly on Android & iOS

var ios_nav;

var indexWindow = Ti.UI.createWindow({
    backgroundColor : 'white',
    title : 'Language Changes',
    layout : 'vertical'
});

var btn1 = Ti.UI.createButton({
    title : 'Set English using Ti.Locale',
    top : 10,
    width : Ti.UI.SIZE
});
btn1.addEventListener('click', function () {
    Ti.Locale.setLanguage('en');
    showAlert();
});

var btn2 = Ti.UI.createButton({
    title : 'Set Arabic using Ti.Locale',
    top : 10,
    width : Ti.UI.SIZE
});
btn2.addEventListener('click', function () {
    Ti.Locale.setLanguage('ar');
    showAlert();
});

var btn3 = Ti.UI.createButton({
    title : 'Set English using Hyperloop',
    top : 40,
    width : Ti.UI.SIZE
});
btn3.addEventListener('click', function () { changeByHyperloop('en') });

var btn4 = Ti.UI.createButton({
    title : 'Set Arabic using Hyperloop',
    top : 10,
    width : Ti.UI.SIZE
});
btn4.addEventListener('click', function () {changeByHyperloop('ar') });

var btn5 = Ti.UI.createButton({
    title : 'Open new Window to see changes',
    top : 50,
    width : Ti.UI.SIZE
});
btn5.addEventListener('click', openNewWindow);

indexWindow.add(btn1);
indexWindow.add(btn2);
indexWindow.add(btn3);
indexWindow.add(btn4);
indexWindow.add(btn5);

if (OS_IOS) {
    ios_nav = Ti.UI.iOS.createNavigationWindow({ window : indexWindow });
    ios_nav.open();

} else {
    indexWindow.open();
}

function showAlert(e){
    Ti.UI.createAlertDialog({
        cancel : 1,
        buttonNames: ['RIGHT', 'LEFT'],
        message: 'App language is ' + (Ti.Locale.currentLanguage == 'en' ? 'English' : 'Arabic'),
        title: 'Dialog Title'
    }).show();
}

function changeByHyperloop(language) {
    if (OS_ANDROID) {
        var Activity = require('android.app.Activity');
        var Configuration = require('android.content.res.Configuration');
        var Locale = require('java.util.Locale');
        var activity = new Activity(Ti.Android.currentActivity);

        var myLocale = new Locale(language);
        Locale.setDefault(myLocale);

        var config = new Configuration();
        config.locale = myLocale;

        // this doesn't work completely like moving scroll-bars and titles to right-edge.
        // seems Ti.Locale.setLanguage() also using Application-Context which doesn't work properly on layout-direction
        // var ctx = activity.getApplicationContext();

        // this is working fine by applying all layout and directional changes properly
        var ctx = activity.getBaseContext();
        ctx.getResources().updateConfiguration(config, ctx.getResources().getDisplayMetrics());

        showAlert();

    } else {
        alert('Hyperloop code not available on iOS. Please use Ti.Locale buttons to test language changes');
    }
}

function openNewWindow() {
    var win = Ti.UI.createWindow({
        backgroundColor : 'white',
        title : Ti.Locale.currentLanguage == 'en' ? 'English Language' : 'Arabic Language',
        layout : 'vertical'
    });

    if (OS_IOS) {
        win.backButtonTitle = '';

        win.add(Ti.UI.createLabel({
            top : 20,
            left : 20,
            right : 20,
            textAlign : Ti.UI.TEXT_ALIGNMENT_CENTER,
            color : 'black',
            text : "New window opening transition animation is from right-to-left in English language.\n\nBut it should be left-to-right in Arabic language which it is not.\n\nAlso the back-arrow icon should be on different sides in both language.\n\nSo it's a bug on iOS also."
        }));

    } else {
        var picker = Ti.UI.createPicker({
            left : 20,
            right : 20,
            top : 20
        });

        var data = [];
        data[0]=Ti.UI.createPickerRow({title:'Bananas'});
        data[1]=Ti.UI.createPickerRow({title:'Strawberries'});
        data[2]=Ti.UI.createPickerRow({title:'Mangos'});
        data[3]=Ti.UI.createPickerRow({title:'Grapes'});

        picker.add(data);
        win.add(picker);

        win.add(Ti.UI.createLabel({
            top : 20,
            left : 20,
            right : 20,
            textAlign : Ti.UI.TEXT_ALIGNMENT_CENTER,
            color : 'black',
            text : 'Picker caret icon should be on right-side in English language and on left-side in Arabic language'
        }));

        win.addEventListener('open', function () {
            var actionBar = win.activity.actionBar;
            actionBar.displayHomeAsUp = true;
            actionBar.title = "Language Demo";
            actionBar.onHomeIconItemSelected = function() {
                win.close();
            };
        });
    }

    OS_IOS ? ios_nav.openWindow(win) : win.open();
}