From d460946a34f6dc60aa29ebe110c814df4443fe8e Mon Sep 17 00:00:00 2001
From: Rijk van Zanten <rijkvanzanten@me.com>
Date: Fri, 24 Apr 2020 17:26:22 -0400
Subject: [PATCH] Add drawer-detail-badge-value support (#476)

---
 .../private/components/drawer-detail/drawer-detail.vue    | 8 ++++----
 src/views/private/components/drawer-detail/readme.md      | 1 +
 .../filter-drawer-detail/filter-drawer-detail.vue         | 6 +++++-
 3 files changed, 10 insertions(+), 5 deletions(-)

diff --git a/src/views/private/components/drawer-detail/drawer-detail.vue b/src/views/private/components/drawer-detail/drawer-detail.vue
index 30551dfda2..39991c3790 100644
--- a/src/views/private/components/drawer-detail/drawer-detail.vue
+++ b/src/views/private/components/drawer-detail/drawer-detail.vue
@@ -2,7 +2,7 @@
 	<div class="drawer-detail">
 		<button class="toggle" @click="toggle" :class="{ open: active }">
 			<div class="icon">
-				<v-badge dot :disabled="!dot">
+				<v-badge :value="badge" :disabled="!badge">
 					<v-icon :name="icon" />
 				</v-badge>
 			</div>
@@ -34,9 +34,9 @@ export default defineComponent({
 			type: String,
 			required: true,
 		},
-		dot: {
-			type: Boolean,
-			default: false,
+		badge: {
+			type: String,
+			default: null,
 		},
 	},
 	setup(props) {
diff --git a/src/views/private/components/drawer-detail/readme.md b/src/views/private/components/drawer-detail/readme.md
index fc3beadc97..723c0700cf 100644
--- a/src/views/private/components/drawer-detail/readme.md
+++ b/src/views/private/components/drawer-detail/readme.md
@@ -21,6 +21,7 @@ the private `drawer-detail-group` component in `private-view`.
 |----------|-------------------------------------------|------------|
 | `icon`*  | Icon to be displayed in the toggle header | `settings` |
 | `title`* | Name of the section                       | --         |
+| `badge`  | Show badge on icon with passed value      | `null`     |
 
 ## Slots
 | Slot      | Description |
diff --git a/src/views/private/components/filter-drawer-detail/filter-drawer-detail.vue b/src/views/private/components/filter-drawer-detail/filter-drawer-detail.vue
index d93919cd07..e8f8548c0b 100644
--- a/src/views/private/components/filter-drawer-detail/filter-drawer-detail.vue
+++ b/src/views/private/components/filter-drawer-detail/filter-drawer-detail.vue
@@ -1,5 +1,9 @@
 <template>
-	<drawer-detail :dot="filters.length > 0" icon="filter_list" :title="$t('advanced_filter')">
+	<drawer-detail
+		:badge="filters.length > 0 ? filters.length : null"
+		icon="filter_list"
+		:title="$t('advanced_filter')"
+	>
 		<field-filter
 			v-for="filter in filters"
 			:key="filter.key"