made language selection understandable

[raghav1030]

Summary:

This PR changes the way languages are getting rendered. Initially the languages in the locale select dialog box was getting rendered by 3 letter ISO codes but now they have been locally transliterated into the respective language.

The update fixes a part of all the issues mentioned in #806. This PR changes the way languages are getting rendered.

Description for the changelog:
language selection dropdown menu uses natural language

Other info:
closes #806

[jgadsden]

Superb to see this , many thanks @raghav1030
There are some unit tests failing because of the change in text, would you like to apply these changes and the tests should now pass :

diff --git a/td.vue/tests/unit/components/localeSelect.spec.js b/td.vue/tests/unit/components/localeSelect.spec.js
index d8fffd34..3a17bbdb 100644
--- a/td.vue/tests/unit/components/localeSelect.spec.js
+++ b/td.vue/tests/unit/components/localeSelect.spec.js
@@ -47,13 +47,13 @@ describe('components/LocaleSelect.vue', () => {
 
         it('has an option for eng', () => {
             expect(wrapper.findAllComponents(BDropdownItem)
-                .filter((c) => c.text() === 'eng').exists()
+                .filter((c) => c.text() === 'English').exists()
             ).toEqual(true);
         });
 
         it('has an option for deu', () => {
             expect(wrapper.findAllComponents(BDropdownItem)
-                .filter((c) => c.text() === 'deu').exists()
+                .filter((c) => c.text() === 'Deutsch').exists()
             ).toEqual(true);
         });
 
@@ -64,7 +64,7 @@ describe('components/LocaleSelect.vue', () => {
 
             it('updates the locale to deu', async () => {
                 await wrapper.findAllComponents(BDropdownItem)
-                    .filter(c => c.text() === 'deu')
+                    .filter(c => c.text() === 'Deutsch')
                     .at(0)
                     .trigger('click');
                 
@@ -73,7 +73,7 @@ describe('components/LocaleSelect.vue', () => {
 
             it('updates the locale to eng', async () => {
                 await wrapper.findAllComponents(BDropdownItem)
-                    .filter(c => c.text() === 'eng')
+                    .filter(c => c.text() === 'English')
                     .at(0)
                     .trigger('click');
                 

[jgadsden]

good to see this change - tested and works as described
some unit tests now fail due to changes in text, but that is easy to fix up

[raghav1030]

Hey @jgadsden! I have updated the tests for locale select and now it is passing all the tests. Would love to know if there's any other feedback?

[jgadsden]

Thanks for doing this @raghav1030 , all good to merge now

[jgadsden]

Going ahead with merge, the remaining failing test is is the usual 'lack of permissions' failure