Kibana: [Logs UI] Link from log category examples to associated stream and context views

Created on 5 Jun 2020  路  3Comments  路  Source: elastic/kibana

鈩癸笍 Design and background in elastic/kibana#65975
鈿狅笍 Related to elastic/kibana#68442 (may be able to share some components, design)

Based on the user flows outlined in #65975, we should make the current category view's examples each link to their associated stream and context views.

AC:

  • Add the 3 horizontal dot icon from this action menu component to each row for example category logs
  • On icon click, display this action menu with the following options:

    • View in stream (takes you to that example in the log stream, centered)

    • View in context (opens the "view in context" modal for the corresponding example log)

    • IF POSSIBLE: View dataset in ML (opens to ML to explore just this dataset, if possible)

Notes:

  • If the view in context modal and/or ML link are too difficult to use in this view right now, it's okay to de-scope this ticket down to just the "view in stream" portion.

Logs_-_Kibana

Logs UI logs-metrics-ui

Most helpful comment

The data grid in EUI also uses that icon for row actions:

image

Other than in the log stream I would recommend to always show it (instead of just on hover) to make it more discoverable.

All 3 comments

Pinging @elastic/logs-metrics-ui (Team:logs-metrics-ui)

@jasonrhodes I think we should reuse the context menu we introduced for "view in context" for this. It would be great to share this kind of menu to use it in a consistent way.

Screenshot 2020-06-08 at 09 54 36

I think it has been introduced in this PR

The data grid in EUI also uses that icon for row actions:

image

Other than in the log stream I would recommend to always show it (instead of just on hover) to make it more discoverable.

Was this page helpful?
0 / 5 - 0 ratings

Related issues

bradvido picture bradvido  路  3Comments

timroes picture timroes  路  3Comments

celesteking picture celesteking  路  3Comments

snide picture snide  路  3Comments

socialmineruser1 picture socialmineruser1  路  3Comments