Translation Epic TS3 - Add Has Valid Language Guard

[Karvel]

Desired Use Case

The webapp should only load routes with the :languageCode route parameter when the parameter is one of the supported language codes.

Actual/Current Behavior

The feature is not yet implemented.

Steps to Implement This Feature

• Add isAvailableLanguageCode() service method.
• Add new translation key and translations for the error notification.
• Add HasValidLanguageGuard.

Pre-Testing TODOs

What needs to be done before testing.

1. This feature will be wired up to the forthcoming set-translate route. To test it now, add the following to the content routing module:

      {
        path: 'set-translation/:id/:languageCode',
        component: AgentDetailSmartComponent,
        canActivate: [CanEditAuthGuard, HasValidLanguageGuard],
        resolve: {
          agent: resolverList.UpdateAgentResolver,
        },
      },

Testing Steps

If you are not a member of this project, skip this step

How do the users test this change?

1. Log in (as at least an editor).
2. Go to the agents view.
3. Choose a table row and click on the set translation button.
4. Choose and click on a language in the popover.
5. Confirm that the language code for the selected language shows in the browser window (It will likely be something like http://localhost:4200/content/set-translation/1/en-US).
6. Try changing the language code value to something invalid: (http://localhost:4200/content/set-translation/1/test).
7. Confirm that the app returns to the agent view.
8. Confirm that it shows a notification message when it doesn't get a valid language code.
9. Confirm that the notification messages translate into the active language.