File Manager

Edit File: Drawer.php

<?php

namespace Mary\View\Components;

use Closure;
use Illuminate\Contracts\View\View;
use Illuminate\View\Component;
use Livewire\WireDirective;

class Drawer extends Component
{
    public string $uuid;

public function __construct(
        public ?string $id = null,
        public ?bool $right = false,
        public ?string $title = null,
        public ?string $subtitle = null,
        public ?bool $separator = false,
        public ?bool $withCloseButton = false,
        public ?bool $closeOnEscape = false,
        public ?bool $withoutTrapFocus = false,

//Slots
        public ?string $actions = null
    ) {
        $this->uuid = "mary" . md5(serialize($this));
    }

public function id(): string
    {
        return $this->id ?? $this->attributes?->wire('model')->value();
    }

public function modelName(): WireDirective
    {
        return $this->attributes->wire('model');
    }

public function render(): View|Closure|string
    {
        return <<<'HTML'
                <div
                    x-data="{
                        open:
                            @if($modelName()->value)
                                @entangle($modelName())
                            @else
                                false
                            @endif
                        ,
                        close() {
                            this.open = false
                            $refs.checkbox.checked = false
                        }
                    }"

@if($closeOnEscape)
                        @keydown.window.escape="close()"
                    @endif

@if(!$withoutTrapFocus)
                        x-trap="open" x-bind:inert="!open"
                    @endif

@class(["drawer absolute z-50", "drawer-end" => $right])
                >
                    
                    <input
                        id="{{ $id() }}"
                        x-model="open"
                        x-ref="checkbox"
                        type="checkbox"
                        class="drawer-toggle" />

<x-mary-card
                            :title="$title"
                            :subtitle="$subtitle"
                            :separator="$separator"
                            wire:key="drawer-card"
                            {{ $attributes->except('wire:model')->class(['min-h-screen rounded-none px-8']) }}
                        >
                            @if($withCloseButton)
                                <x-slot:menu>
                                    <x-mary-button icon="o-x-mark" class="btn-ghost btn-sm" @click="close()" />
                                </x-slot:menu>
                            @endif

@if($actions)
                                <x-slot:actions>
                                    {{ $actions }}
                                </x-slot:actions>
                            @endif
                        </x-mary-card>
                    </div>
                </div>
            HTML;
    }
}

Back