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

Placeholder for empty fields #434

Merged
merged 2 commits into from
May 6, 2020
Merged

Conversation

melissaSchmidt0302
Copy link
Contributor

Closes #31

@openkfwCI
Copy link

openkfwCI commented Feb 13, 2020

NotesTime
Note for Reviewer: E2E tests on remote server succeededTue, 05 May 2020 14:31:02 +0000

Generated by E2E-Test

Copy link
Contributor

@Stezido Stezido left a comment

Choose a reason for hiding this comment

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

Good work.

Suggestions

  1. Create an own file called emptyStates where all empty states are saved. import it as emptyStates and get e.g. nodes with emptyStates.nodes or emptyStates.workflowitemList.
  2. Maybe you find a way to include images or icons/thumbnails in the empty states like material design suggests. (https://material.io/design/communication/empty-states.html#)

frontend/package.json Outdated Show resolved Hide resolved
frontend/src/pages/Navbar/SideNavCard.js Outdated Show resolved Hide resolved
frontend/src/pages/Navbar/SideNavCard.js Outdated Show resolved Hide resolved
frontend/src/pages/Navbar/SideNavCard.js Outdated Show resolved Hide resolved
frontend/src/pages/Nodes/NodeVoting.js Outdated Show resolved Hide resolved
frontend/src/pages/SubProjects/SubProjectTable.js Outdated Show resolved Hide resolved
frontend/src/pages/Users/GroupTable.js Outdated Show resolved Hide resolved
frontend/src/pages/Users/GroupTable.js Outdated Show resolved Hide resolved
frontend/src/pages/Users/UsersTable.js Outdated Show resolved Hide resolved
frontend/src/pages/Workflows/WorkflowItem.js Outdated Show resolved Hide resolved
@Stezido Stezido removed their assignment Feb 14, 2020
@melissaSchmidt0302 melissaSchmidt0302 force-pushed the placeholder-for-empty-fields branch 2 times, most recently from 504976f to 068b610 Compare February 17, 2020 16:26
Copy link
Contributor

@Stezido Stezido left a comment

Choose a reason for hiding this comment

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

The images and text messages "not be found" shouldn't be visible if the elements are not fetched yet.

frontend/src/index.js Outdated Show resolved Hide resolved
frontend/src/languages/english.js Outdated Show resolved Hide resolved
frontend/src/pages/Common/EmptyStates.js Outdated Show resolved Hide resolved
frontend/src/pages/Navbar/SideNavCard.js Outdated Show resolved Hide resolved
frontend/src/pages/Common/EmptyStates.js Outdated Show resolved Hide resolved
frontend/src/pages/Nodes/NodesTable.js Outdated Show resolved Hide resolved
frontend/src/pages/Users/GroupTable.js Outdated Show resolved Hide resolved
frontend/src/pages/Users/UsersTable.js Outdated Show resolved Hide resolved
frontend/src/pages/Workflows/WorkflowList.js Outdated Show resolved Hide resolved
frontend/src/pages/Workflows/WorkflowList.js Outdated Show resolved Hide resolved
@Stezido Stezido removed their assignment Feb 26, 2020
@melissaSchmidt0302 melissaSchmidt0302 force-pushed the placeholder-for-empty-fields branch 3 times, most recently from 3a3ed8c to 6d2e019 Compare March 3, 2020 15:22
Copy link
Contributor

@Stezido Stezido left a comment

Choose a reason for hiding this comment

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

organize imports

e2e-test/cypress/integration/timestamp_spec.js Outdated Show resolved Hide resolved
@Stezido Stezido removed their assignment Mar 4, 2020
CHANGELOG.md Outdated Show resolved Hide resolved
e2e-test/cypress/integration/workflowitem_edit_spec.js Outdated Show resolved Hide resolved
frontend/src/languages/english.js Outdated Show resolved Hide resolved
frontend/src/pages/Common/EmptyStates.js Outdated Show resolved Hide resolved
frontend/src/pages/Notifications/NotificationListItems.js Outdated Show resolved Hide resolved
frontend/src/pages/Workflows/WorkflowList.js Outdated Show resolved Hide resolved
frontend/src/pages/Workflows/WorkflowTable.js Outdated Show resolved Hide resolved
@melissaSchmidt0302 melissaSchmidt0302 force-pushed the placeholder-for-empty-fields branch 3 times, most recently from db6d016 to 5c41bd5 Compare April 29, 2020 06:58
@melissaSchmidt0302 melissaSchmidt0302 force-pushed the placeholder-for-empty-fields branch 7 times, most recently from 6539d3d to 7b72b22 Compare May 4, 2020 11:42
In tables and fields you can see images and small text messages
when there is no data being fetched. Thus the users know why there
is no data displayed.

To make the code more efficient the function splitNodes splits the
nodes for new organization request and existing organization requests.

When reloading the page, no content is visible until data or empty state
is fetched.
@melissaSchmidt0302 melissaSchmidt0302 force-pushed the placeholder-for-empty-fields branch 7 times, most recently from 118b124 to 3076697 Compare May 5, 2020 13:36
- After adding an image for a placeholder, the test couldn't find a
  button to click on anymore, so a force command solved the issue.

- In timestamp_spec.js a div couldn't be found because it was nested,
  now the actual list is being forwarded.

- Fixed project_analytics_spec.js and subproject_edit_spec.js,...
@Stezido Stezido merged commit 32e7860 into master May 6, 2020
@Stezido Stezido deleted the placeholder-for-empty-fields branch June 15, 2020 10:26
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

fill empty tables or fields with placeholders
4 participants