Show content type for internal link suggestions

[svenseeberg]

Motivation

The app has a feature for deep links to POIs. To enable content creators to use this, we need an easy way for them to add deep links.

Proposed Solution

The CMS already have a feature to add links to content. This feature could be enhanced to make it easier to directly create links to POIs.

Additionally, we should talk to the app team how this should be integrated into the source code. For example, we can add special CSS classes for POI Links that the app team can use to do some special UX magic

[timobrembeck]

This is already possible. When adding a link, there is a field "Link to existing content" and when the user searches for existing content, the suggestions contain pages, events and POIs:

Or should this be more like an embedded map on a page?

[svenseeberg]

I think this is almost what we need. We could improve the GUI a little, for example with a Drop Down with the available content types (Pages / POIs / Events)?

[timobrembeck]

Actually, I think it's easier to use if the content type doesn't have to be selected... However, maybe it would be good to point out which type the current suggestion is? Similar to wordpress:

[david-venhoff]

If I remember correctly there were some limitations with the tinymce api when I implemented this suggestions feature, so I decided to not show the type of the current suggestion. When we add this feature, we might have to rewrite the ui ourselves then.

[charludo]

OK so the issue isn't really with TinyMCEE, it's that HTML <option>s are one of the handful of components that count as "replaced elements" which can't be styled because they depend on the OS (and browser).

So there's really two options:

• use something like slim-select to replace our use of HML options in this case.
  • pro: could look exactly as pictured above in Timo's screenshot
  • con: external dependency, non-trivial integration with TinyMCE, stylistically inconsistent with all other dropdowns we have (unless we replace all of them) on most browsers/OSs
• use an optgroup HTML tag to group Pages, Events, and POIs together under a (non-selectable) title
  • conveys the same information
  • con: does not look as nice, order of results changes, not natively supported by TinyMCE either

Is this worth the effort?

[f1sh1918]

It would be nice to have a special class for the linked pois as we have for link-external. Something like poi-link would be fine. So we could highlight the link with a special icon

[sarahsporck]

We still need to discuss how this is implemented. Therefore, this ticket will be moved into the backlog.