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.

Sign up for GitHub

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

UI: Empty state styles #5758

Merged
merged 16 commits into from
Nov 16, 2018
Merged

UI: Empty state styles #5758

Changes from 1 commit
Commits
Show all changes
16 commits
Select commit Hold shift + click to select a range
865d10e
Add Empty State component
joshuaogle Nov 2, 2018
f692420
Remove old BlockEmpty component
joshuaogle Nov 3, 2018
ab00bc8
Replaced more old empty states
joshuaogle Nov 3, 2018
4767923
Better empty state copy
joshuaogle Nov 3, 2018
1bf4886
Fix prettier style on List View test
joshuaogle Nov 10, 2018
c4c987e
add learn link component
meirish Nov 14, 2018
5f71ee9
use outer-html component as a base for empty state
meirish Nov 14, 2018
4d8e6fa
use anchors and LearnLink component
meirish Nov 14, 2018
a80b649
move Add -> Create, add emptyTitle for leases list
meirish Nov 14, 2018
98ccba4
lint
meirish Nov 14, 2018
2d864cb
don't use bulma classes for empty-state
meirish Nov 15, 2018
5197a53
don't show disable button for groups
meirish Nov 15, 2018
08bbfd6
make sure tabs show up on identity show pages
meirish Nov 15, 2018
868eca5
use EmptyState on secrets list
meirish Nov 15, 2018
1036b29
pass emptyActions through list view component and render into EmptyState
meirish Nov 15, 2018
cec92e3
Merge branch 'master' into ui-empty-states
joshuaogle Nov 16, 2018
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
60 changes: 28 additions & 32 deletions ui/app/templates/vault/cluster/secrets/backend/list.hbs
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -54,37 +54,33 @@
}}
{{/if}}
{{else}}
<div class="empty-state">
<div class="empty-state-content">
{{#if (eq baseKey.id '')}}
<div class="empty-state-title">
No {{pluralize options.item}} in this backend yet
</div>
<div class="empty-state-message">
Secrets in this backend will be listed here. Add a secret to get started.
</div>
<div class="empty-state-actions">
{{#secret-link
mode="create"
secret=''
queryParams=(query-params initialKey=(or filter baseKey.id))
class="link"
}}
{{options.create}}
{{/secret-link}}
</div>
{{else}}
{{#if filterIsFolder}}
<div class="empty-state-title">
{{#if (eq filter baseKey.id)}}
No {{pluralize options.item}} under <code>{{or filter}}</code>
{{else}}
No folders matching <code>{{filter}}</code>
{{/if}}
</div>
{{/if}}
{{/if}}
</div>
</div>
{{#if (eq baseKey.id '')}}
<EmptyState
@title="No {{pluralize options.item}} in this backend yet"
@message="Secrets in this backend will be listed here. Add a secret to get started."
>
{{#secret-link
mode="create"
secret=''
queryParams=(query-params initialKey=(or filter baseKey.id))
class="link"
}}
{{options.create}}
{{/secret-link}}
</EmptyState>
{{else}}
{{#if filterIsFolder}}
<EmptyState
@title={{if (eq filter baseKey.id)
(concat
"No " (pluralize options.item) " under &quot;" this.filter "&quot;"
)
(concat
"No folders matching &quot;" this.filter "&quot;"
)
Copy link
Contributor Author

Choose a reason for hiding this comment

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

👌 I thought this would look much more confusing

Copy link
Contributor

Choose a reason for hiding this comment

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

Heh yeah, still not great with concat and quoting various things, but not too bad!

}}
/>
{{/if}}
{{/if}}
{{/if}}
{{/with}}