feat: rulers

saade · Feb 13, 2024 · 5932e2d · 5932e2d
1 parent a9e8a8f
commit 5932e2d
Show file tree

Hide file tree

Showing 4 changed files with 24 additions and 4 deletions.
diff --git a/resources/dist/filament-adjacency-list.css b/resources/dist/filament-adjacency-list.css
diff --git a/resources/views/builder.blade.php b/resources/views/builder.blade.php
@@ -12,13 +12,15 @@ class="filament-navigation"
     @php
         $treeId = $getId();
         
+        $hasRulers = $hasRulers();
         $isAddable = $isAddable();
         $isDeletable = $isDeletable();
         $isDisabled = $isDisabled();
         $isEditable = $isEditable();
         $isReorderable = $isReorderable();
         $isCollapsible = $isCollapsible();
         $isCollapsed = $isCollapsed();
+        
         $maxDepth = $getMaxDepth();
         
         $addAction = $getAction('add');
@@ -48,6 +50,7 @@ class="filament-navigation"
                     :deletable="$isDeletable"
                     :disabled="$isDisabled"
                     :editable="$isEditable"
+                    :has-rulers="$hasRulers"
                     :is-collapsed="$isCollapsed"
                     :is-collapsible="$isCollapsible"
                     :item="$item"

diff --git a/resources/views/components/item.blade.php b/resources/views/components/item.blade.php
@@ -1,4 +1,4 @@
-@props(['uuid', 'treeId', 'actions', 'addable', 'childrenKey', 'isCollapsible', 'isCollapsed', 'deletable', 'disabled', 'editable', 'item', 'itemStatePath', 'labelKey', 'reorderable', 'statePath'])
+@props(['uuid', 'treeId', 'actions', 'addable', 'childrenKey', 'hasRulers', 'isCollapsible', 'isCollapsed', 'deletable', 'disabled', 'editable', 'item', 'itemStatePath', 'labelKey', 'reorderable', 'statePath'])
 
 <div
     {{-- hover:bg-gray-950/5 --}}
@@ -74,7 +74,11 @@ class="px-2 text-gray-500 appearance-none"
     </div>
 
     <div
-        @class(['ms-6', 'pt-2' => $hasChildren])
+        @class([
+            'ms-6' => !$hasRulers,
+            'ms-5 border-l border-l-gray-100 ps-4' => $hasRulers,
+            'pt-2' => $hasChildren,
+        ])
         x-show="! isCollapsed"
         x-collapse
     >
@@ -97,6 +101,7 @@ class="px-2 text-gray-500 appearance-none"
                     :deletable="$deletable"
                     :disabled="$disabled"
                     :editable="$editable"
+                    :has-rulers="$hasRulers"
                     :is-collapsed="$isCollapsed"
                     :is-collapsible="$isCollapsible"
                     :item="$child"

diff --git a/src/Forms/Components/Component.php b/src/Forms/Components/Component.php
@@ -21,7 +21,7 @@ abstract class Component extends Forms\Components\Field
 
     protected int $maxDepth = -1;
 
-    protected bool $startCollapsed = false;
+    protected bool | Closure $hasRulers = false;
 
     protected function setUp(): void
     {
@@ -111,6 +111,18 @@ public function getMaxDepth(): int
         return $this->evaluate($this->maxDepth);
     }
 
+    public function rulers(bool | Closure $condition = true): static
+    {
+        $this->hasRulers = $condition;
+
+        return $this;
+    }
+
+    public function hasRulers(): bool
+    {
+        return $this->evaluate($this->hasRulers);
+    }
+
     public function getRelativeStatePath(string $path): string
     {
         return str($path)->after($this->getStatePath())->trim('.')->toString();