From 1036b29890361f559b1696bdb2c0e02628a8d99e Mon Sep 17 00:00:00 2001
From: Matthew Irish <matthew.irish@gmail.com>
Date: Thu, 15 Nov 2018 16:47:07 -0600
Subject: [PATCH] pass emptyActions through list view component and render into
 EmptyState

---
 ui/app/components/empty-action-namespaces.js           |  2 ++
 ui/app/components/list-view.js                         |  3 +++
 .../templates/components/empty-action-namespaces.hbs   |  7 +++++++
 ui/app/templates/components/empty-state.hbs            | 10 +++++++---
 ui/app/templates/components/list-view.hbs              |  5 +++--
 .../vault/cluster/access/namespaces/index.hbs          |  2 +-
 6 files changed, 23 insertions(+), 6 deletions(-)
 create mode 100644 ui/app/components/empty-action-namespaces.js
 create mode 100644 ui/app/templates/components/empty-action-namespaces.hbs

diff --git a/ui/app/components/empty-action-namespaces.js b/ui/app/components/empty-action-namespaces.js
new file mode 100644
index 0000000000..96167992d7
--- /dev/null
+++ b/ui/app/components/empty-action-namespaces.js
@@ -0,0 +1,2 @@
+import OuterHTML from './outer-html';
+export default OuterHTML.extend();
diff --git a/ui/app/components/list-view.js b/ui/app/components/list-view.js
index 72f7b8ace2..6c21340897 100644
--- a/ui/app/components/list-view.js
+++ b/ui/app/components/list-view.js
@@ -6,6 +6,9 @@ export default Component.extend({
   tagName: '',
   items: null,
   itemNoun: 'item',
+  // the dasherized name of a component to render
+  // in the EmptyState component if there are no items in items.length
+  emptyActions: '',
 
   emptyTitle: computed('itemNoun', function() {
     let items = pluralize(this.get('itemNoun'));
diff --git a/ui/app/templates/components/empty-action-namespaces.hbs b/ui/app/templates/components/empty-action-namespaces.hbs
new file mode 100644
index 0000000000..ddb51d93bc
--- /dev/null
+++ b/ui/app/templates/components/empty-action-namespaces.hbs
@@ -0,0 +1,7 @@
+{{#link-to "vault.cluster.access.namespaces.create"}}
+  Create namespace
+{{/link-to}}
+
+<LearnLink @path="/vault/security/namespaces">
+  Learn More
+</LearnLink>
diff --git a/ui/app/templates/components/empty-state.hbs b/ui/app/templates/components/empty-state.hbs
index 18509137cf..ebe81417b4 100644
--- a/ui/app/templates/components/empty-state.hbs
+++ b/ui/app/templates/components/empty-state.hbs
@@ -9,9 +9,13 @@
     </p>
     {{/if}}
     {{#if hasBlock}}
-    <div class="empty-state-actions">
-      {{yield}}
-    </div>
+      <div class="empty-state-actions">
+        {{yield}}
+      </div>
+    {{else if emptyActions}}
+      <div class="empty-state-actions">
+        {{component emptyActions}}
+      </div>
     {{/if}}
   </div>
 </div>
diff --git a/ui/app/templates/components/list-view.hbs b/ui/app/templates/components/list-view.hbs
index 115226bb86..da3bf430b2 100644
--- a/ui/app/templates/components/list-view.hbs
+++ b/ui/app/templates/components/list-view.hbs
@@ -6,7 +6,8 @@
   </div>
 {{else}}
   <EmptyState
-    @title={{emptyTitle}}
-    @message={{emptyMessage}}
+    @title={{this.emptyTitle}}
+    @message={{this.emptyMessage}}
+    @emptyActions={{this.emptyActions}}
   />
 {{/if}}
diff --git a/ui/app/templates/vault/cluster/access/namespaces/index.hbs b/ui/app/templates/vault/cluster/access/namespaces/index.hbs
index 179539ae94..85b830d87b 100644
--- a/ui/app/templates/vault/cluster/access/namespaces/index.hbs
+++ b/ui/app/templates/vault/cluster/access/namespaces/index.hbs
@@ -12,7 +12,7 @@
       {{/link-to}}
     </p.levelRight>
   </PageHeader>
-  <ListView @items={{model}} @itemNoun="namespace" as |list|>
+  <ListView @items={{model}} @itemNoun="namespace" @emptyActions="empty-action-namespaces" as |list|>
     <ListItem as |Item|>
       <Item.content>
         {{list.item.id}}