Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Dashboard] Redesign empty screen in readonly mode #54073

Merged
merged 3 commits into from
Jan 7, 2020

Conversation

majagrubic
Copy link
Contributor

Summary

When in readonly mode, we were not showing a meaningful empty screen, which was a bit confusing. Related: #54002

This PR utilizes the new empty screen graphic to show it on readonly screen.
Screenshot 2020-01-06 at 21 40 25

Checklist

Use strikethroughs to remove checklist items you don't feel are applicable to this PR.

For maintainers

@majagrubic majagrubic requested a review from a team January 6, 2020 22:08
@majagrubic majagrubic added Feature:Dashboard Dashboard related features v8.0.0 v7.6.0 Team:Visualizations Visualization editors, elastic-charts and infrastructure labels Jan 6, 2020
@elasticmachine
Copy link
Contributor

Pinging @elastic/kibana-app (Team:KibanaApp)

Copy link
Contributor

@myasonik myasonik left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I think we can improve the copy but not a hard requirement

@@ -19,6 +19,13 @@

import { i18n } from '@kbn/i18n';

/** READONLY VIEW CONSTANTS **/
export const emptyDashboardTitle: string = i18n.translate('kbn.dashboard.emptyDashboardTitle', {
defaultMessage: 'This dashboard is empty or you do not have permission to view.',
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Don't we know concretely that it's both, not one of these? Would suggest breaking this up to be able to provide direct messaging (You probably only need "This dashboard is empty" and "You do not have permission to view this dashboard"; "This dashboard is empty and you don't have permission to see it" seems a bit overkill.)

I think direct, unambiguous error/help messages are always appreciated even if it requires a few more conditionals on our side.

@majagrubic
Copy link
Contributor Author

Thanks @myasonik , I agree it was ambiguous. I've updated the copy following @ryankeairns suggestion:
Screenshot 2020-01-07 at 10 22 40

@kibanamachine
Copy link
Contributor

💚 Build Succeeded

History

To update your PR or re-run it, just comment with:
@elasticmachine merge upstream

@ryankeairns ryankeairns self-requested a review January 7, 2020 14:32
Copy link
Contributor

@ryankeairns ryankeairns left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

👍 Thanks for updating the wording, short and sweet.

@majagrubic majagrubic merged commit ab76ee5 into elastic:master Jan 7, 2020
@majagrubic majagrubic deleted the dash-empty-screen-2 branch January 7, 2020 14:41
majagrubic pushed a commit to majagrubic/kibana that referenced this pull request Jan 7, 2020
* [Dashboard] Make empty screen nicer in readonly mode

* Adding contact-the-owner part

* Updating text
jloleysens added a commit to jloleysens/kibana that referenced this pull request Jan 7, 2020
…le-saved-objects

* 'master' of github.com:elastic/kibana: (86 commits)
  [Uptime] Added date range filter into expanded list query (elastic#52609)
  [SIEM] Add react/display-name eslint rule (elastic#53107)
  [SIEM] Enable eslint prefer-template rule (elastic#53983)
  Elasticsearch snapshots automation (elastic#53706)
  [SIEM] Enable eslint react/no-children-prop (elastic#53985)
  [DOCS][Reporting] Adds info about using a custom reporting index (elastic#54052)
  Changing background color to align with EUI color (elastic#54060)
  Fix linting issues (elastic#54068)
  NP Migration: Move doc views registry and existing doc views into discover plugin (elastic#53465)
  [ML] DF Analytics job creation: Add 'excludes' input field to form (elastic#53856)
  EMT-issue-65: add endpoint list api (elastic#53861)
  [SIEM] Fix doubled drag handles in Timeline (elastic#52679)
  Functional tests: refactor visualize_page (elastic#53845)
  [Dashboard] Redesign empty screen in readonly mode (elastic#54073)
  [ML] Support search for partitions on Single Metric Viewer (elastic#53879)
  update apm index pattern (elastic#54095)
  Add data ui for envoyproxy Metricbeat Module (elastic#53476)
  [ML] persist the brush when expanded to full width (elastic#54020)
  Skip failing test (elastic#54100)
  [APM] Show errors on the timeline instead of under the transaction (elastic#53756)
  ...

# Conflicts:
#	src/legacy/core_plugins/console/public/np_ready/application/contexts/services_context.tsx
#	src/legacy/core_plugins/console/public/np_ready/application/index.tsx
jloleysens added a commit to jloleysens/kibana that referenced this pull request Jan 7, 2020
…/kibana into feature/console-saved-objects

* 'feature/console-saved-objects' of github.com:jloleysens/kibana: (86 commits)
  [Uptime] Added date range filter into expanded list query (elastic#52609)
  [SIEM] Add react/display-name eslint rule (elastic#53107)
  [SIEM] Enable eslint prefer-template rule (elastic#53983)
  Elasticsearch snapshots automation (elastic#53706)
  [SIEM] Enable eslint react/no-children-prop (elastic#53985)
  [DOCS][Reporting] Adds info about using a custom reporting index (elastic#54052)
  Changing background color to align with EUI color (elastic#54060)
  Fix linting issues (elastic#54068)
  NP Migration: Move doc views registry and existing doc views into discover plugin (elastic#53465)
  [ML] DF Analytics job creation: Add 'excludes' input field to form (elastic#53856)
  EMT-issue-65: add endpoint list api (elastic#53861)
  [SIEM] Fix doubled drag handles in Timeline (elastic#52679)
  Functional tests: refactor visualize_page (elastic#53845)
  [Dashboard] Redesign empty screen in readonly mode (elastic#54073)
  [ML] Support search for partitions on Single Metric Viewer (elastic#53879)
  update apm index pattern (elastic#54095)
  Add data ui for envoyproxy Metricbeat Module (elastic#53476)
  [ML] persist the brush when expanded to full width (elastic#54020)
  Skip failing test (elastic#54100)
  [APM] Show errors on the timeline instead of under the transaction (elastic#53756)
  ...
majagrubic pushed a commit that referenced this pull request Jan 7, 2020
* [Dashboard] Make empty screen nicer in readonly mode

* Adding contact-the-owner part

* Updating text
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Feature:Dashboard Dashboard related features Team:Visualizations Visualization editors, elastic-charts and infrastructure v7.6.0 v8.0.0
Projects
None yet
Development

Successfully merging this pull request may close these issues.

5 participants