Improve the people invite screens

[giomfo]

The following changes must be applied on the people invite screen presented when the user decides to start a chat, add a new room member or process a people search:

• A default list is displayed when no search session is in progress - see comment below for detailed description

• During a search we consider:

• all the local contacts with at least one contact method (email, phone number...) which can be used to invite them.

• all the matrix users who share a room with the current user.

• The search result lists only the contacts who have the search pattern as prefix in their display name, their matrix identifiers and/or their contact methods (emails, phones).

• The search result is displayed in 2 sections:

• "Local Contacts" section (use the same verbiage as the OS, iOS call them Contacts, Android?): Matrix-enabled contacts and non-Matrix enabled contacts are all listed together in alphabetical order.
  [Previously; "Contact book" section (local contacts): the Matrix-enabled contacts are listed first by last active, with "active now" first, and then alphabetically, then the non-Matrix-enabled contacts are listed in alphabetical order.]

• "Known Contacts" section: Sort the Matrix contacts by last active, with "active now" first, and then alphabetically. Blank in the Default screen, only populates when a search is engaged

• Add filter tabs at the top allowing to filter "Matrix contacts" | "All contacts" in the local address book

• @ara4n to provide a sketch for the filter tab

• Remove a contact from the "Known Contacts" section if a local contact matches with his Matrix identifier.

• Local Contacts section: local contact with several contact methods should be split in several contacts. Only one method (email, phone number) by cell.

• if a local contact matches thanks to his display name, a cell is displayed for each contact methods even if they don't match the search pattern.

• if a local contact matches thanks to his matrix ids or contact methods, a cell is displayed only for the methods which have the searched prefix.

• Local Contacts section:

• The cell for a Matrix-enabled contact should display the matrix id, and add the Riot icon on the avatar. Lookup should be done on both email and MSISDN from the initial version.
  [Note to @ara4n: we get a Riot icon on the avatar as reachable from Riot, but then it's a Matrix enabled contact... Should we use a Matrix icon? To be discussed. Use Riot icon for now]
  See the following picture (display name font: medium 17, matrix id font: regular 17, email font: regular 15):
  

• The cell for a non-Matrix-enabled contact displays the associated contact method (use '@' for email, '#' for phone number):
  

• A contact details screen should be designed to display the contact information - "Contact Details" screen #906 To be confirmed. Postponed for now, as splitting the contact by contact method might be enough.
  (Note: this contact details should be available from a room member screen)

Notes:

• Multiselection is out of scope for now and will be done as a second step in order to get the new flow out of the door ASAP.
• Clicking on a contact only invites it, it doesn't open the Contact Details page

Summary of the user flows in following picture:

#905 is open to track the new button in the Room Member list

[AmandineLP]

Default List Screen

• 2 sections:
  • Local Contacts (use the same verbiage as the OS, iOS call them Contacts, Android?)
  • Known Contacts
• Local Contacts
  • Display the full address book ordered alphabetically, mixing Matrix enabled and non-Matrix enabled users
  • Add filter tabs at the top (@ara4n to provide a sketch) allowing to filter "Matrix contacts" | "All contacts" in the local address book
• Known Contacts
  • blank in the Default screen, only populates when a search is engaged

[giomfo]

Checklist updated

[giomfo]

sketch for the filter tab provided by @ara4n:

[giomfo]

Note: When a contact is removed from the "Known Contacts" section because a local contact matches with his Matrix identifier. The local contact should display the matrix avatar of this user.

[giomfo]

The provided tab ("Matrix contacts" | "All contacts") is not adapted to the global search screen. We suggest adding a specific tick in the Local contacts header, see the following screenshot:

[giomfo]

Checklist updated
@jeangb could you please test the lookup on msisdn.

[jeangb]

Validated