From e1a54d1bd25ae5999c8b66bf23eb20ec4feec5ad Mon Sep 17 00:00:00 2001
From: LT <leetoplayaz@yandex.ru>
Date: Fri, 8 Jul 2022 12:26:11 +0300
Subject: [PATCH] added full page fields view to hasOne/hasMany relationships

---
 .../components/field-container.blade.php      |  2 +-
 resources/views/fields/has-many.blade.php     |  2 +-
 resources/views/fields/has-one.blade.php      |  2 +-
 .../views/fields/shared/full-fields.blade.php | 66 +++++++++++++++++++
 src/Traits/Fields/WithFieldsTrait.php         | 14 ++++
 5 files changed, 83 insertions(+), 3 deletions(-)
 create mode 100644 resources/views/fields/shared/full-fields.blade.php

diff --git a/resources/views/components/field-container.blade.php b/resources/views/components/field-container.blade.php
index bd7a61933..4375efc10 100644
--- a/resources/views/components/field-container.blade.php
+++ b/resources/views/components/field-container.blade.php
@@ -1,7 +1,7 @@
 @if($field->isHidden())
     {{ $slot }}
 @else
-<div {!! $field->showWhenState ? "x-show='".$field->showWhenField." == ".$field->showWhenValue ."'" : ''!!}
+<div {!! $field->showWhenState ? "x-show='".$field->showWhenField." == `".$field->showWhenValue ."`'" : ''!!}
      class="border-b border-whiteblue dark:border-dark px-10 py-5"
 >
     <div>
diff --git a/resources/views/fields/has-many.blade.php b/resources/views/fields/has-many.blade.php
index aca014ead..2814021ff 100644
--- a/resources/views/fields/has-many.blade.php
+++ b/resources/views/fields/has-many.blade.php
@@ -1,4 +1,4 @@
-@include('moonshine::fields.shared.table-fields', [
+@include('moonshine::fields.shared.'.($field->isFullPage() ? 'full' : 'table').'-fields', [
     'field' => $field,
     'resource' => $resource,
     'item' => $item,
diff --git a/resources/views/fields/has-one.blade.php b/resources/views/fields/has-one.blade.php
index 45168928e..7b51861c4 100644
--- a/resources/views/fields/has-one.blade.php
+++ b/resources/views/fields/has-one.blade.php
@@ -1,4 +1,4 @@
-@include('moonshine::fields.shared.table-fields', [
+@include('moonshine::fields.shared.'.($field->isFullPage() ? 'full' : 'table').'-fields', [
     'field' => $field,
     'resource' => $resource,
     'item' => $item,
diff --git a/resources/views/fields/shared/full-fields.blade.php b/resources/views/fields/shared/full-fields.blade.php
new file mode 100644
index 000000000..6404a3253
--- /dev/null
+++ b/resources/views/fields/shared/full-fields.blade.php
@@ -0,0 +1,66 @@
+<div x-data="handler_{{ $field->id() }}()" x-init="handler_init_{{ $field->id() }}">
+    <template x-for="(item, index{{ $level }}) in items" :key="index{{ $level }}">
+        <div :data-id="item.id" class="full_fields_{{ $field->id() }}">
+            @if(!method_exists($field, 'isRelationToOne') || !$field->isRelationToOne())
+                <div class="font-bold text-purple my-4" x-text="index{{ $level }} + 1"></div>
+            @endif
+
+            @foreach($field->getFields() as $subField)
+                <x-moonshine::field-container :field="$subField" :item="$model" :resource="$resource">
+                    {{ $resource->renderField($subField, $model, $level+1) }}
+                </x-moonshine::field-container>
+            @endforeach
+
+            @if(!method_exists($field, 'isRelationToOne') || !$field->isRelationToOne())
+                <div class="my-4">
+                    @if($field->isRemovable())
+                        <button @click="removeField(index{{ $level }})" type="button" class="text-pink hover:text-pink inline-block">
+                            @include("moonshine::shared.icons.delete", ["size" => 6, "color" => "pink", "class" => "mr-2"])
+                        </button>
+                    @endif
+                </div>
+            @endif
+        </div>
+    </template>
+
+    @if(!method_exists($field, 'isRelationToOne') || !$field->isRelationToOne())
+        <div class="my-4">
+            <button type="button"
+                    class="bg-gradient-to-r from-purple to-pink text-white
+    text-white font-semibold py-2 px-4 rounded"
+                    @click="addNewField()"
+            >
+                Добавить
+            </button>
+            @else
+                <button x-show="items.length == 0" type="button"
+                        class="bg-gradient-to-r from-purple to-pink text-white
+    text-white font-semibold py-2 px-4 rounded"
+                        @click="addNewField()"
+                >
+                    Создать
+                </button>
+        </div>
+    @endif
+</div>
+
+<script>
+  function handler_{{ $field->id() }}() {
+    return {
+      handler_init_{{ $field->id() }} () {
+        this.items = @json($field->jsonValues($item));
+      },
+      items: [],
+      addNewField() {
+        if(Array.isArray(this.items)) {
+          this.items.push(@json($field->jsonValues()));
+        } else {
+          this.items = [@json($field->jsonValues())];
+        }
+      },
+      removeField(index) {
+        this.items.splice(index, 1);
+      },
+    }
+  }
+</script>
\ No newline at end of file
diff --git a/src/Traits/Fields/WithFieldsTrait.php b/src/Traits/Fields/WithFieldsTrait.php
index 525866478..3fdbeeb3b 100644
--- a/src/Traits/Fields/WithFieldsTrait.php
+++ b/src/Traits/Fields/WithFieldsTrait.php
@@ -18,6 +18,20 @@ trait WithFieldsTrait
 
     protected array $fields = [];
 
+    protected bool $fullPage = false;
+
+    public function fullPage(): static
+    {
+        $this->fullPage = true;
+
+        return $this;
+    }
+
+    public function isFullPage(): bool
+    {
+        return $this->fullPage;
+    }
+
     public function getFields(): array
     {
         return collect($this->fields)->map(function ($field) {