added full page fields view to hasOne/hasMany relationships

moonshine-software · Jul 8, 2022 · e1a54d1 · e1a54d1
1 parent 876d54d
commit e1a54d1
Show file tree

Hide file tree

Showing 5 changed files with 83 additions and 3 deletions.
diff --git 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
@@ -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
@@ -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
@@ -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>
diff --git 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) {