Story

As a user I would like to be able to enter a list option translation. This will help my international locations to localize their sites.

Feature Details

• Add a language option drop down to the List Option Config page Labeled "Translation" - Includes: English/Spanish/French
• Add a column for translated values labeled "Translation"
  • This column should be hidden until the user changes the language to something other than English.
• When the user selects a non-English language from the drop down, the Translation appears including an "edit" pencil icon next next to the column header.
• When the user clicks the pencil the labels for all objects in the Translation column becomes an editable text box.
• An additional header row appears with a "Cancel" and "Apply Update" button in the row.
  • This row should lock with the table header.
• When the user makes any edits to any translation field, the "Add List Items" button changes to "Save Translation" and a "Cancel" button becomes available.
• If the user attempts to navigate away from the page without saving, they are presented with a "Continue" modal.
• If the user attempts to change the language without saving, they are presented with a "Continue" modal.
• After save, all users with the selected language option now see the translated list option description.
• The database continues to store the list option description in English.
• If when a user views a location in the site where list options are available, they are presented with the translation based on their language selection. (Maybe a new story or a UAC in the existing story? CFAMX-11896)
• All list options are populated with the English translation all languages unless they have been manually edited in a specific language. In this case, populate with manual edit.

Wireframes (iPad Resolution)

Language Drop Down With English Selected

Spanish Selected: Display Mode

Spanish Selected: Edit Mode

Discard Changes Modal

Dev Notes:
Affected areas to regression test: transfer reason codes, forecast events, day characteristics, offsite location classification, and no utility payment reasons.

AC

1. A new drop down menu labeled and defaulted to "Translation" is available. Options include English, Spanish, and French.
2. When the user selects a non-English language, a new column of labeled "Translation" is available.
   1. There is an "Edit" icon next to the Translation header label.
   2. This column is read only by default.
   3. These fields should be populated by default with the English list option title.
3. When the user clicks the edit icon, all translation fields are now editable.
4. Once the user make any change to any translation field the "Add List Option" button changes to "Save Translation" and a "Cancel" button is available.
5. The user can then add any text they like to that field including special characters with accents or the ñ
6. If the user attempts to navigate away from the list item page with unsaved translations, they are presented with a "Discard Changes" modal.
7. If the user attempts to change languages with unsaved translations, they are presented with a "Discard Changes" modal.
8. When the user has a non-English language selected as their default language, they should now see the user translated list options in all list item locations.