WIP: Feature/fil001 74 architect blades

config/filament-architect.php

@@ -10,7 +10,6 @@
         \Codedor\FilamentArchitect\Filament\Architect\MediaTextBlock::class,
         \Codedor\FilamentArchitect\Filament\Architect\SliderBlock::class,
         \Codedor\FilamentArchitect\Filament\Architect\SpacerBlock::class,
-        \Codedor\FilamentArchitect\Filament\Architect\TableBlock::class,
         \Codedor\FilamentArchitect\Filament\Architect\TextBlock::class,
         \Codedor\FilamentArchitect\Filament\Architect\VideoBlock::class,
         \Codedor\FilamentArchitect\Filament\Architect\VideoTextBlock::class,

docs/index.md

@@ -65,7 +65,6 @@ return [
         \Codedor\FilamentArchitect\Filament\Architect\MediaTextBlock::class,
         \Codedor\FilamentArchitect\Filament\Architect\SliderBlock::class,
         \Codedor\FilamentArchitect\Filament\Architect\SpacerBlock::class,
-        \Codedor\FilamentArchitect\Filament\Architect\TableBlock::class,
         \Codedor\FilamentArchitect\Filament\Architect\TextBlock::class,
         \Codedor\FilamentArchitect\Filament\Architect\VideoBlock::class,
         \Codedor\FilamentArchitect\Filament\Architect\VideoTextBlock::class,
@@ -167,7 +166,6 @@ Default value:
     \Codedor\FilamentArchitect\Filament\Architect\MediaTextBlock::class,
     \Codedor\FilamentArchitect\Filament\Architect\SliderBlock::class,
     \Codedor\FilamentArchitect\Filament\Architect\SpacerBlock::class,
-    \Codedor\FilamentArchitect\Filament\Architect\TableBlock::class,
     \Codedor\FilamentArchitect\Filament\Architect\TextBlock::class,
     \Codedor\FilamentArchitect\Filament\Architect\VideoBlock::class,
     \Codedor\FilamentArchitect\Filament\Architect\VideoTextBlock::class,

resources/views/architect/button-block.blade.php

@@ -1,2 +1,19 @@
-@dump($buttons)
-@dump($alignment)
+@php
+    $alignmentClass = [
+        'left' => 'text-start',
+        'center' => 'text-center',
+        'right' => 'text-end'
+    ][$alignment];
+@endphp
+
+@if ($buttons && count($buttons))
+    <div
+        @class(['container', $alignmentClass])
+    >
+        <div class="d-inline-flex flex-wrap gap-4">
+            @foreach ($buttons as $button)
+                <x-general.button :button="$button" />
+            @endforeach
+        </div>
+    </div>
+@endif

resources/views/architect/cards-block.blade.php

@@ -1 +1,22 @@
-@dump($cards)
+<div class="content-padding">
+    <div class="container">
+        <div class="row">
+            @foreach ($cards as $card)
+                <div
+                    @class([
+                        'col-md-6',
+                        'col-lg-4' => count($cards) > 2
+                    ])
+                >
+                    <x-card
+                        :item="$card"
+                        :title="$card['title']"
+                        :intro="$card['description']"
+                        :image="$card['image']"
+                        :route="$card['button'] ? lroute($card['button']['link']) : null"
+                    />
+                </div>
+            @endforeach
+        </div>
+    </div>
+</div>

resources/views/architect/cta-block.blade.php

@@ -1,2 +1,6 @@
-@dump($title)
-@dump($button)
+<section class="content-padding">
+    <div class="container text-center">
+        <h2>{{ $title }}</h2>
+        <x-general.button :button="$button" />
+    </div>
+</section>

resources/views/architect/embed-block.blade.php

@@ -1 +1,5 @@
-@dump($embed)
+<div class="content-padding">
+    <div class="container">
+        {!! $embed !!}
+    </div>
+</div>

resources/views/architect/media-block.blade.php

@@ -1,2 +1,28 @@
-@dump($width)
-@dump($images)
+<div class="content-padding">
+    @if($width !== 'full_width')
+        <div class="container">
+            @endif
+            <div class="row justify-content-center">
+                <div @class([
+                    'col-12',
+                    'col-lg-10' => $width === 'text_container',
+                  ])>
+                    <div class="row">
+                        @foreach($images as $image)
+                            <div @class([
+                            'col-md-6 col-lg-' . 12 / count($images),
+                          ])>
+                                @if ($image['type'] === 'video')
+                                    <x-general.video :video="$image" />
+                                @else
+                                    <x-filament-media-library::picture :$image :alt="$image->alt" />
+                                @endif
+                            </div>
+                        @endforeach
+                    </div>
+                </div>
+            </div>
+            @if($width !== 'full')
+        </div>
+    @endif
+</div>

resources/views/architect/media-text-block.blade.php

@@ -1,3 +1,21 @@
-@dump($alignment)
-@dump($image)
-@dump($description)
+<div class="content-padding">
+    <div class="container">
+        <div
+            @class([
+                'row',
+                'flex-lg-row-reverse' => $alignment === 'right'
+            ])
+        >
+            <div class="col-lg-6">
+                @if ($image['type'] === 'video')
+                    <x-general.video :video="$image" />
+                @else
+                    <x-filament-media-library::picture :$image :alt="$image->alt" />
+                @endif
+            </div>
+            <div class="col-lg-6">
+                {!! $description !!}
+            </div>
+        </div>
+    </div>
+</div>

resources/views/architect/slider-block.blade.php

@@ -1 +1,17 @@
-@dump($images)
+<div class="content-padding">
+    <div class="container">
+        @if (count($images))
+            <x-general.slider>
+                @foreach ($images as $image)
+                    <div class="splide__slide">
+                        <x-filament-media-library::picture
+                            :$image
+                            :alt="$image->alt"
+                            :lazyload
+                        />
+                    </div>
+                @endforeach
+            </x-general.slider>
+        @endif
+    </div>
+</div>

resources/views/architect/spacer-block.blade.php

@@ -1 +1 @@
-@dump($height)
+<div style="height: {{ $height }}px;"></div>

resources/views/architect/text-block.blade.php

@@ -1,2 +1,13 @@
-@dump($columns)
-@dump($textColumns)
+<div class="content-padding">
+    <div class="container">
+        <div class="row">
+            @foreach ($textColumns as $text)
+                <div @class([
+                    'wysiwyg col-lg-' . 12 / $columns,
+                  ])>
+                    {!! $text !!}
+                </div>
+            @endforeach
+        </div>
+    </div>
+</div>

resources/views/architect/video-block.blade.php

@@ -1 +1,5 @@
-@dump($video)
+<div class="content-padding">
+    <div class="container">
+        <x-general.video :$video />
+    </div>
+</div>

resources/views/architect/video-text-block.blade.php

@@ -1,3 +1,17 @@
-@dump($alignment)
-@dump($video)
-@dump($description)
+<div class="content-padding">
+    <div class="container">
+        <div
+            @class([
+                'row',
+                'flex-lg-row-reverse' => $alignment === 'right'
+            ])
+        >
+            <div class="col-lg-6">
+                <x-general.video :$video />
+            </div>
+            <div class="col-lg-6">
+                {!! $description !!}
+            </div>
+        </div>
+    </div>
+</div>

resources/views/components/button-field.blade.php

@@ -1,6 +1,11 @@
-<div>
-    <input wire:model="{{ $getStatePath() }}" type="hidden" />
+<div class="flex flex-col items-start">
+    <x-dynamic-component
+        :component="$getFieldWrapperView()"
+        :field="$field"
+    >
+        <input wire:model="{{ $getStatePath() }}" type="hidden" />
 
-    {{ $getAction('addButton') }}
-    {{ $getAction('removeButton') }}
+        {{ $getAction('addButton') }}
+        {{ $getAction('removeButton') }}
+    </x-dynamic-component>
 </div>

src/Filament/Architect/ButtonBlock.php

@@ -28,7 +28,11 @@ public function schema(): array
                     'left' => 'Left',
                     'center' => 'Center',
                     'right' => 'Right',
-                ]),
+                ])
+                ->inline()
+                ->inlineLabel(false)
+                ->default('left')
+                ->formatStateUsing(fn (mixed $state) => $state ?? 'left'),
 
             Repeater::make('buttons')
                 ->schema([ButtonComponent::make('button')])

