luxolus/open-vault
2
0
Fork 0
Code Issues 1 Pull requests Releases Activity

use outer-html component as a base for empty state

Browse source
This commit is contained in:
Matthew Irish 2018-11-14 14:57:12 -06:00
parent adaf7127ae
commit e89a6d6176
2 changed files with 13 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
ui/app/components/empty-state.js
View file

@ -1,6 +1,7 @@
import OuterHTML from './outer-html';
import Component from '@ember/component';
export default Component.extend({
export default OuterHTML.extend({
title: null,
classNames: ['empty-state box is-sideless is-marginless is-fullwidth is-bottomless'],
message: null,
});

18
ui/app/templates/components/empty-state.hbs
View file

@ -1,15 +1,17 @@
<div class="empty-state-content">
<h3 class="empty-state-title">
{{title}}
</h3>
{{#if message}}
<div class="empty-state box is-sideless is-marginless is-fullwidth is-bottomless">
<div class="empty-state-content">
<h3 class="empty-state-title">
{{title}}
</h3>
{{#if message}}
<p class="empty-state-message">
{{message}}
</p>
{{/if}}
{{#if hasBlock}}
{{/if}}
{{#if hasBlock}}
<div class="empty-state-actions">
{{yield}}
</div>
{{/if}}
{{/if}}
</div>
</div>