Add drawer-detail-badge-value support (#476)

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) {

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 |

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"