[US] (i18n) Adding Languages/ Default Languages as Dropdowns

[lyubageorgieva]

As an application developer, I want the users to add new languages for i18n via a dropdown, so that the user experience is improved and the user doesn't need to manually input the language names and codes.

MoSCoW	Risk	Story Points
Should	Low	5

Acceptance Criteria

• Keep the same functionality to add a language as previously
• Ability to add a new language via a dropdown
• Once the language is selected, automatically associate the language code
• Ability to add a default language to be displayed in the i18n tab via a dropdown
• Once a default language is selected to show only the labels from the view associated with that language_code

Risks

• N/A

Pre-requisites

• [x] Meet with the stakeholder to clarify the requirements
• [x] Complete the requirements of this US

Tasks

• [x] UI mockup
• [x] In the Add Language Modal, have a dropdown for the languages.
• [x] The dropdown should contain a list of languages (research for an external tool)
• [x] Once a language is selected, the language should be automatically associated to the language code ISO 639-1
• [x] Adding the default language dropdown
• [x] Setting up 'English' as the default language
• [x] Once a language is selected to be a default language, the changes need to be reflected on the UI, hence in the column as LANG:
• [x] The selected default language should also display the proper values for the labels from the view corresponding to the language

Note

Check this package to implement the feature https://www.npmjs.com/package/iso-639-1

[lyubageorgieva]

UI mockup

[lyubageorgieva]

Use Case Diagram

[lyubageorgieva]

Demo Video

https://github.com/WillTrem/UInnovate/assets/74876532/379c2943-2a08-4c2e-b950-e347d395e8af

[lyubageorgieva]

Additional notes

In the video, it's mentioned that default languages wasn't yet implemented but afterwards I added another commit to the existing PR to fix it. And it works as depicted in the following screenshot