feat: load layout from view using selector

Author: yajra

src/Html/Layout.php

@@ -21,30 +21,44 @@ public function topStart(string|array|null $options, int $order = 0): static
         return $this->top($options, $order, 'Start');
     }
 
+    public function top(array|string|null $options, ?int $order = null, ?string $position = null): static
+    {
+        if ($order > 0) {
+            $this->attributes["top{$order}{$position}"] = $options;
+        } else {
+            $this->attributes["top{$position}"] = $options;
+        }
+
+        return $this;
+    }
+
     public function topEnd(string|array|null $options, int $order = 0): static
     {
         return $this->top($options, $order, 'End');
     }
 
-    public function bottomStart(string|array|null $options, int $order = 0): static
+    public function topEndView(string $selector, int $order = 0): static
     {
-        return $this->bottom($options, $order, 'Start');
+        return $this->topView($selector, $order, 'End');
     }
 
-    public function bottomEnd(string|array|null $options, int $order = 0): static
+    public function topView(string $selector, int $order = 0, ?string $position = null): static
     {
-        return $this->bottom($options, $order, 'End');
+        $script = "function() { return $('{$selector}').html(); }";
+
+        return $this->top($script, $order, $position);
     }
 
-    public function top(array|string|null $options, ?int $order = null, ?string $position = null): static
+    public function bottomStartView(string $selector, int $order = 0): static
     {
-        if ($order > 0) {
-            $this->attributes["top{$order}{$position}"] = $options;
-        } else {
-            $this->attributes["top{$position}"] = $options;
-        }
+        return $this->bottomView($selector, $order, 'Start');
+    }
 
-        return $this;
+    public function bottomView(string $selector, int $order = 0, ?string $position = null): static
+    {
+        $script = "function() { return $('{$selector}').html(); }";
+
+        return $this->bottom($script, $order, $position);
     }
 
     public function bottom(array|string|null $options, ?int $order = null, ?string $position = null): static
@@ -57,4 +71,24 @@ public function bottom(array|string|null $options, ?int $order = null, ?string $
 
         return $this;
     }
+
+    public function bottomEndView(string $selector, int $order = 0): static
+    {
+        return $this->bottomView($selector, $order, 'End');
+    }
+
+    public function topStartView(string $selector, int $order = 0): static
+    {
+        return $this->topView($selector, $order, 'Start');
+    }
+
+    public function bottomStart(string|array|null $options, int $order = 0): static
+    {
+        return $this->bottom($options, $order, 'Start');
+    }
+
+    public function bottomEnd(string|array|null $options, int $order = 0): static
+    {
+        return $this->bottom($options, $order, 'End');
+    }
 }

tests/LayoutTest.php

@@ -127,4 +127,50 @@ public function it_can_accept_array_as_parameter_in_builder(): void
         $this->assertArrayHasKey('layout', $builder->getAttributes());
         $this->assertArrayHasKey('top', $builder->getAttributes()['layout']);
     }
+
+    #[Test]
+    public function it_can_accept_callable_as_parameter_in_builder(): void
+    {
+        $builder = resolve(Builder::class);
+        $builder->layout(fn (Layout $layout) => $layout->top('test'));
+
+        $this->assertArrayHasKey('layout', $builder->getAttributes());
+        $this->assertArrayHasKey('top', $builder->getAttributes()['layout']);
+    }
+
+    #[Test]
+    public function it_can_accept_js_selector_for_layout_content(): void
+    {
+        $builder = resolve(Builder::class);
+        $builder->layout(fn (Layout $layout) => $layout->topView('#test'));
+
+        $this->assertArrayHasKey('layout', $builder->getAttributes());
+        $this->assertArrayHasKey('top', $builder->getAttributes()['layout']);
+        $this->assertEquals("function() { return $('#test').html(); }", $builder->getAttributes()['layout']['top']);
+
+        $builder->layout(fn (Layout $layout) => $layout->bottomView('#test'));
+        $this->assertArrayHasKey('layout', $builder->getAttributes());
+        $this->assertArrayHasKey('bottom', $builder->getAttributes()['layout']);
+        $this->assertEquals("function() { return $('#test').html(); }", $builder->getAttributes()['layout']['bottom']);
+
+        $builder->layout(fn (Layout $layout) => $layout->topStartView('#test'));
+        $this->assertArrayHasKey('layout', $builder->getAttributes());
+        $this->assertArrayHasKey('topStart', $builder->getAttributes()['layout']);
+        $this->assertEquals("function() { return $('#test').html(); }", $builder->getAttributes()['layout']['topStart']);
+
+        $builder->layout(fn (Layout $layout) => $layout->topEndView('#test'));
+        $this->assertArrayHasKey('layout', $builder->getAttributes());
+        $this->assertArrayHasKey('topEnd', $builder->getAttributes()['layout']);
+        $this->assertEquals("function() { return $('#test').html(); }", $builder->getAttributes()['layout']['topEnd']);
+
+        $builder->layout(fn (Layout $layout) => $layout->bottomStartView('#test'));
+        $this->assertArrayHasKey('layout', $builder->getAttributes());
+        $this->assertArrayHasKey('bottomStart', $builder->getAttributes()['layout']);
+        $this->assertEquals("function() { return $('#test').html(); }", $builder->getAttributes()['layout']['bottomStart']);
+
+        $builder->layout(fn (Layout $layout) => $layout->bottomEndView('#test'));
+        $this->assertArrayHasKey('layout', $builder->getAttributes());
+        $this->assertArrayHasKey('bottomEnd', $builder->getAttributes()['layout']);
+        $this->assertEquals("function() { return $('#test').html(); }", $builder->getAttributes()['layout']['bottomEnd']);
+    }
 }