From 8024b6f032282f8a931d0b48a49b319ac36a0029 Mon Sep 17 00:00:00 2001
From: John Cleaver <cleaver.john.k@gmail.com>
Date: Wed, 13 Apr 2016 18:39:00 -0400
Subject: [PATCH] Changed the color of unchecked items in complete bundles to
 default.

---
 index.html | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

diff --git a/index.html b/index.html
index a504b01..167b2b3 100644
--- a/index.html
+++ b/index.html
@@ -215,7 +215,8 @@
                                         <p class="control">
                                             <a class="button is-fullwidth" v-for="bundle_id in item.bundles"
                                                v-on:click="toggleItemInBundle(bundle_id, item.id, $index)"
-                                               v-bind:class="[isItemInBundle(bundle_id, item.id, $index) ? 'is-success' : 'is-danger']">
+                                               v-bind:class="[isItemInBundle(bundle_id, item.id, $index) ? 'is-success' : '',
+                                                              !isItemInBundle(bundle_id, item.id, $index) && !isBundleComplete(bundle_id) ? 'is-danger' : '' ]">
                                                     <span class="icon">
                                         <i class="fa"
                                            v-bind:class="[isItemInBundle(bundle_id, item.id, $index) ? 'fa-check-square-o' : 'fa-square-o']"></i>
@@ -290,7 +291,8 @@
                                 <p class="control">
                                     <a class="button is-fullwidth" v-for="bundle_id in item.bundles"
                                        v-on:click="toggleItemInBundle(bundle_id, item.id, $index)"
-                                       v-bind:class="[isItemInBundle(bundle_id, item.id, $index) ? 'is-success' : 'is-danger']">
+                                       v-bind:class="[isItemInBundle(bundle_id, item.id, $index) ? 'is-success' : '',
+                                                      !isItemInBundle(bundle_id, item.id, $index) && !isBundleComplete(bundle_id) ? 'is-danger' : '' ]">
                                             <span class="icon">
                                         <i class="fa"
                                            v-bind:class="[isItemInBundle(bundle_id, item.id, $index) ? 'fa-check-square-o' : 'fa-square-o']"></i>
@@ -367,7 +369,8 @@
                                         <p class="control">
                                             <a class="button is-fullwidth" v-for="bundle_id in item.bundles"
                                                v-on:click="toggleItemInBundle(bundle_id, item.id, $index)"
-                                               v-bind:class="[isItemInBundle(bundle_id, item.id, $index) ? 'is-success' : 'is-danger']">
+                                               v-bind:class="[isItemInBundle(bundle_id, item.id, $index) ? 'is-success' : '',
+                                                              !isItemInBundle(bundle_id, item.id, $index) && !isBundleComplete(bundle_id) ? 'is-danger' : '' ]">
                                                     <span class="icon">
                                                 <i class="fa"
                                                    v-bind:class="[isItemInBundle(bundle_id, item.id, $index) ? 'fa-check-square-o' : 'fa-square-o']"></i>
@@ -446,7 +449,8 @@
                                         <p class="control">
                                             <a class="button is-fullwidth" v-for="bundle_id in item.bundles"
                                                v-on:click="toggleItemInBundle(bundle_id, item.id, $index)"
-                                               v-bind:class="[isItemInBundle(bundle_id, item.id, $index) ? 'is-success' : 'is-danger']">
+                                               v-bind:class="[isItemInBundle(bundle_id, item.id, $index) ? 'is-success' : '',
+                                                              !isItemInBundle(bundle_id, item.id, $index) && !isBundleComplete(bundle_id) ? 'is-danger' : '' ]">
                                                     <span class="icon">
                                                 <i class="fa"
                                                    v-bind:class="[isItemInBundle(bundle_id, item.id, $index) ? 'fa-check-square-o' : 'fa-square-o']"></i>