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

@@ -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>,

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,
+			},
+		},
 	],
 });

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

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