Unify coordinate format picker across Settings, Search and Widget

[dmpr0]

Android task osmandapp/OsmAnd#17311
Core

Coordinate format – General Settings. Figma

Main screen

We need to change the logic of the screen. Previously, we showed a list of all available formats with the ability to select a primary one, which was shown first in the context menu and used in the Coordinates widget. We will slightly change this by allowing the user to have a Primary format (the first one) and a list of others. The primary format will still be shown first in the context menu and in the widget, but later we will add the ability to change the format specifically for the widget.

NavBar

• Title – Coordinate format
• Leading action – Back
• Trailing actions – Menu, use – ic_custom_overflow_menu_stroke

Menu:

• Copy from another profile, icon – ic_custom_copy
• Reset to default, icon – ic_custom_reset

List

• Description – Preferred formats for quick access from context menu and search.
• Show list of preferred formats. The modified default list should apply only to new installs.
  • DDD.DDDDD
  • DDD MM.MM
  • DDD MM SS.SS
  • Universal Transverse Mercator
  • Open Location Code
• Second line:
• Show coordinate examples for regular formats
  • Show EPSG code for EPSG formats
  • Add Primary text label for the first item
  • Add UTM for UTM before format example
  • Add OLC for OLC before format example

ToolBar

• Add toolbar with two actions
  • Edit – switch to Edit mode on tap
  • Add – open Add format screen on tap

Edit, Figma

Edit	Confirmation dialog

NavBar

• Title – Coordinate format
• Leading action – Close
  • Show confirmation dialog on tap if changes were made
• Trailing action – Done, save changes on tap

List:

• Show list of preferred formats
• Item actions (similar to the Edit widget panel screen):
  • Leading – Remove
  • Trailing – Move
• Show Add as last item, open Add format screen on tap

Confirmation alert:

• Title – Discard changes?
• Description – Your changes to preferred formats will not be saved.
• Actions – Cancel / Discard

Add format, Figma

NavBar

• Leading action – Close
• Title – Add format

Search bar

• Use – add native search bar below NavBaar
• Placeholder – Search EPSG code or format name

Item:

• Show Add button as leading action

General group
List of formats that were shown in the app before these changes.

• Hide already added formats

Empty state

• Icon – ic_custom_coordinates_location
• Title – Looking for a specific format?
• Description – Search a database of over 5,000 local and national EPSG codes by country, name, or ID.

Search

• Formats should be searchable by name or EPSG code
• Tapping Add should add the new format as the last item without closing the Add format screen

Context menu

• The list of coordinate formats in the context menu should match the user’s setting for coordinate format.

[dmpr0]

Coordinates search Figma

DDD	EPSG	Format bottom sheet

• Switch to full screen view

EPSG coordinates

• First field – Easting / X
• Second field – Northing / Y

Format bottom sheet

Bottom sheet will be used in the Coordinates search and Widget settings screens.

• Use native bottom sheet
• Leading action – close
• Title - Coordinate format
• Show list of predefined formats

Recent

• Show last 5 recently added formats
• Hide group if there is 0 recent formats
• This list should be the same for any place where the bottom sheet is shown

Select other format
Button allows use any format as temporary

• Show button Select other format
  • Open Add format on tap with focus on the search field

[dmpr0]

Coordinates widget

• Add Settings group for both Coordinate widgets
• Add new parameter Format
  • By default set to Primary (first) format
  • Show Format bottom sheet on tap
  • Allow to choose any format
  • Selected format should be visible on the widget.

[dmpr0]

Coordinates grid

Grid	Bottom shett

• Change pop-up button to chevron in Format tabell cell
• Show bottom sheet on tap, use the same bottom sheet as was used before in this task