Work work work
parent
3e2c5d5fac
commit
b9346c4466
@ -0,0 +1,9 @@
|
||||
const {join} = require('path');
|
||||
|
||||
/**
|
||||
* @type {import("puppeteer").Configuration}
|
||||
*/
|
||||
module.exports = {
|
||||
// Changes the cache location for Puppeteer.
|
||||
cacheDirectory: join(__dirname, '.cache', 'puppeteer'),
|
||||
};
|
||||
@ -0,0 +1,11 @@
|
||||
<?php
|
||||
|
||||
namespace App\Filament\Resources\OrderResource\Pages;
|
||||
|
||||
use App\Filament\Resources\OrderResource;
|
||||
use Filament\Resources\Pages\ViewRecord;
|
||||
|
||||
class ViewOrder extends ViewRecord
|
||||
{
|
||||
protected static string $resource = OrderResource::class;
|
||||
}
|
||||
Binary file not shown.
@ -0,0 +1,194 @@
|
||||
<x-dynamic-component
|
||||
:component="$getFieldWrapperView()"
|
||||
:field="$field"
|
||||
>
|
||||
|
||||
@php
|
||||
$containers = $getChildComponentContainers();
|
||||
|
||||
$addAction = $getAction($getAddActionName());
|
||||
$cloneAction = $getAction($getCloneActionName());
|
||||
$deleteAction = $getAction($getDeleteActionName());
|
||||
$moveDownAction = $getAction($getMoveDownActionName());
|
||||
$moveUpAction = $getAction($getMoveUpActionName());
|
||||
$reorderAction = $getAction($getReorderActionName());
|
||||
|
||||
$isAddable = $isAddable();
|
||||
$isCloneable = $isCloneable();
|
||||
$isCollapsible = $isCollapsible();
|
||||
$isDeletable = $isDeletable();
|
||||
$isReorderable = $isReorderable();
|
||||
$isReorderableWithButtons = $isReorderableWithButtons();
|
||||
$isReorderableWithDragAndDrop = $isReorderableWithDragAndDrop();
|
||||
|
||||
$statePath = $getStatePath();
|
||||
|
||||
$columnLabels = $getColumnLabels();
|
||||
$colStyles = $getColStyles();
|
||||
|
||||
@endphp
|
||||
|
||||
<div
|
||||
{{-- x-data="{ state: $wire.entangle('{{ $getStatePath() }}') }" --}}
|
||||
x-data="{ isCollapsed: @js($isCollapsed()) }"
|
||||
x-on:repeater-collapse.window="$event.detail === '{{ $getStatePath() }}' && (isCollapsed = true)"
|
||||
x-on:repeater-expand.window="$event.detail === '{{ $getStatePath() }}' && (isCollapsed = false)"
|
||||
|
||||
{{
|
||||
$attributes
|
||||
->merge($getExtraAttributes(), escape: false)
|
||||
->class(['bg-white border border-gray-300 shadow-sm rounded-xl relative dark:bg-gray-900 dark:border-gray-700'])
|
||||
}}
|
||||
>
|
||||
|
||||
<div @class([
|
||||
'filament-tables-header',
|
||||
'flex items-center h-10 overflow-hidden border-b bg-gray-50 rounded-t-xl',
|
||||
'dark:bg-gray-900 dark:border-gray-700',
|
||||
])>
|
||||
|
||||
<div class="flex-1"></div>
|
||||
@if ($isCollapsible)
|
||||
<div>
|
||||
<button
|
||||
x-on:click="isCollapsed = !isCollapsed"
|
||||
type="button"
|
||||
@class([
|
||||
'flex items-center justify-center flex-none w-10 h-10 text-gray-400 transition hover:text-gray-300',
|
||||
'dark:text-gray-400 dark:hover:text-gray-500',
|
||||
])
|
||||
>
|
||||
<x-heroicon-s-minus-small class="w-4 h-4" x-show="! isCollapsed"/>
|
||||
|
||||
<span class="sr-only" x-show="! isCollapsed">
|
||||
{{ __('forms::components.repeater.buttons.collapse_item.label') }}
|
||||
</span>
|
||||
|
||||
<x-heroicon-s-plus-small class="w-4 h-4" x-show="isCollapsed" x-cloak/>
|
||||
|
||||
<span class="sr-only" x-show="isCollapsed" x-cloak>
|
||||
{{ __('forms::components.repeater.buttons.expand_item.label') }}
|
||||
</span>
|
||||
</button>
|
||||
</div>
|
||||
@endif
|
||||
</div>
|
||||
|
||||
<div class="px-4{{ $isAddable? '' : ' py-2' }}">
|
||||
<table class="it-table-repeater w-full text-left rtl:text-right table-auto mx-4" x-show="! isCollapsed">
|
||||
<thead>
|
||||
<tr>
|
||||
|
||||
@foreach($columnLabels as $columnLabel)
|
||||
@if($columnLabel['display'])
|
||||
<th class="it-table-repeater-cell-label p-2"
|
||||
@if($colStyles && isset($colStyles[$columnLabel['component']]))
|
||||
style="{{ $colStyles[$columnLabel['component']] }}"
|
||||
@endif
|
||||
>
|
||||
<span>
|
||||
{{ $columnLabel['name'] }}
|
||||
</span>
|
||||
</th>
|
||||
@else
|
||||
<th style="display: none"></th>
|
||||
@endif
|
||||
@endforeach
|
||||
|
||||
@if ($isReorderableWithDragAndDrop || $isReorderableWithButtons || $isCloneable || $isDeletable)
|
||||
<th></th>
|
||||
@endif
|
||||
</tr>
|
||||
</thead>
|
||||
|
||||
<tbody
|
||||
@if($isReorderable)
|
||||
{{-- :wire:end.stop="'mountFormComponentAction(\'' . $statePath . '\', \'reorder\', { items: $event.target.sortable.toArray() })'" --}}
|
||||
x-sortable
|
||||
@endif
|
||||
>
|
||||
|
||||
@foreach ($containers as $uuid => $item)
|
||||
|
||||
<tr
|
||||
class="it-table-repeater-row"
|
||||
x-on:repeater-collapse.window="$event.detail === '{{ $getStatePath() }}' && (isCollapsed = true)"
|
||||
x-on:repeater-expand.window="$event.detail === '{{ $getStatePath() }}' && (isCollapsed = false)"
|
||||
wire:key="{{ $this->getId() }}.{{ $item->getStatePath() }}.{{ $field::class }}.item"
|
||||
x-sortable-item="{{ $uuid }}"
|
||||
>
|
||||
|
||||
@foreach($item->getComponents() as $component)
|
||||
<td
|
||||
class="it-table-repeater-cell px-1 py-2 align-top"
|
||||
@if($component->isHidden() || ($component instanceof \Filament\Forms\Components\Hidden))style="display:none"@endif
|
||||
@if($colStyles && isset($colStyles[$component->getName()]))
|
||||
style="{{ $colStyles[$component->getName()] }}"
|
||||
@endif
|
||||
>
|
||||
{{ $component }}
|
||||
</td>
|
||||
@endforeach
|
||||
|
||||
@if ($isReorderableWithDragAndDrop || $isReorderableWithButtons || filled($itemLabel) || $isCloneable || $isDeletable || $isCollapsible)
|
||||
<td class="flex items-center gap-x-3 py-2 max-w-20">
|
||||
@if ($isReorderableWithDragAndDrop || $isReorderableWithButtons)
|
||||
@if ($isReorderableWithDragAndDrop)
|
||||
<div x-sortable-handle>
|
||||
{{ $reorderAction }}
|
||||
</div>
|
||||
@endif
|
||||
|
||||
@if ($isReorderableWithButtons)
|
||||
<div
|
||||
class="flex items-center justify-center"
|
||||
>
|
||||
{{ $moveUpAction(['item' => $uuid])->disabled($loop->first) }}
|
||||
</div>
|
||||
|
||||
<div
|
||||
class="flex items-center justify-center"
|
||||
>
|
||||
{{ $moveDownAction(['item' => $uuid])->disabled($loop->last) }}
|
||||
</div>
|
||||
@endif
|
||||
|
||||
@endif
|
||||
|
||||
@if ($isCloneable || $isDeletable )
|
||||
@if ($cloneAction->isVisible())
|
||||
<div>
|
||||
{{ $cloneAction(['item' => $uuid]) }}
|
||||
</div>
|
||||
@endif
|
||||
|
||||
@if ($isDeletable)
|
||||
<div>
|
||||
{{ $deleteAction(['item' => $uuid]) }}
|
||||
</div>
|
||||
@endif
|
||||
|
||||
@endif
|
||||
|
||||
</td>
|
||||
@endif
|
||||
</tr>
|
||||
@endforeach
|
||||
</tbody>
|
||||
|
||||
</table>
|
||||
|
||||
<div class="p-2 text-xs text-center text-gray-400" x-show="isCollapsed" x-cloak>
|
||||
{{ __('filament-table-repeater::components.table-repeater.collapsed') }}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@if($isAddable)
|
||||
<div class="relative flex justify-center py-2">
|
||||
{{ $addAction }}
|
||||
</div>
|
||||
@endif
|
||||
|
||||
</div>
|
||||
|
||||
</x-dynamic-component>
|
||||
Loading…
Reference in New Issue