From 755afd48fe5bc9703a410cb0ea900070ddbd6f31 Mon Sep 17 00:00:00 2001
From: John Cleaver <cleaver.john.k@gmail.com>
Date: Sat, 28 Apr 2018 12:19:50 -0400
Subject: [PATCH] Add item completion and room completion.

---
 src/components/bundles/BundleItems.vue | 26 ++++++++++++++++++++------
 1 file changed, 20 insertions(+), 6 deletions(-)

diff --git a/src/components/bundles/BundleItems.vue b/src/components/bundles/BundleItems.vue
index 3b0d370..1b181e4 100644
--- a/src/components/bundles/BundleItems.vue
+++ b/src/components/bundles/BundleItems.vue
@@ -1,12 +1,26 @@
 <template>
 <div id="bundle-items">
     <section class="container">
-        <h3 class="title">
-          {{bundle.name}}
-        </h3>
-        <h5 class="subtitle">
-          {{bundle.reward}}
-        </h5>
+      <div class="columns">
+        <div class="column">
+          <h3 class="title">
+            {{bundle.name}}
+            <span class="is-pulled-right">{{bundle.items_required}}</span>
+          </h3>
+          <h5 class="subtitle bundle-reward">
+            {{bundle.reward}}
+          </h5>
+        </div>
+        <div class="column">
+          <h3 class="title">
+            {{bundle.room.name}}
+            <span class="is-pulled-right">{{bundle.room.items_required}}</span>
+          </h3>
+          <h5 class="subtitle">
+            {{bundle.room.reward}}
+          </h5>
+        </div>
+      </div>
         <!-- Room Progress -->
         <!-- Bundle Progress -->
     <!-- </section>