Add SettingIntro component

app/View/Ui/SettingIntro.php

@@ -0,0 +1,25 @@
+<?php
+
+namespace App\View\Ui;
+
+use Illuminate\View\Component;
+
+class SettingIntro extends Component
+{
+
+    public function __construct(public ?string $title = null)
+    {
+    }
+
+    public function render()
+    {
+        return <<<'HTML'
+            <div {{$attributes}}>
+                @if ($title) <h2 class="text-lg font-semibold text-gray-300">{{$title}}</h2> @endif
+                <div class="text-gray-100 text-sm">
+                    {{ $slot }}
+                </div>
+            </div>
+        HTML;
+    }
+}

modules/Invoice/Components/SettingView.php

@@ -35,8 +35,9 @@ class SettingView extends Component
                 <form id="billsettingform" class="grow p-6 grid grid-cols-2 gap-3 items-start content-start" wire:submit.prevent="save">
                     <x-form::text name="from" wire:model="settings.from" label="Absender" hint="Absender-Name in Kurzform, i.d.R. der kurze Stammesname"></x-form::text>
                     <x-form::text name="from_long" wire:model="settings.from_long" label="Absender (lang)" hint="Absender-Name in Langform, i.d.R. der Stammesname"></x-form::text>
-                    <h2 class="text-lg font-semibold text-gray-300 col-span-2 mt-5">Kontaktdaten</h2>
+                    <x-ui::setting-intro class="col-span-full mt-5" title="Kontaktdaten">
-                    <div class="col-span-2 text-gray-300 text-sm">Diese Kontaktdaten stehen im Absender-Bereich auf der Rechnung.</div>
+                        Hier kannst du deine Zugangsdaten zu NaMi anpassen, falls sich z.B. dein Passwort geändert hat.
+                    </x-ui::setting-intro>
                     <x-form::text name="address" wire:model="settings.address" label="Straße"></x-form::text>
                     <x-form::text name="zip" wire:model="settings.zip" label="PLZ"></x-form::text>
                     <x-form::text name="place" wire:model="settings.place" label="Ort"></x-form::text>

modules/Module/Components/SettingView.php

@@ -43,10 +43,9 @@ class SettingView extends Component
                 </x-slot:right>
                 <form id="modulesettingform" class="grow p-6 grid grid-cols-2 gap-3 items-start content-start"
                     wire:submit.prevent="save">
-                    <div class="col-span-full text-gray-100 mb-3">
+                    <x-ui::setting-intro class="col-span-full">
-                        <p class="text-sm">Hier kannst du Funktionen innerhalb von Adrema (Module) aktivieren oder deaktivieren
+                        Hier kannst du Funktionen innerhalb von Adrema (Module) aktivieren oder deaktivieren und so den Funktionsumfang auf deine Bedürfnisse anpassen.
-                            und so den Funktionsumfang auf deine Bedürfnisse anpassen.</p>
+                    </x-ui::setting-intro>
-                    </div>
                     @foreach ($all as $module)
                     <x-form::lever wire:model="modules" hint="lala" :value="$module['id']" name="modules" size="sm" :label="$module['name']"></x-form::lever>
                     @endforeach

modules/Nami/Components/SettingView.php

@@ -56,9 +56,9 @@ class SettingView extends Component
                     <x-form::save-button form="namisettingform"></x-form::save-button>
                 </x-slot:right>
                 <form id="namisettingform" class="grow p-6 grid grid-cols-2 gap-3 items-start content-start" wire:submit.prevent="save">
-                    <div class="col-span-full text-gray-100 mb-3">
+                    <x-ui::setting-intro class="col-span-full">
-                        <p class="text-sm">Hier kannst du deine Zugangsdaten zu NaMi anpassen, falls sich z.B. dein Passwort geändert hat.</p>
+                        Hier kannst du deine Zugangsdaten zu NaMi anpassen, falls sich z.B. dein Passwort geändert hat.
-                    </div>
+                    </x-ui::setting-intro>
                     <x-form::text name="mglnr" wire:model="mglnr" label="Mitgliedsnummer"></x-form::text>
                     <x-form::text name="default_group_id" wire:model="default_group_id" label="Standard-Gruppierung"></x-form::text>
                     <x-form::text name="password" wire:model="password" label="Passwort" name="password" type="password"></x-form::text>