src/Filament/Architect/MediaBlock.php

@@ -28,7 +28,16 @@ public function schema(): array
         return [
             Radio::make('width')
                 ->visible((bool) ArchitectConfig::getWidthOptionsEnum())
+                ->inline()
+                ->inlineLabel(false)
                 ->required()
+                ->formatStateUsing(function ($state) {
+                    if (! $state) {
+                        return ArchitectConfig::getWidthOptionsEnum()::cases()[0] ?? null;
+                    }
+
+                    return $state;
+                })
                 ->options(function (Get $get) {
                     $enum = ArchitectConfig::getWidthOptionsEnum();
 

src/Filament/Architect/MediaTextBlock.php

@@ -6,6 +6,7 @@
 use Codedor\MediaLibrary\Filament\AttachmentInput;
 use Codedor\MediaLibrary\Models\Attachment;
 use Filament\Forms\Components\Radio;
+use Filament\Forms\Components\Section;
 use FilamentTiptapEditor\TiptapEditor;
 use Illuminate\View\View;
 
@@ -30,14 +31,15 @@ public function schema(): array
                 ->options([
                     'left' => 'Left',
                     'right' => 'Right',
-                ]),
+                ])
+                ->inline()
+                ->inlineLabel(false)
+                ->default('left')
+                ->formatStateUsing(fn (mixed $state) => $state ?? 'left'),
 
             AttachmentInput::make('image')
                 ->allowedFormats(ArchitectFormats::get())
                 ->required(),
-
-            TiptapEditor::make('description')
-                ->label('Text to display'),
         ];
     }
 }

