feat: add recipient info on the right side of the composer

[GretaD]

fixes #9622

5cba586

[GretaD]

Hi @ShGKme we need your vue expertise to decide how to move on here.

we would like to find a way how to properly show info on the right pane, that should look more or less like the contact one (see mockup on the initial ticket). Duplicating code is not the right way to go for obvious reasons. Do you have any idea what would be best to do here? This feature has to go in on Thursday.

[ShGKme]

Hi @GretaD

This feature has to go in on Thursday.

Having this, I'd start with duplicating the code. Then you can do it faster. And also see what will be different, what customization or interface will be required.

Then, when it works, we should move it to a library. Either @nextcloud/vue or a new one.

Also, there could be two ways:

1. Reuse only UI components, but not the login with VCard queries
2. Reuse everything, like NcTeam* components do in @nextcloud/vue

I'd go with the second one. Not sure this component could be needed as a pure UI component.

[ChristophWurst]

The raw search query that works

<?xml version="1.0"?>
<x4:addressbook-query xmlns:x4="urn:ietf:params:xml:ns:carddav">
  <x0:prop xmlns:x0="DAV:">
    <x0:getcontenttype/>
    <x0:getetag/>
    <x0:resourcetype/>
    <x0:displayname/>
    <x0:owner/>
    <x0:resourcetype/>
    <x0:sync-token/>
    <x0:current-user-privilege-set/>
    <x0:getcontenttype/>
    <x0:getetag/>
    <x0:resourcetype/>
    <x4:address-data/>
  </x0:prop>
  <x4:filter test="allof">
    <x4:prop-filter name="EMAIL">
      <x1:text-match xmlns:x1="urn:ietf:params:xml:ns:carddav">[email protected]</x1:text-match>
    </x4:prop-filter>
  </x4:filter>
</x4:addressbook-query>