Merge pull request #28 from redsquirrelstudio/feature_infolist-entry

Added Infolist entry component

Author: ibrahimBougaoua

README.md

@@ -74,6 +74,17 @@ return $table
     ])
 ```
 
+With Infolist :
+
+```php
+use IbrahimBougaoua\FilamentRatingStar\Entries\Components\RatingStar;
+
+return $infolist
+    ->schema([
+        RatingStar::make('rating')
+    ])
+```
+
 You can use the `size` method to customize the size of the stars:
 
 ```php

resources/views/entries/components/rating-star.blade.php

@@ -0,0 +1,24 @@
+<x-dynamic-component :component="$getEntryWrapperView()" :entry="$entry">
+    @php
+        $state = $getState();
+        $isRTL = config('filament-rating-star.isRTL');
+        $direction = $isRTL ? 'rtl' : 'ltr';
+        $size = match ($getSize()) {
+          'xs' => 12,
+          'sm' => 18,
+          'md' => 22,
+          'lg' => 28,
+          'xl' => 36,
+        };
+    @endphp
+
+    <div class="flex p-10" dir="{{ $direction }}">
+        @for ($i = 1; $i <= count(config('filament-rating-star.stars')); $i++)
+            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30" width="{{ $size }}" height="{{ $size }}">
+                <path
+                    d="M15.765,2.434l2.875,8.512l8.983,0.104c0.773,0.009,1.093,0.994,0.473,1.455l-7.207,5.364l2.677,8.576 c0.23,0.738-0.607,1.346-1.238,0.899L15,22.147l-7.329,5.196c-0.63,0.447-1.468-0.162-1.238-0.899l2.677-8.576l-7.207-5.364 c-0.62-0.461-0.3-1.446,0.473-1.455l8.983-0.104l2.875-8.512C14.482,1.701,15.518,1.701,15.765,2.434z"
+                    fill="{{ ($state >= $i) ? '#ffc107' : '#ddd' }}"/>
+            </svg>
+        @endfor
+    </div>
+</x-dynamic-component>

src/Entries/Components/RatingStar.php

@@ -0,0 +1,29 @@
+<?php
+
+namespace IbrahimBougaoua\FilamentRatingStar\Entries\Components;
+
+use Filament\Forms\Components\Concerns\HasToggleColors;
+use Filament\Forms\Components\Concerns\HasToggleIcons;
+use Filament\Infolists\Components\Entry;
+
+class RatingStar extends Entry
+{
+    use HasToggleColors;
+    use HasToggleIcons;
+
+    protected string $view = 'filament-rating-star::entries.components.rating-star';
+
+    protected string $size = 'lg';
+
+    public function size(string $size): static
+    {
+        $this->size = $size;
+
+        return $this;
+    }
+
+    public function getSize(): string
+    {
+        return $this->size;
+    }
+}