Mocks
add
Figma file

Acceptance Criteria

• There is an add button below the edit button on top of the page
  • 48 px touch target
  • 8 px distance to other buttons
• If a user clicks on "add", they are scrolled down to the bottom of the termbox
  • This does not change the collapsed/expand state of "more languages" and "all entered languages"
  • There is a dropdown at the end of termbox serving the purpose of entering the language that should be added
    • design specification TODO
    • This dropdown is immediately focused
    • The dropdown shows all languages that could possibly be part of a finger print in the format <language code> - <language in user interface language>
    • Language options that are already shown in other fingerprints are disabled
      • potentially design specification
  • When the user selects a language, they can input the label, description, alias information
    • The dropdown shows the selected language as active option
    • Below the collapsed dropdown field are input fields for label, description and alias
      • design specification: Fingerprint specification of editing
  • Once the user is in adding mode, the edit icon and the add icon disappear. Instead there is a save option (we assume this is floating)
    • Once the user clicks on "save" they return back to reading mode
      • If no language has yet been selected from the dropdown, nothing is saved
      • If a language was selected,but neither of label, description and alias contains anything but whitespace, nothing is saved
        • If a language was selected and any of label, description and alias have some content, the new language is saved
        • The saved fingerprint can be found in the reading mode the user returned to according to the sorting already in place