From 1bb2531281389cd647cb5b7b134f42e6832cba92 Mon Sep 17 00:00:00 2001
From: Phillip Assmann <65440078+m0rtis0@users.noreply.github.com>
Date: Thu, 29 Jul 2021 17:17:19 +0200
Subject: [PATCH] First implementation (#7059)

Added the `start_open` and `defaultActive` fields
and translations (for englisch and german)

Co-authored-by: Rijk van Zanten <rijkvanzanten@me.com>
---
 app/src/interfaces/group-divider/group-divider.vue |  6 +++++-
 app/src/interfaces/group-divider/index.ts          | 14 ++++++++++++++
 app/src/lang/translations/de-DE.yaml               |  2 ++
 app/src/lang/translations/en-US.yaml               |  2 ++
 4 files changed, 23 insertions(+), 1 deletion(-)

diff --git a/app/src/interfaces/group-divider/group-divider.vue b/app/src/interfaces/group-divider/group-divider.vue
index 52ae6a3448..cd4f8b188d 100644
--- a/app/src/interfaces/group-divider/group-divider.vue
+++ b/app/src/interfaces/group-divider/group-divider.vue
@@ -1,5 +1,5 @@
 <template>
-	<v-detail>
+	<v-detail :start-open="defaultActive">
 		<template #activator="{ toggle, active }">
 			<v-divider
 				:class="{ margin: icon || title, active }"
@@ -56,6 +56,10 @@ export default defineComponent({
 			type: Boolean,
 			default: false,
 		},
+		defaultActive: {
+			type: Boolean,
+			default: false,
+		},
 
 		field: {
 			type: Object as PropType<Field>,
diff --git a/app/src/interfaces/group-divider/index.ts b/app/src/interfaces/group-divider/index.ts
index fd871c2d34..0158e18444 100644
--- a/app/src/interfaces/group-divider/index.ts
+++ b/app/src/interfaces/group-divider/index.ts
@@ -72,5 +72,19 @@ export default defineInterface({
 				default_value: false,
 			},
 		},
+		{
+			field: 'defaultActive',
+			name: '$t:interfaces.presentation-divider.default_active',
+			type: 'boolean',
+			meta: {
+				interface: 'boolean',
+				options: {
+					label: '$t:interfaces.presentation-divider.default_active_label',
+				},
+			},
+			schema: {
+				default_value: false,
+			},
+		},
 	],
 });
diff --git a/app/src/lang/translations/de-DE.yaml b/app/src/lang/translations/de-DE.yaml
index 1725bac836..73d5fddeff 100644
--- a/app/src/lang/translations/de-DE.yaml
+++ b/app/src/lang/translations/de-DE.yaml
@@ -932,6 +932,8 @@ interfaces:
     inline_title_label: Titel in Zeile anzeigen
     margin_top: Oberer Rand
     margin_top_label: Oberen Rand erhöhen
+    default_active: Standardmäßig Offen
+    default_active_label: Der Divider ist standardmäßig offen
   select-dropdown:
     description: Wert aus einer Dropdown-Liste auswählen
     choices_placeholder: Neue Auswahl hinzufügen
diff --git a/app/src/lang/translations/en-US.yaml b/app/src/lang/translations/en-US.yaml
index 06bd1c2c8a..a782494987 100644
--- a/app/src/lang/translations/en-US.yaml
+++ b/app/src/lang/translations/en-US.yaml
@@ -969,6 +969,8 @@ interfaces:
     inline_title_label: Show title inside line
     margin_top: Margin Top
     margin_top_label: Increase Top Margin
+    default_active: Default open
+    default_active_label: Open the drawer automatically as default state
   select-dropdown:
     description: Select a value from a dropdown
     choices_placeholder: Add a new choice