From cc91919da1f61ba24ef8d59cee0b71bbf7acc5a2 Mon Sep 17 00:00:00 2001
From: Nero Ignis <neroignis@gmail.com>
Date: Fri, 25 Feb 2022 01:26:09 +0100
Subject: [PATCH] Show message if no notes match the filter;

---
 src/views/Notes.vue | 18 ++++++++++++++++++
 1 file changed, 18 insertions(+)

diff --git a/src/views/Notes.vue b/src/views/Notes.vue
index 24fdbd5..1b63ceb 100644
--- a/src/views/Notes.vue
+++ b/src/views/Notes.vue
@@ -56,6 +56,15 @@
                             </div>
                         </div>
                     </template>
+                    <span v-if="colorToFilter !== '' && !notesExistInFilteredColor">
+                        Keine Notizen mit gewählter Farbe vorhanden<br>
+                        <a href="javascript:"
+                           class="color-change-button disable-filter-button"
+                           :style="'background-color: '+colorToFilter"
+                           v-on:click="colorToFilter = ''">
+                            Filter ausschalten
+                        </a>
+                    </span>
                 </div>
             </div>
         </div>
@@ -91,6 +100,15 @@ export default {
             note.color = color;
             this.$store.commit('saveNotes');
         }
+    },
+    computed: {
+        notesExistInFilteredColor() {
+            let component = this;
+
+            return this.$store.state.notes.filter((note) => {
+                return note.color === component.colorToFilter;
+            }).length;
+        }
     }
 }
 </script>