added headings

[PatrycjaPuczko]

I put headings for the sections to make form more readable for users.
@nextcloud/contacts How can a get the real names for the headings instead of using {{prop.$key}?

[Henni]

I believe you can at the moment only hotfix this with {{prop.$key}}.
My suggestion how to solve this cleanly would be to:

1. create a new angular directive (detailgroup) which would encapsulate all detailitems of the same type and display the heading (which is currently only accessible inside the detailsitem directive as {{ctrl.meta.readableName}}) or
2. restructure the detailitem directive to list all entries of a single type.

"Graphically" this means:
Current State:

contact
|--detailitem (Name)
|--detailitem (Phone Work)
+--detailitem (Phone Home)

Suggestion 1:

contact
|-- detailgroup (Name)
|   +-- detailitem (Name)
+-- detailgroup (Phone)
    |--detailitem (Phone Work)
    +--detailitem (Phone Home)

Suggestion 2:

contact
|-- detailitem (Name)
+-- detailitem (Phone Work + Home)

cc @irgendwie thoughts?

[jancborchardt]

@Henni @irgendwie do we want to check this out at the next meetup maybe? :)

[jancborchardt]

@Henni suggestion 1 seems most fitting, right? @nextcloud/contacts is some of you down for implementing that?

[skjnldsv]

We'll need a full restructuration of the details.
Since no activity, closing. We'll work on a full rewriting later :)

[jancborchardt]

Why a full restructuring @skjnldsv? :) Can’t we do this step by step? And this is already a good step in the right direction. We just need the actual text value.

[jancborchardt]

@Henni let me know as soon as you have the follow-up pull request to this open. :)