wip design
This commit is contained in:
salam committed
1 parent
56f46608a1
commit
44da4addcd
22 files changed
+330
-169
No files matched your search
@@ -2,10 +2,10 @@
|
||||
|
||||
namespace App\Filament\Resources\Auftraggebers\Schemas;
|
||||
|
||||
use Filament\Forms\Components\CheckboxList;
|
||||
use Filament\Forms\Components\Checkbox;
|
||||
use Filament\Forms\Components\FileUpload;
|
||||
use Filament\Forms\Components\RichEditor;
|
||||
use Filament\Forms\Components\Select;
|
||||
use Filament\Forms\Components\Textarea;
|
||||
use Filament\Forms\Components\TextInput;
|
||||
use Filament\Schemas\Components\Tabs;
|
||||
use Filament\Schemas\Components\Tabs\Tab;
|
||||
@@ -21,73 +21,89 @@ class AuftraggeberForm
|
||||
->components([
|
||||
Tabs::make('Tabs')
|
||||
->tabs([
|
||||
Tab::make('Firmenname')
|
||||
->icon('lucide-stamp')
|
||||
Tab::make('Kontaktperson')
|
||||
->icon('lucide-contact')
|
||||
->inlineLabel()
|
||||
->schema([
|
||||
TextInput::make('company')
|
||||
->label('Firma')
|
||||
->required(),
|
||||
Textarea::make('address')
|
||||
->label('Adresse')
|
||||
->required(),
|
||||
]),
|
||||
Tab::make('Kontaktperson')
|
||||
->icon('lucide-contact')
|
||||
->inlineLabel()
|
||||
->schema([
|
||||
TextInput::make('title')
|
||||
->label('Title')
|
||||
->required(),
|
||||
->label('Titel'),
|
||||
Select::make('gender')
|
||||
->label('Geschlecht')
|
||||
->options([
|
||||
'Herr' => 'Herr',
|
||||
'Frau' => 'Frau',
|
||||
'Non-binary' => 'Non-binary',
|
||||
])
|
||||
->required(),
|
||||
]),
|
||||
TextInput::make('name')
|
||||
->label('Name')
|
||||
->required(),
|
||||
->label('Name'),
|
||||
TextInput::make('email')
|
||||
->label('E-Mail')
|
||||
->required()
|
||||
->prefixIcon(Heroicon::Envelope),
|
||||
PhoneInput::make('phone')
|
||||
->label('Telefon')
|
||||
->defaultCountry('AT'),
|
||||
]),
|
||||
Tab::make('Logo')
|
||||
->icon('phosphor-squares-four')
|
||||
->inlineLabel()
|
||||
Tab::make('Name am Deckblatt')
|
||||
->icon('lucide-contact')
|
||||
->schema([
|
||||
Checkbox::make('text_anzeigen')
|
||||
->label('Diesen Text im Kopf des Gutachtens verwenden'),
|
||||
RichEditor::make('referenz_formatting')
|
||||
->json()
|
||||
->extraInputAttributes(['style' => 'min-height: 20rem; max-height: 50vh; overflow-y: auto;'])
|
||||
->toolbarButtons([
|
||||
['bold', 'italic', 'underline', 'horizontalRule', 'clearFormatting'],
|
||||
['h1', 'h2', 'h3', 'alignStart', 'alignCenter', 'alignEnd', 'textColor'],
|
||||
])->floatingToolbars([
|
||||
'paragraph' => [
|
||||
'bold', 'italic', 'underline', 'strike', 'subscript', 'superscript',
|
||||
],
|
||||
'heading' => [
|
||||
'h1', 'h2', 'h3',
|
||||
],
|
||||
])
|
||||
->textColors([
|
||||
'#fb2c36' => 'Rot',
|
||||
'#ff6900' => 'Orange',
|
||||
'#fe9a00' => 'Bernstein',
|
||||
'#f0b100' => 'Gelb',
|
||||
'#7ccf00' => 'Limette',
|
||||
'#00c950' => 'Grün',
|
||||
'#00bc7d' => 'Smaragd',
|
||||
'#00bba7' => 'Blaugrün',
|
||||
'#00b8db' => 'Cyan',
|
||||
'#00a6f4' => 'Himmelblau',
|
||||
'#2b7fff' => 'Blau',
|
||||
'#615fff' => 'Indigo',
|
||||
'#8e51ff' => 'Violett',
|
||||
'#ad46ff' => 'Lila',
|
||||
'#e12afb' => 'Fuchisa',
|
||||
'#f6339a' => 'Rosa',
|
||||
'#ff2056' => 'Rose',
|
||||
'#a6a09b' => 'Steingrau Hell',
|
||||
'#44403b' => 'Steingrau Dunkel',
|
||||
'#cad5e2' => 'Schiefer Hell',
|
||||
'#314158' => 'Schiefer Dunkel',
|
||||
])
|
||||
->label('Adresse')
|
||||
->required(),
|
||||
]),
|
||||
Tab::make('Logo')
|
||||
->icon('phosphor-image')
|
||||
->schema([
|
||||
Checkbox::make('logo_anzeigen')
|
||||
->label('Das Logo im Gutachten verwenden'),
|
||||
FileUpload::make('logo')
|
||||
->image()
|
||||
->imageEditor()
|
||||
->imageEditorAspectRatios([
|
||||
null,
|
||||
'16:9',
|
||||
'4:3',
|
||||
'1:1',
|
||||
])
|
||||
->disk('public')
|
||||
->directory('auftraggeber-logo')
|
||||
->label('Gutachter Logo'),
|
||||
]),
|
||||
Tab::make('Anzeige Im Gutachten')
|
||||
->icon('phosphor-eye')
|
||||
->inlineLabel()
|
||||
->schema([
|
||||
CheckboxList::make('kopf')
|
||||
->Label('Bitte auswählen')
|
||||
->options([
|
||||
'logo' => '<div class="flex gap-2"><svg xmlns="http://www.w3.org/2000/svg" width="16" fill="currentColor" viewBox="0 0 256 256"><path d="M104,40H56A16,16,0,0,0,40,56v48a16,16,0,0,0,16,16h48a16,16,0,0,0,16-16V56A16,16,0,0,0,104,40Zm0,64H56V56h48v48Zm96-64H152a16,16,0,0,0-16,16v48a16,16,0,0,0,16,16h48a16,16,0,0,0,16-16V56A16,16,0,0,0,200,40Zm0,64H152V56h48v48Zm-96,32H56a16,16,0,0,0-16,16v48a16,16,0,0,0,16,16h48a16,16,0,0,0,16-16V152A16,16,0,0,0,104,136Zm0,64H56V152h48v48Zm96-64H152a16,16,0,0,0-16,16v48a16,16,0,0,0,16,16h48a16,16,0,0,0,16-16V152A16,16,0,0,0,200,136Zm0,64H152V152h48v48Z"></path></svg>Logo des Gutachters</div>',
|
||||
'firma' => '<div class="flex gap-2"><svg xmlns="http://www.w3.org/2000/svg" width="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-stamp-icon lucide-stamp"><path d="M14 13V8.5C14 7 15 7 15 5a3 3 0 0 0-6 0c0 2 1 2 1 3.5V13"/><path d="M20 15.5a2.5 2.5 0 0 0-2.5-2.5h-11A2.5 2.5 0 0 0 4 15.5V17a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1z"/><path d="M5 22h14"/></svg> Firma mit Adresse</div>',
|
||||
'name' => '<div class="flex gap-2"><svg xmlns="http://www.w3.org/2000/svg" width="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-contact-icon lucide-contact"><path d="M16 2v2"/><path d="M7 22v-2a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2v2"/><path d="M8 2v2"/><circle cx="12" cy="11" r="3"/><rect x="3" y="4" width="18" height="18" rx="2"/></svg> Name des Gutachters</div>',
|
||||
])
|
||||
->allowHtml()
|
||||
->visibility('public')
|
||||
->label('Logo')
|
||||
->columnSpanFull(),
|
||||
]),
|
||||
])->columns(2),
|
||||
])->columnSpanFull(),
|
||||
]);
|
||||
}
|
||||
|
||||
Reference in new issue
Block a user