From 0b54bbaf30226bf3af54bf079966c4a530f72300 Mon Sep 17 00:00:00 2001
From: philipp lang <philipp@aweos.de>
Date: Fri, 25 Oct 2024 01:58:27 +0200
Subject: [PATCH] Add SettingIntro component

---
 app/View/Ui/SettingIntro.php               | 25 ++++++++++++++++++++++
 modules/Invoice/Components/SettingView.php |  5 +++--
 modules/Module/Components/SettingView.php  |  7 +++---
 modules/Nami/Components/SettingView.php    |  6 +++---
 4 files changed, 34 insertions(+), 9 deletions(-)
 create mode 100644 app/View/Ui/SettingIntro.php

diff --git a/app/View/Ui/SettingIntro.php b/app/View/Ui/SettingIntro.php
new file mode 100644
index 00000000..59ce4b15
--- /dev/null
+++ b/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;
+    }
+}
diff --git a/modules/Invoice/Components/SettingView.php b/modules/Invoice/Components/SettingView.php
index bf1899c8..8f4df091 100644
--- a/modules/Invoice/Components/SettingView.php
+++ b/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>
-                    <div class="col-span-2 text-gray-300 text-sm">Diese Kontaktdaten stehen im Absender-Bereich auf der Rechnung.</div>
+                    <x-ui::setting-intro class="col-span-full mt-5" title="Kontaktdaten">
+                        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>
diff --git a/modules/Module/Components/SettingView.php b/modules/Module/Components/SettingView.php
index 48fa0b86..b0fa8f90 100644
--- a/modules/Module/Components/SettingView.php
+++ b/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">
-                        <p class="text-sm">Hier kannst du Funktionen innerhalb von Adrema (Module) aktivieren oder deaktivieren
-                            und so den Funktionsumfang auf deine Bedürfnisse anpassen.</p>
-                    </div>
+                    <x-ui::setting-intro class="col-span-full">
+                        Hier kannst du Funktionen innerhalb von Adrema (Module) aktivieren oder deaktivieren und so den Funktionsumfang auf deine Bedürfnisse anpassen.
+                    </x-ui::setting-intro>
                     @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
diff --git a/modules/Nami/Components/SettingView.php b/modules/Nami/Components/SettingView.php
index 4eb92669..76e1b2f9 100644
--- a/modules/Nami/Components/SettingView.php
+++ b/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">
-                        <p class="text-sm">Hier kannst du deine Zugangsdaten zu NaMi anpassen, falls sich z.B. dein Passwort geändert hat.</p>
-                    </div>
+                    <x-ui::setting-intro class="col-span-full">
+                        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="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>