src/Filament/Architect/TextBlock.php

@@ -11,7 +11,7 @@
 
 class TextBlock extends BaseBlock
 {
-    protected ?string $name = 'Text columns block';
+    protected ?string $name = 'Text block';
 
     public function render(array $data): ?View
     {
@@ -30,10 +30,13 @@ public function schema(): array
             TextInput::make('columns')
                 ->numeric()
                 ->reactive()
+                ->default(1)
                 ->minValue(1)
                 ->maxValue(3)
+                ->formatStateUsing(fn (mixed $state) => $state ?? 1)
                 ->extraInputAttributes(['min' => 1, 'max' => 3]),
 
+
             Grid::make(1)->schema(function (Get $get) {
                 return collect()
                     ->pad($get('columns') ?? 1, null)

src/Filament/Architect/VideoTextBlock.php

@@ -26,13 +26,15 @@ public function schema(): array
                 ->options([
                     'left' => 'Left',
                     'right' => 'Right',
-                ]),
-
-            OEmbed::make('video'),
+                ])
+                ->inline()
+                ->inlineLabel(false),
 
             TiptapEditor::make('description')
                 ->label('Text')
                 ->required(),
+
+            OEmbed::make('video'),
         ];
     }
 }

tests/Feature/Filament/Architect/MediaTextBlockTest.php

@@ -15,7 +15,5 @@
                 ->toBeInstanceOf(\Filament\Forms\Components\Radio::class),
             fn ($field) => $field
                 ->toBeInstanceOf(\Codedor\MediaLibrary\Filament\AttachmentInput::class),
-            fn ($field) => $field
-                ->toBeInstanceOf(\FilamentTiptapEditor\TiptapEditor::class),
         );
 });

tests/Feature/Filament/Architect/VideoTextBlockTest.php

@@ -13,9 +13,9 @@
         ->schema()->sequence(
             fn ($field) => $field
                 ->toBeInstanceOf(\Filament\Forms\Components\Radio::class),
-            fn ($field) => $field
-                ->toBeInstanceOf(\Filament\Forms\Components\Fieldset::class),
             fn ($field) => $field
                 ->toBeInstanceOf(\FilamentTiptapEditor\TiptapEditor::class),
+            fn ($field) => $field
+                ->toBeInstanceOf(\Filament\Forms\Components\Fieldset::class),
         );
 });